diff --git a/src/api/gd36524/allData.js b/src/api/gd36524/allData.js
index 7b8d8d5..f1a4322 100644
--- a/src/api/gd36524/allData.js
+++ b/src/api/gd36524/allData.js
@@ -1,66 +1,74 @@
 import request from '@/utils/request'
 
 export default {
-	
-	// 左侧数据总览
-	getProjectDaily: function(data) {
-		return request({
-			url: '/datacenter/getProjectDailyNew',
-			method: 'post',
-			data: data
-		});
-	},
-	
-	//  库存分析图 ,
-	getReportInventory: function(data) {
-		return request({
-			url: '/datacenter/getReportInventoryNew',
-			method: 'post',
-			data: data
-		});
-	},
-	
-	//  获取基础信息 ,
-	getProjectBySid: function(data) {
-		return request({
-			url: '/datacenter/getProjectBySid?projectSid='+data,
-			method: 'get',
-			data: data
-		});
-	},
-	
-	//  获取仓库sid,
-	getProjectIsJk: function(data) {
-		return request({
-			url: '/datacenter/getProjectIsJk?projectSid='+data,
-			method: 'get'
-		});
-	},
-	
-	//  获取摄像头 设备列表,
-	getOtherList: function(data) {
-		return request({
-			url: '/datacenter/getOtherList?type=1&ckId='+data,
-			method: 'get'
-		});
-	},
-	
-	
-	//  实时监控 ,
-	getVedioPcLiveById: function(data) {
-		return request({
-			url: '/datacenter/getVedioPcLiveByIdNew?id=' + data,
-			method: 'get'
-		});
-	},
-	
-	
-	//  回放监控 ,
-	getVedioPcRecById: function(data) {
-		return request({
-			url: '/datacenter/getVedioPcRecByIdNew?id=' + data,
-			method: 'get'
-		});
-	},
-	
+
+    // 左侧数据总览
+    getProjectDaily: function(data) {
+        return request({
+            url: '/datacenter/getProjectDailyNew',
+            method: 'post',
+            data: data
+        });
+    },
+
+    //  库存分析图 ,
+    getReportInventory: function(data) {
+        return request({
+            url: '/datacenter/getReportInventoryNew',
+            method: 'post',
+            data: data
+        });
+    },
+
+    //  获取基础信息 ,
+    getProjectBySid: function(data) {
+        return request({
+            url: '/datacenter/getProjectBySid?projectSid=' + data,
+            method: 'get',
+            data: data
+        });
+    },
+
+    //  获取仓库sid,
+    getProjectIsJk: function(data) {
+        return request({
+            url: '/datacenter/getProjectIsJk?projectSid=' + data,
+            method: 'get'
+        });
+    },
+
+    //  获取摄像头 设备列表,
+    getOtherList: function(data) {
+        return request({
+            url: '/datacenter/getOtherList?type=1&ckId=' + data,
+            method: 'get'
+        });
+    },
+
+
+    //  实时监控 ,
+    getVedioPcLiveById: function(data) {
+        return request({
+            url: '/datacenter/getVedioPcLiveByIdNew?id=' + data,
+            method: 'get'
+        });
+    },
+
+
+    //  回放监控 ,
+    getVedioPcRecById: function(data) {
+        return request({
+            url: '/datacenter/getVedioPcRecByIdNew?id=' + data,
+            method: 'get'
+        });
+    },
+    //  仓库分布 
+    getPos: function(data) {
+        return request({
+            url: '/datacenter/getWarehouseAddress',
+            method: 'post',
+            data: data
+        });
+    },
+
 }
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 3c11392..824a917 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <div class="navbar">
-      <p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;">汇融清分系统</p>
-      <!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> -->
+      <p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;">清分系统</p>
+      <!-- <h3 class="breadcrumb-container">银行供应链贷后监管平台</h3> -->
       <div class="right-menu">
         <!--        <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>-->
         <p>欢迎您，{{ name }}</p>
@@ -11,7 +11,7 @@
         <span class="backToHome" @click="logout"><i class="el-icon-back" />返回首页</span>
       </div>
     </div>
-    <el-footer class="footer" height="40px">Copyright © {{ year }} 汇融清分系统All Rights Reserved</el-footer>
+    <el-footer class="footer" height="40px">Copyright © {{ year }} 清分系统All Rights Reserved</el-footer>
   </div>
 </template>
 
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index 37d0e10..1bce5b9 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -1,365 +1,359 @@
 <template>
-  <div class="app-container">
-    <el-amap ref="map" :center="center" :zoom="zoom">
-      <el-amap-control-map-type :visible="controlVisible" />
-      <el-amap-marker
-        v-for="(marker, index) in markers"
-        :key="index"
-        :icon="marker.icon"
-        :title="marker.title"
-        :position="marker.position"
-        @click="(e) => {clickArrayMarker(marker, e)}"
-      />
-    </el-amap>
-    <div class="toolbar">
-      <el-collapse v-model="activeNames">
-        <el-collapse-item name="info">
-          <template slot="title">
-            <i class="el-icon-s-shop" /> 当前选中门店信息
-          </template>
-          <el-descriptions :column="1" size="mini" border>
-            <el-descriptions-item :label-style="{'width': '70px'}" label="序号">{{ currentStore.serNumber }}</el-descriptions-item>
-            <el-descriptions-item label="门店名称">{{ currentStore.name }}</el-descriptions-item>
-            <el-descriptions-item label="门店地址">{{ currentStore.address }}</el-descriptions-item>
-            <el-descriptions-item label="门店面积">{{ currentStore.area }}</el-descriptions-item>
-            <el-descriptions-item label="是否尽调">{{ currentStore.dueDiligence }}</el-descriptions-item>
-          </el-descriptions>
-        </el-collapse-item>
-        <el-collapse-item title="" name="list">
-          <template slot="title">
-            <i class="el-icon-s-grid" /> 门店列表<el-button style="margin-left: 20px;padding: 3px 0" type="text" @click.stop="showUploadXlsx">更新门店数据</el-button>
-          </template>
-          <el-form ref="form" :model="queryParams" label-width="70px" size="mini">
-            <el-form-item label="门店名称">
-              <el-input v-model="queryParams.name" clearable @clear="dosearch">
-                <el-button slot="append" icon="el-icon-search" @click="dosearch" />
-              </el-input>
-            </el-form-item>
-            <el-form-item label="是否尽调">
-              <el-radio-group v-model="queryParams.jindiao" @input="dosearch">
-                <el-radio label="全部" />
-                <el-radio label="是" />
-                <el-radio label="否" />
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="营业面积">
-              <el-input v-model="queryParams.areaStar" clearable @clear="dosearch">
-                <template slot="prepend">大于等于</template>
-              </el-input>
-              <el-input v-model="queryParams.areaEnd" clearable @clear="dosearch">
-                <template slot="prepend">小于等于</template>
-                <el-button slot="append" icon="el-icon-search" @click="dosearch" />
-              </el-input>
-            </el-form-item>
-          </el-form>
+    <div class="app-container">
+        <el-amap ref="map" :center="center" :zoom="zoom">
+            <el-amap-control-map-type :visible="controlVisible" />
+            <el-amap-marker v-for="(marker, index) in markers" :key="index" :icon="marker.icon" :title="marker.title"
+                :position="marker.position" @click="(e) => {clickArrayMarker(marker, e)}" />
+        </el-amap>
+        <div class="toolbar">
+            <el-collapse v-model="activeNames">
+                <el-collapse-item name="info">
+                    <template slot="title">
+                        <i class="el-icon-s-shop" /> 当前选中门店信息
+                    </template>
+                    <el-descriptions :column="1" size="mini" border>
+                        <el-descriptions-item :label-style="{'width': '70px'}"
+                            label="序号">{{ currentStore.serNumber }}</el-descriptions-item>
+                        <el-descriptions-item label="门店名称">{{ currentStore.name }}</el-descriptions-item>
+                        <el-descriptions-item label="门店地址">{{ currentStore.address }}</el-descriptions-item>
+                        <el-descriptions-item label="门店面积">{{ currentStore.area }}</el-descriptions-item>
+                        <el-descriptions-item label="是否尽调">{{ currentStore.dueDiligence }}</el-descriptions-item>
+                    </el-descriptions>
+                </el-collapse-item>
+                <el-collapse-item title="" name="list">
+                    <template slot="title">
+                        <i class="el-icon-s-grid" /> 门店列表<el-button style="margin-left: 20px;padding: 3px 0" type="text"
+                            @click.stop="showUploadXlsx">更新门店数据</el-button>
+                    </template>
+                    <el-form ref="form" :model="queryParams" label-width="70px" size="mini">
+                        <el-form-item label="门店名称">
+                            <el-input v-model="queryParams.name" clearable @clear="dosearch">
+                                <el-button slot="append" icon="el-icon-search" @click="dosearch" />
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item label="是否尽调">
+                            <el-radio-group v-model="queryParams.jindiao" @input="dosearch">
+                                <el-radio label="全部" />
+                                <el-radio label="是" />
+                                <el-radio label="否" />
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="营业面积">
+                            <el-input v-model="queryParams.areaStar" clearable @clear="dosearch">
+                                <template slot="prepend">大于等于</template>
+                            </el-input>
+                            <el-input v-model="queryParams.areaEnd" clearable @clear="dosearch">
+                                <template slot="prepend">小于等于</template>
+                                <el-button slot="append" icon="el-icon-search" @click="dosearch" />
+                            </el-input>
+                        </el-form-item>
+                    </el-form>
 
-          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%;margin-top: 10px;" max-height="400">
-            <el-table-column prop="name" label="门店名称" align="center" />
-            <el-table-column prop="dueDiligence" label="是否尽调" align="center" width="90" />
-          </el-table>
-        </el-collapse-item>
-      </el-collapse>
-    </div>
+                    <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%;margin-top: 10px;"
+                        max-height="400">
+                        <el-table-column prop="name" label="门店名称" align="center" />
+                        <el-table-column prop="dueDiligence" label="是否尽调" align="center" width="90" />
+                    </el-table>
+                </el-collapse-item>
+            </el-collapse>
+        </div>
 
-    <div class="chartsa">
-      <el-collapse v-model="activeNamesChart">
-        <el-collapse-item name="pie">
-          <template slot="title">
-            <i class="el-icon-pie-chart" /> 尽调比例
-          </template>
-          <div ref="charta" style="height:240px;width: 100%;" />
-        </el-collapse-item>
-      </el-collapse>
-    </div>
-    <el-dialog title="上传《门店信息.xlsx》" :visible.sync="uploadDialogVisible" width="40%" :before-close="dialogClose">
-      <el-card class="box-card">
-        <div>
-          <el-upload
-            ref="upload"
-            class="upload-demo"
-            :action="updateAction"
-            :on-progress="handleProgress"
-            :on-success="handleSuccess"
-            :file-list="fileList"
-            :auto-upload="false"
-            :multiple="false"
-            :limit="1"
-          >
-            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
-            <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
-            <div slot="tip" class="el-upload__tip">上传 《门店信息.xlsx》文件，文件中数据格式需要按照 <el-button type="text" @click="downtemplate">模板Excel文件</el-button> 中填写，可以点击<el-button
-              size="mini"
-              type="warning"
-            >下载模板Excel文件</el-button> 做为参照。 </div>
-          </el-upload>
+        <div class="chartsa">
+            <el-collapse v-model="activeNamesChart">
+                <el-collapse-item name="pie">
+                    <template slot="title">
+                        <i class="el-icon-pie-chart" /> 尽调比例
+                    </template>
+                    <div ref="charta" style="height:240px;width: 100%;" />
+                </el-collapse-item>
+            </el-collapse>
         </div>
-        <el-card class="box-card" shadow="never">
-          <el-descriptions title="文件上传结果" :column="1">
-            <el-descriptions-item label="上传文件名">{{ uploadVo.fileName }}</el-descriptions-item>
-            <el-descriptions-item label="上传开始时间">{{ uploadVo.starTime }}</el-descriptions-item>
-            <el-descriptions-item label="上传用时">{{ uploadVo.useTime }}</el-descriptions-item>
-            <el-descriptions-item label="总记录数">{{ uploadVo.numberAll }}</el-descriptions-item>
-            <el-descriptions-item label="已尽调数">{{ uploadVo.numberTure }}</el-descriptions-item>
-            <el-descriptions-item label="未尽调数">{{ uploadVo.numberFalse }}</el-descriptions-item>
-            <el-descriptions-item label="未知状态数">{{ uploadVo.numberOther }}</el-descriptions-item>
-            <el-descriptions-item v-show="uploadVo.errInfo" label="异常信息">{{ uploadVo.errInfo }}</el-descriptions-item>
-          </el-descriptions>
-        </el-card>
-      </el-card>
-      <div slot="footer">
-        <el-button type="primary" plain style="margin-right: 50px;" @click="dialogClose">关闭</el-button>
-      </div>
-    </el-dialog>
-  </div>
+        <el-dialog title="上传《门店信息.xlsx》" :visible.sync="uploadDialogVisible" width="40%" :before-close="dialogClose">
+            <el-card class="box-card">
+                <div>
+                    <el-upload ref="upload" class="upload-demo" :action="updateAction" :on-progress="handleProgress"
+                        :on-success="handleSuccess" :file-list="fileList" :auto-upload="false" :multiple="false"
+                        :limit="1">
+                        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                        <el-button style="margin-left: 10px;" size="small" type="success"
+                            @click="submitUpload">上传到服务器</el-button>
+                        <div slot="tip" class="el-upload__tip">上传 《门店信息.xlsx》文件，文件中数据格式需要按照 <el-button type="text"
+                                @click="downtemplate">模板Excel文件</el-button> 中填写，可以点击<el-button size="mini"
+                                type="warning">下载模板Excel文件</el-button> 做为参照。 </div>
+                    </el-upload>
+                </div>
+                <el-card class="box-card" shadow="never">
+                    <el-descriptions title="文件上传结果" :column="1">
+                        <el-descriptions-item label="上传文件名">{{ uploadVo.fileName }}</el-descriptions-item>
+                        <el-descriptions-item label="上传开始时间">{{ uploadVo.starTime }}</el-descriptions-item>
+                        <el-descriptions-item label="上传用时">{{ uploadVo.useTime }}</el-descriptions-item>
+                        <el-descriptions-item label="总记录数">{{ uploadVo.numberAll }}</el-descriptions-item>
+                        <el-descriptions-item label="已尽调数">{{ uploadVo.numberTure }}</el-descriptions-item>
+                        <el-descriptions-item label="未尽调数">{{ uploadVo.numberFalse }}</el-descriptions-item>
+                        <el-descriptions-item label="未知状态数">{{ uploadVo.numberOther }}</el-descriptions-item>
+                        <el-descriptions-item v-show="uploadVo.errInfo"
+                            label="异常信息">{{ uploadVo.errInfo }}</el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+            </el-card>
+            <div slot="footer">
+                <el-button type="primary" plain style="margin-right: 50px;" @click="dialogClose">关闭</el-button>
+            </div>
+        </el-dialog>
+    </div>
 </template>
 
 <script>
-  import * as echarts from 'echarts'
-  import req from '@/api/gd36524/store'
-  export default {
-    name: 'MapVueAMap',
-    data() {
-      return {
-        charta: null,
-        notChartData: true,
-        activeNames: ['info', 'list'],
-        activeNamesChart: ['pie'],
-        mapicon: {
-          red: process.env.VUE_APP_PUBLIC_PATH + 'image/icon_local_red.png',
-          blue: process.env.VUE_APP_PUBLIC_PATH + 'image/icon_local_blue.png'
+    import * as echarts from 'echarts'
+    import req from '@/api/gd36524/store'
+    export default {
+        name: 'MapVueAMap',
+        data() {
+            return {
+                charta: null,
+                notChartData: true,
+                activeNames: ['info', 'list'],
+                activeNamesChart: ['pie'],
+                mapicon: {
+                    red: process.env.VUE_APP_PUBLIC_PATH + 'image/icon_local_red.png',
+                    blue: process.env.VUE_APP_PUBLIC_PATH + 'image/icon_local_blue.png'
+                },
+                tplpath: process.env.VUE_APP_PUBLIC_PATH + 'datatemplate.xlsx',
+                uploadDialogVisible: false,
+                uploadVo: {
+                    fileName: '',
+                    starTime: '',
+                    useTime: '',
+                    numberAll: '',
+                    numberTure: '',
+                    numberFalse: '',
+                    numberOther: '',
+                    errInfo: ''
+                },
+                updateAction: process.env.VUE_APP_BASE_API + '/store/uploadData',
+                fullscreenloading: null,
+                fileList: [],
+
+                queryParams: {
+                    name: '',
+                    areaStar: '',
+                    areaEnd: '',
+                    jindiao: '全部'
+                },
+                dataList: [],
+                tableLoading: false,
+
+                controlVisible: false,
+                zoom: 13,
+                center: [114.490788, 38.033577],
+                markers: [],
+                currentStore: {
+                    serNumber: '',
+                    name: '',
+                    address: '',
+                    area: '',
+                    dueDiligence: ''
+                }
+            }
         },
-        tplpath: process.env.VUE_APP_PUBLIC_PATH + 'datatemplate.xlsx',
-        uploadDialogVisible: false,
-        uploadVo: {
-          fileName: '',
-          starTime: '',
-          useTime: '',
-          numberAll: '',
-          numberTure: '',
-          numberFalse: '',
-          numberOther: '',
-          errInfo: ''
+        created() {
+            this.loadList()
         },
-        updateAction: process.env.VUE_APP_BASE_API + '/store/uploadData',
-        fullscreenloading: null,
-        fileList: [],
-
-        queryParams: {
-          name: '',
-          areaStar: '',
-          areaEnd: '',
-          jindiao: '全部'
+        mounted() {
+            // this.$nextTick(() => {
+            //   this.initCharta()
+            // })
         },
-        dataList: [],
-        tableLoading: false,
-
-        controlVisible: false,
-        zoom: 13,
-        center: [114.490788, 38.033577],
-        markers: [],
-        currentStore: {
-          serNumber: '',
-          name: '',
-          address: '',
-          area: '',
-          dueDiligence: ''
-        }
-      }
-    },
-    created() {
-      this.loadList()
-    },
-    mounted() {
-      // this.$nextTick(() => {
-      //   this.initCharta()
-      // })
-    },
-    beforeDestroy() {
-      if (this.charta) {
-        this.charta.dispose()
-        this.charta = null
-      }
-    },
-    methods: {
-      initCharta(listdata) {
-        this.notChartData = false
-        var x = 0
-        var y = 0
-        for (var i in listdata) {
-          if (listdata[i].dueDiligence === '是') { x++ } else { y++ }
-        }
-        const _dataX = []
-        _dataX.push({
-          value: x,
-          name: '已尽调'
-        })
-        _dataX.push({
-          value: y,
-          name: '未尽调'
-        })
+        beforeDestroy() {
+            if (this.charta) {
+                this.charta.dispose()
+                this.charta = null
+            }
+        },
+        methods: {
+            initCharta(listdata) {
+                this.notChartData = false
+                var x = 0
+                var y = 0
+                for (var i in listdata) {
+                    if (listdata[i].dueDiligence === '是') {
+                        x++
+                    } else {
+                        y++
+                    }
+                }
+                const _dataX = []
+                _dataX.push({
+                    value: x,
+                    name: '已尽调'
+                })
+                _dataX.push({
+                    value: y,
+                    name: '未尽调'
+                })
 
-        this.charta = echarts.init(this.$refs.charta)
-        this.charta.setOption({
-          tooltip: {
-            trigger: 'item'
-          },
-          legend: {
-            orient: 'vertical',
-            left: 'left'
-          },
-          series: [{
-            name: '门店数量',
-            type: 'pie',
-            radius: '50%',
-            data: _dataX
-          }]
-        })
-      },
-      loadList() {
-        req.list(this.queryParams).then(res => {
-          this.dataList = res.data
-          this.resetMarkers()
-          if (this.notChartData) {
-            this.initCharta(res.data)
-          }
-        }).catch(e => {
-          console.log('GdinventoryLog-loadList-ee:', e)
-        })
-      },
-      dosearch() {
-        this.loadList()
-      },
-      resetQuery() {
-        this.queryParams = {
-          name: '',
-          areaStar: '',
-          areaEnd: '',
-          jindiao: '全部'
-        }
-        this.loadList()
-      },
-      resetMarkers() {
-        this.markers = []
-        for (var i in this.dataList) {
-          const d = this.dataList[i]
-          let nicon = this.mapicon.blue
-          if (d.dueDiligence === '是') {
-            nicon = this.mapicon.red
-          }
-          const newMarker = {
-            id: d.sid,
-            position: [d.lng, d.lat],
-            title: d.name,
-            icon: nicon,
-            label: {
-              direction: 'bottom',
-              offset: [0, 5], // 设置文本标注偏移量
-              content: "<div class='info'>" + d.name + '</div>' // 设置文本标注内容
+                this.charta = echarts.init(this.$refs.charta)
+                this.charta.setOption({
+                    tooltip: {
+                        trigger: 'item'
+                    },
+                    legend: {
+                        orient: 'vertical',
+                        left: 'left'
+                    },
+                    series: [{
+                        name: '门店数量',
+                        type: 'pie',
+                        radius: '50%',
+                        data: _dataX
+                    }]
+                })
+            },
+            loadList() {
+                req.list(this.queryParams).then(res => {
+                    this.dataList = res.data
+                    this.resetMarkers()
+                    if (this.notChartData) {
+                        this.initCharta(res.data)
+                    }
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+            dosearch() {
+                this.loadList()
+            },
+            resetQuery() {
+                this.queryParams = {
+                    name: '',
+                    areaStar: '',
+                    areaEnd: '',
+                    jindiao: '全部'
+                }
+                this.loadList()
+            },
+            resetMarkers() {
+                this.markers = []
+                for (var i in this.dataList) {
+                    const d = this.dataList[i]
+                    let nicon = this.mapicon.blue
+                    if (d.dueDiligence === '是') {
+                        nicon = this.mapicon.red
+                    }
+                    const newMarker = {
+                        id: d.sid,
+                        position: [d.lng, d.lat],
+                        title: d.name,
+                        icon: nicon,
+                        label: {
+                            direction: 'bottom',
+                            offset: [0, 5], // 设置文本标注偏移量
+                            content: "<div class='info'>" + d.name + '</div>' // 设置文本标注内容
+                        }
+                    }
+                    this.markers.push(newMarker)
+                }
+            },
+            showUploadXlsx() {
+                this.uploadDialogVisible = true
+            },
+            downtemplate() {
+                window.open(this.tplpath, '_blank')
+            },
+            submitUpload() {
+                this.$refs.upload.submit()
+            },
+            handleProgress(event, file, fileList) {
+                const _this = this
+                this.fullscreenloading = this.$loading({
+                    lock: true,
+                    text: '文件正在上传',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.7)'
+                })
+                console.log('111', event.percent)
+                if (event.percent >= 100) {
+                    _this.fullscreenloading.text = '上传完成，正在导入数据库'
+                }
+            },
+            handleSuccess(resp, file, fileList) {
+                console.log('222', resp)
+                const _this = this
+                if (this.fullscreenloading) this.fullscreenloading.close()
+                this.fullscreenloading = null
+                _this.uploadVo = resp.data
+                _this.notChartData = true
+                _this.loadList()
+                setTimeout(function() {
+                    _this.dialogClose()
+                }, 3000)
+            },
+            dialogClose() {
+                this.uploadVo = {
+                    fileName: '',
+                    starTime: '',
+                    useTime: '',
+                    numberAll: '',
+                    numberTure: '',
+                    numberFalse: '',
+                    numberOther: '',
+                    errInfo: ''
+                }
+                if (this.fullscreenloading) this.fullscreenloading.close()
+                this.fullscreenloading = null
+                this.fileList = []
+                this.uploadDialogVisible = false
+            },
+            clickArrayMarker(marker) {
+                for (var i in this.dataList) {
+                    if (marker.id === this.dataList[i].sid) {
+                        this.currentStore = this.dataList[i]
+                        break
+                    }
+                }
             }
-          }
-          this.markers.push(newMarker)
-        }
-      },
-      showUploadXlsx() {
-        this.uploadDialogVisible = true
-      },
-      downtemplate() {
-        window.open(this.tplpath, '_blank')
-      },
-      submitUpload() {
-        this.$refs.upload.submit()
-      },
-      handleProgress(event, file, fileList) {
-        const _this = this
-        this.fullscreenloading = this.$loading({
-          lock: true,
-          text: '文件正在上传',
-          spinner: 'el-icon-loading',
-          background: 'rgba(0, 0, 0, 0.7)'
-        })
-        console.log('111', event.percent)
-        if (event.percent >= 100) {
-          _this.fullscreenloading.text = '上传完成，正在导入数据库'
         }
-      },
-      handleSuccess(resp, file, fileList) {
-        console.log('222', resp)
-        const _this = this
-        if (this.fullscreenloading) this.fullscreenloading.close()
-        this.fullscreenloading = null
-        _this.uploadVo = resp.data
-        _this.notChartData = true
-        _this.loadList()
-        setTimeout(function() {
-          _this.dialogClose()
-        }, 3000)
-      },
-      dialogClose() {
-        this.uploadVo = {
-          fileName: '',
-          starTime: '',
-          useTime: '',
-          numberAll: '',
-          numberTure: '',
-          numberFalse: '',
-          numberOther: '',
-          errInfo: ''
-        }
-        if (this.fullscreenloading) this.fullscreenloading.close()
-        this.fullscreenloading = null
-        this.fileList = []
-        this.uploadDialogVisible = false
-      },
-      clickArrayMarker(marker) {
-        for (var i in this.dataList) {
-          if (marker.id === this.dataList[i].sid) {
-            this.currentStore = this.dataList[i]
-            break
-          }
-        }
-      }
     }
-  }
 </script>
 
 <style lang="scss" scoped>
-  .app-container {
-    width: 100%;
-    height: 100%;
-    top: 0px;
-    left: 0px;
-    margin: 0;
-    padding: 0;
-  }
+    .app-container {
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+        margin: 0;
+        padding: 0;
+    }
 
-  .toolbar {
-    position: absolute;
-    top: 20px;
-    left: 20px;
-    width: 300px;
-  }
+    .toolbar {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        width: 300px;
+    }
 
-  .info {
-    position: relative;
-    margin: 0;
-    top: 0;
-    right: 0;
-    min-width: 0;
-  }
+    .info {
+        position: relative;
+        margin: 0;
+        top: 0;
+        right: 0;
+        min-width: 0;
+    }
 
-  .storelabel {
-    width: 80px
-  }
+    .storelabel {
+        width: 80px
+    }
 
-  .amap-icon img {
-    width: 25px;
-    height: 34px;
-  }
+    .amap-icon img {
+        width: 25px;
+        height: 34px;
+    }
 
-  .chartsa {
-    position: absolute;
-    top: 20px;
-    right: 15px;
-    width: 300px;
-  }
-</style>
+    .chartsa {
+        position: absolute;
+        top: 20px;
+        right: 15px;
+        width: 300px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/mortgage/allData.vue b/src/views/mortgage/allData.vue
index d780f69..c4d32ae 100644
--- a/src/views/mortgage/allData.vue
+++ b/src/views/mortgage/allData.vue
@@ -1,109 +1,113 @@
 <template>
 
-	<div class="mortgage" style="overflow-y: auto;">
-		<span class="mortgage-title">{{params.projectName}}</span>
+    <div class="mortgage" style="overflow-y: auto;">
+        <span class="mortgage-title">{{params.projectName}}</span>
 
-		<div class="mortgage-layout">
+        <div class="mortgage-layout">
 
-			<div class="mortgage-layout-top">
+            <div class="mortgage-layout-top">
 
-				<div class="mortgage-layout-top-left">
+                <div class="mortgage-layout-top-left">
 
-					<div class="box-border border-tl" />
-					<div class="box-border border-tr" />
-					<div class="box-border border-bl" />
-					<div class="box-border border-br" />
+                    <div class="box-border border-tl" />
+                    <div class="box-border border-tr" />
+                    <div class="box-border border-bl" />
+                    <div class="box-border border-br" />
 
-					<div class="mortgage-layout-top-left-title">
+                    <div class="mortgage-layout-top-left-title">
 
-						<div class="mortgage-layout-top-left-title_left">
-							<svg-icon slot="prefix" icon-class="word" class="el-input__icon"
-								style="height: 25px; width: 25px;margin-right: 10px;" />
+                        <div class="mortgage-layout-top-left-title_left">
+                            <svg-icon slot="prefix" icon-class="word" class="el-input__icon"
+                                style="height: 25px; width: 25px;margin-right: 10px;" />
 
-							<span>数据总览</span>
-						</div>
-						<div class="mortgage-layout-top-left-title_right">
-							<div style="flex: 1;"></div>
-							<el-date-picker v-model="times" @change="selectTime" type="date" placeholder="选择日期"
-								format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-							</el-date-picker>
-						</div>
+                            <span>数据总览</span>
+                        </div>
+                        <div class="mortgage-layout-top-left-title_right">
+                            <div style="flex: 1;"></div>
+                            <el-date-picker v-model="times" @change="selectTime" type="date" placeholder="选择日期"
+                                format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+                            </el-date-picker>
+                        </div>
 
-					</div>
+                    </div>
 
-					<div class="mortgage-layout-top-left_bom">
-						<div class="mortgage-layout-top-left-bom-echar">
-							<pieLineEachartsVue :width="`100%`" :height="`100%`" :chartData="chartData">
-							</pieLineEachartsVue>
-						</div>
-						<div class="mortgage-layout-top-left-bom-data">
-							<span> 授信：{{info.creditLimit}}元 </span>
+                    <div class="mortgage-layout-top-left_bom">
+                        <div class="mortgage-layout-top-left-bom-echar">
+                            <pieLineEachartsVue :width="`100%`" :height="`100%`" :chartData="chartData">
+                            </pieLineEachartsVue>
+                        </div>
+                        <div class="mortgage-layout-top-left-bom-data">
+                            <span> 授信：{{info.creditLimit}}元 </span>
 
-							<span> 用信：{{info.useLimit}}元 </span>
-						</div>
-					</div>
+                            <span> 用信：{{info.useLimit}}元 </span>
+                        </div>
+                    </div>
 
 
-				</div>
+                </div>
 
-				<div class="mortgage-layout-top-right">
-					<div class="box-border border-tl" />
-					<div class="box-border border-tr" />
-					<div class="box-border border-bl" />
-					<div class="box-border border-br" />
+                <div class="mortgage-layout-top-right">
+                    <div class="box-border border-tl" />
+                    <div class="box-border border-tr" />
+                    <div class="box-border border-bl" />
+                    <div class="box-border border-br" />
 
-					<div class="mortgage-layout-top-right-title">
+                    <div class="mortgage-layout-top-right-title">
 
-						<div class="mortgage-layout-top-right-title-left">
-							<svg-icon slot="prefix" icon-class="home" class="el-input__icon"
-								style="height: 25px; width: 25px;margin-right: 10px;" />
+                        <div class="mortgage-layout-top-right-title-left">
+                            <svg-icon slot="prefix" icon-class="home" class="el-input__icon"
+                                style="height: 25px; width: 25px;margin-right: 10px;" />
 
-							<span>仓库安防</span>
-						</div>
-						<div class="mortgage-layout-top-right-title-right">
-						</div>
+                            <span>仓库安防</span>
+                        </div>
+                        <div class="mortgage-layout-top-right-title-right">
+                            <div style="border-bottom: solid 1px  #58A55C;padding-bottom: 2px;
+                            	 color: #58A55C;position: absolute;right:5px ; bottom: 12px; font-size: 18px;pointer-events: auto; cursor: pointer;
+                                  z-index:10" @click="showPos">仓库分布图>></div>
 
-					</div>
+                        </div>
 
-					<div class="mortgage-layout-top-right-con">
+                    </div>
 
-						<div class="mortgage-layout-top-right-con-left">
+                    <div class="mortgage-layout-top-right-con">
 
-							<div class="mortgage-layout-top-right-con-left-camera">
-								<div class="mortgage-layout-top-right-con-left-camera-name">{{cameraInfo.name}}</div>
+                        <div class="mortgage-layout-top-right-con-left">
 
-								<div class="mortgage-layout-top-right-con-left-camera-right">
+                            <div class="mortgage-layout-top-right-con-left-camera">
+                                <div class="mortgage-layout-top-right-con-left-camera-name">{{cameraInfo.name}}</div>
 
-									<span @click="cameraType" style="margin-right: 5px;">{{videos?"监控回放":'实时监控'}}</span>
+                                <div class="mortgage-layout-top-right-con-left-camera-right">
 
-									<svg-icon icon-class="huifang" class="el-input__icon"
-										style="height: 25px; width: 25px" @click="clivideo" />
-								</div>
-							</div>
+                                    <span @click="cameraType" style="margin-right: 5px;">{{videos?"监控回放":'实时监控'}}</span>
 
-							<div class="mortgage-layout-top-right-con-left-video">
-								<iframe :src="spUrl" id="ysOpenDevice" allowfullscreen>
-								</iframe>
-							</div>
+                                    <svg-icon icon-class="huifang" class="el-input__icon"
+                                        style="height: 25px; width: 25px" @click="clivideo" />
+                                </div>
+                            </div>
 
-						</div>
+                            <div class="mortgage-layout-top-right-con-left-video">
+                                <iframe :src="spUrl" id="ysOpenDevice" allowfullscreen>
+                                </iframe>
+                            </div>
 
-						<div class="mortgage-layout-top-right-con-right">
+                        </div>
 
-							<div class="mortgage-layout-top-right-con-right-top">
+                        <div class="mortgage-layout-top-right-con-right">
 
-								<img v-for="(item,index) in cameraList" src="@/assets/mprtgage/camera.jpg"
-									class="mortgage-layout-top-right-con-right-list-item"
-									:style="'top:'+item.topPosition+';left:'+item.leftPosition"
-									@click="cameraClock(index)" />
+                            <div class="mortgage-layout-top-right-con-right-top">
 
+                                <img v-for="(item,index) in cameraList" src="@/assets/mprtgage/camera.jpg"
+                                    class="mortgage-layout-top-right-con-right-list-item"
+                                    :style="'top:'+item.topPosition+';left:'+item.leftPosition"
+                                    @click="cameraClock(index)" />
 
-								<img :src="warehouseImg" alt="" class="mortgage-layout-top-right-con-right-top-img">
 
-								</img>
+                                <img :src="warehouseImg" alt="" class="mortgage-layout-top-right-con-right-top-img">
 
+                                </img>
 
-								<!-- 
+
+                                <!-- 
 								<img src="@/assets/mprtgage/camera.jpg" style=""
 									class="mortgage-layout-top-right-con-right-top_btn1" @click="cameraClock(0)" />
 								<img src="@/assets/mprtgage/camera.jpg"
@@ -113,1168 +117,1351 @@
 								<img src="@/assets/mprtgage/camera.jpg"
 									class="mortgage-layout-top-right-con-right-top_btn4" @click="cameraClock(3)" /> -->
 
-							</div>
+                            </div>
 
-							<div class="mortgage-layout-top-right-con-right-bom">
+                            <div class="mortgage-layout-top-right-con-right-bom">
 
-								<div class="mortgage-layout-top-right-con-right-bom-title">
+                                <div class="mortgage-layout-top-right-con-right-bom-title">
 
-									<div class="mortgage-layout-top-right-con-right-bom-title-left">
-										<svg-icon slot="prefix" icon-class="alarm" class="el-input__icon"
-											style="height: 25px; width: 25px;margin-right: 10px;" />
-
-										<span>告警信息</span>
-									</div>
-									<div class="mortgage-layout-top-right-con-right-bom-title-right">
-									</div>
-								</div>
-
-								<div class="mortgage-layout-top-right-con-right-list">
-
-									<div class="scroll-list">
-
-										<div class="container_item2">
-											2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span
-												class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
-										</div>
-										<div class="container_item1">
-											2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润四通道摄像头离线</span>
-										</div>
-										<div class="container_item2">
-											2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
-										</div>
-										<div class="container_item1">
-											2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
-										</div>
-
-									</div>
-
-								</div>
-
-
-							</div>
-
-
-						</div>
-
-
-
-					</div>
-
-				</div>
-
-			</div>
-
-			<div class="mortgage-layout-bom">
-
-				<div class="mortgage-layout-bom-left">
-					<div class="box-border border-tl" />
-					<div class="box-border border-tr" />
-					<div class="box-border border-bl" />
-					<div class="box-border border-br" />
-					<div class="mortgage-layout-bom-left-title">
-						<div class="mortgage-layout-bom-left-title-left">
-							<span>
-								<svg-icon icon-class="jianguan" class="el-input__icon"
-									style="height: 25px; width: 25px;margin-right: 10px;" />
-							</span>
-							关键数据
-						</div>
-						<div class="mortgage-layout-bom-left-title-right"></div>
-					</div>
-
-					<div class="mortgage-layout-bom-left-cont">
-						<div class="mortgage-layout-bom-left-cont-item">
-							<div class="mortgage-layout-bom-left-cont-item-left">账户余额</div>
-							<div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsBalance}}元</div>
-						</div>
-						<div class="mortgage-layout-bom-left-cont-item">
-							<div class="mortgage-layout-bom-left-cont-item-left">应收账款</div>
-							<div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsReceivable}}元</div>
-						</div>
-						<div class="mortgage-layout-bom-left-cont-item">
-							<div class="mortgage-layout-bom-left-cont-item-left">质物库存价值</div>
-							<div class="mortgage-layout-bom-left-cont-item-right">{{info.stockAmount}}元</div>
-						</div>
-						<div class="mortgage-layout-bom-left-cont-item">
-							<div class="mortgage-layout-bom-left-cont-item-left">在途货物价值</div>
-							<div class="mortgage-layout-bom-left-cont-item-right">{{info.transitAmount}}元</div>
-						</div>
-						<div class="mortgage-layout-bom-left-cont-item" style="border: none;">
-							<div class="mortgage-layout-bom-left-cont-item-left">预付款</div>
-							<div class="mortgage-layout-bom-left-cont-item-right">{{info.advancePayment}}元</div>
-						</div>
-					</div>
-
-				</div>
-
-				<div class="mortgage-layout-bom-right">
-
-
-					<div class="mortgage-layout-bom-right-echar">
-						<div class="box-border border-tl" />
-						<div class="box-border border-tr" />
-						<div class="box-border border-bl" />
-						<div class="box-border border-br" />
-						<div class="mortgage-layout-bom-right-echar-title">
-							<div class="mortgage-layout-bom-right-echar-title-left">
-								<span>
-									<svg-icon icon-class="data" class="el-input__icon"
-										style="height: 25px; width: 25px;margin-right: 10px;" />
-								</span>
-								货值分析
-							</div>
-							<div class="mortgage-layout-bom-right-echar-title-right">
-								<div style="flex: 1;"></div>
-								<el-select v-model="dayValue" placeholder="请选择日期" @change="dayValueChange">
-									<el-option v-for="item in day" :key="item.value" :label="item.label"
-										:value="item.value">
-									</el-option>
-								</el-select>
-							</div>
-						</div>
-						<div class="mortgage-layout-bom-right-echar-title-char">
-							<barlineEachartsVue :width="`100%`" :height="'100%'" :chartData="chartData2">
-							</barlineEachartsVue>
-						</div>
-
-
-					</div>
-
-					<div class="mortgage-layout-bom-right-base">
-
-						<div class="box-border border-tl" />
-						<div class="box-border border-tr" />
-						<div class="box-border border-bl" />
-						<div class="box-border border-br" />
-						<div class="mortgage-layout-bom-right-base-title">
-							<div class="mortgage-layout-bom-right-base-title-left">
-								<span>
-									<svg-icon icon-class="lines" class="el-input__icon"
-										style="height: 25px; width: 25px;margin-right: 10px;" />
-								</span>
-								基础信息
-							</div>
-							<div class="mortgage-layout-bom-right-base-title-right"></div>
-						</div>
-
-						<div class="mortgage-layout-bom-right-base-cont">
-							<div class="mortgage-layout-bom-right-base-cont-item">
-								<div class="mortgage-layout-bom-right-base-cont-item-left">贷款银行</div>
-								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bankName}}
-								</div>
-							</div>
-							<div class="mortgage-layout-bom-right-base-cont-item">
-								<div class="mortgage-layout-bom-right-base-cont-item-left">银行经理</div>
-								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bmanagerName}}
-								</div>
-							</div>
-							<div class="mortgage-layout-bom-right-base-cont-item">
-								<div class="mortgage-layout-bom-right-base-cont-item-left">签约日期</div>
-								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.signingDate}}</div>
-							</div>
-							<div class="mortgage-layout-bom-right-base-cont-item">
-								<div class="mortgage-layout-bom-right-base-cont-item-left">项目类型</div>
-								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.entryName}}</div>
-							</div>
-							<div class="mortgage-layout-bom-right-base-cont-item" style="border: none;">
-								<div class="mortgage-layout-bom-right-base-cont-item-left">监管负责人</div>
-								<div class="mortgage-layout-bom-right-base-cont-item-right">{{base.regulatoryLeader}}
-								</div>
-							</div>
-						</div>
-
-					</div>
-
-				</div>
-
-
-			</div>
-		</div>
-
-		<!-- 查看监控 -->
-		<el-dialog title="查看视频" :visible.sync="dialogImageJK" width="800px" :before-close="handleCloseJK"
-			style="z-index:999">
-			<iframe :src="this.spUrl" width="750" height="400" id="ysOpenDevice" allowfullscreen>
-			</iframe>
-		</el-dialog>
-
-	</div>
+                                    <div class="mortgage-layout-top-right-con-right-bom-title-left">
+                                        <svg-icon slot="prefix" icon-class="alarm" class="el-input__icon"
+                                            style="height: 25px; width: 25px;margin-right: 10px;" />
+
+                                        <span>告警信息</span>
+                                    </div>
+                                    <div class="mortgage-layout-top-right-con-right-bom-title-right">
+                                    </div>
+                                </div>
+
+                                <div class="mortgage-layout-top-right-con-right-list">
+
+                                    <div class="scroll-list">
+
+                                        <div class="container_item2">
+                                            2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span
+                                                class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
+                                        </div>
+                                        <div class="container_item1">
+                                            2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润四通道摄像头离线</span>
+                                        </div>
+                                        <div class="container_item2">
+                                            2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
+                                        </div>
+                                        <div class="container_item1">
+                                            2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
+                                        </div>
+
+                                    </div>
+
+                                </div>
+
+
+                            </div>
+
+
+                        </div>
+
+
+
+                    </div>
+
+                </div>
+
+            </div>
+
+            <div class="mortgage-layout-bom">
+
+                <div class="mortgage-layout-bom-left">
+                    <div class="box-border border-tl" />
+                    <div class="box-border border-tr" />
+                    <div class="box-border border-bl" />
+                    <div class="box-border border-br" />
+                    <div class="mortgage-layout-bom-left-title">
+                        <div class="mortgage-layout-bom-left-title-left">
+                            <span>
+                                <svg-icon icon-class="jianguan" class="el-input__icon"
+                                    style="height: 25px; width: 25px;margin-right: 10px;" />
+                            </span>
+                            关键数据
+                        </div>
+                        <div class="mortgage-layout-bom-left-title-right"></div>
+                    </div>
+
+                    <div class="mortgage-layout-bom-left-cont">
+                        <div class="mortgage-layout-bom-left-cont-item">
+                            <div class="mortgage-layout-bom-left-cont-item-left">账户余额</div>
+                            <div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsBalance}}元</div>
+                        </div>
+                        <div class="mortgage-layout-bom-left-cont-item">
+                            <div class="mortgage-layout-bom-left-cont-item-left">应收账款</div>
+                            <div class="mortgage-layout-bom-left-cont-item-right">{{info.accountsReceivable}}元</div>
+                        </div>
+                        <div class="mortgage-layout-bom-left-cont-item">
+                            <div class="mortgage-layout-bom-left-cont-item-left">质物库存价值</div>
+                            <div class="mortgage-layout-bom-left-cont-item-right">{{info.stockAmount}}元</div>
+                        </div>
+                        <div class="mortgage-layout-bom-left-cont-item">
+                            <div class="mortgage-layout-bom-left-cont-item-left">在途货物价值</div>
+                            <div class="mortgage-layout-bom-left-cont-item-right">{{info.transitAmount}}元</div>
+                        </div>
+                        <div class="mortgage-layout-bom-left-cont-item" style="border: none;">
+                            <div class="mortgage-layout-bom-left-cont-item-left">预付款</div>
+                            <div class="mortgage-layout-bom-left-cont-item-right">{{info.advancePayment}}元</div>
+                        </div>
+                    </div>
+
+                </div>
+
+                <div class="mortgage-layout-bom-right">
+
+
+                    <div class="mortgage-layout-bom-right-echar">
+                        <div class="box-border border-tl" />
+                        <div class="box-border border-tr" />
+                        <div class="box-border border-bl" />
+                        <div class="box-border border-br" />
+                        <div class="mortgage-layout-bom-right-echar-title">
+                            <div class="mortgage-layout-bom-right-echar-title-left">
+                                <span>
+                                    <svg-icon icon-class="data" class="el-input__icon"
+                                        style="height: 25px; width: 25px;margin-right: 10px;" />
+                                </span>
+                                货值分析
+                            </div>
+                            <div class="mortgage-layout-bom-right-echar-title-right">
+                                <div style="flex: 1;"></div>
+                                <el-select v-model="dayValue" placeholder="请选择日期" @change="dayValueChange">
+                                    <el-option v-for="item in day" :key="item.value" :label="item.label"
+                                        :value="item.value">
+                                    </el-option>
+                                </el-select>
+                            </div>
+                        </div>
+                        <div class="mortgage-layout-bom-right-echar-title-char">
+                            <barlineEachartsVue :width="`100%`" :height="'100%'" :chartData="chartData2">
+                            </barlineEachartsVue>
+                        </div>
+
+
+                    </div>
+
+                    <div class="mortgage-layout-bom-right-base">
+
+                        <div class="box-border border-tl" />
+                        <div class="box-border border-tr" />
+                        <div class="box-border border-bl" />
+                        <div class="box-border border-br" />
+                        <div class="mortgage-layout-bom-right-base-title">
+                            <div class="mortgage-layout-bom-right-base-title-left">
+                                <span>
+                                    <svg-icon icon-class="lines" class="el-input__icon"
+                                        style="height: 25px; width: 25px;margin-right: 10px;" />
+                                </span>
+                                基础信息
+                            </div>
+                            <div class="mortgage-layout-bom-right-base-title-right"></div>
+                        </div>
+
+                        <div class="mortgage-layout-bom-right-base-cont">
+                            <div class="mortgage-layout-bom-right-base-cont-item">
+                                <div class="mortgage-layout-bom-right-base-cont-item-left">贷款银行</div>
+                                <div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bankName}}
+                                </div>
+                            </div>
+                            <div class="mortgage-layout-bom-right-base-cont-item">
+                                <div class="mortgage-layout-bom-right-base-cont-item-left">银行经理</div>
+                                <div class="mortgage-layout-bom-right-base-cont-item-right">{{base.bmanagerName}}
+                                </div>
+                            </div>
+                            <div class="mortgage-layout-bom-right-base-cont-item">
+                                <div class="mortgage-layout-bom-right-base-cont-item-left">签约日期</div>
+                                <div class="mortgage-layout-bom-right-base-cont-item-right">{{base.signingDate}}</div>
+                            </div>
+                            <div class="mortgage-layout-bom-right-base-cont-item">
+                                <div class="mortgage-layout-bom-right-base-cont-item-left">项目类型</div>
+                                <div class="mortgage-layout-bom-right-base-cont-item-right">{{base.entryName}}</div>
+                            </div>
+                            <div class="mortgage-layout-bom-right-base-cont-item" style="border: none;">
+                                <div class="mortgage-layout-bom-right-base-cont-item-left">监管负责人</div>
+                                <div class="mortgage-layout-bom-right-base-cont-item-right">{{base.regulatoryLeader}}
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+
+                </div>
+
+
+            </div>
+        </div>
+
+        <!-- 查看监控 -->
+        <el-dialog title="查看视频" :visible.sync="dialogImageJK" width="800px" :before-close="handleCloseJK"
+            style="z-index:999">
+            <iframe :src="this.spUrl" width="750" height="400" id="ysOpenDevice" allowfullscreen>
+            </iframe>
+        </el-dialog>
+
+        <!-- 仓库分布 -->
+        <el-dialog title="仓库分布" :visible.sync="dialogVisible" width="90%" :before-close="handleClose">
+            <div class="iframemap">
+                <div class="app-container">
+                    <el-amap ref="map" :center="center" :zoom="zoom">
+                        <el-amap-control-map-type :visible="controlVisible" />
+                        <el-amap-marker v-for="(marker, index) in markers" :key="index" :icon="marker.icon"
+                            :title="marker.title" :position="marker.position" style=" z-index:99;"
+                            @click="(e) => {clickArrayMarker(marker, e)}" />
+                    </el-amap>
+                    <div class="toolbar">
+                        <el-collapse v-model="activeNames">
+                            <el-collapse-item name="info">
+                                <template slot="title">
+                                    <i class="el-icon-s-shop" /> 当前选中仓库信息
+                                </template>
+                                <el-descriptions :column="1" size="mini" border>
+                                    <!-- <el-descriptions-item :label-style="{'width': '70px'}"
+                                        label="序号">{{ currentStore.serNumber }}</el-descriptions-item> -->
+                                    <el-descriptions-item
+                                        label="仓库名称">{{ currentStore.warehouseName }}</el-descriptions-item>
+                                    <el-descriptions-item
+                                        label="仓库编码">{{ currentStore.warehouseCode }}</el-descriptions-item>
+                                </el-descriptions>
+                            </el-collapse-item>
+                            <el-collapse-item title="" name="list">
+                                <template slot="title">
+                                    <i class="el-icon-s-grid" /> 仓库列表
+                                </template>
+                                <el-form ref="form" :model="queryParams" label-width="70px" size="mini">
+                                    <el-form-item label="仓库名称">
+                                        <el-input v-model="queryParams.name" clearable @clear="dosearch">
+                                            <el-button slot="append" icon="el-icon-search" @click="dosearch" />
+                                        </el-input>
+                                    </el-form-item>
+
+                                </el-form>
+
+                                <el-table v-loading="tableLoading" :data="dataList" border
+                                    style="width: 100%;margin-top: 10px;" max-height="400">
+                                    <el-table-column prop="warehouseName" label="仓库名称" align="center" />
+                                    <el-table-column prop="warehouseCode" label="仓库编码" align="center" width="90" />
+                                </el-table>
+                            </el-collapse-item>
+                        </el-collapse>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+
+    </div>
 
 </template>
 
 <script>
-	import req from '@/api/gd36524/allData'
-	import barlineEachartsVue from "../echarts/barlineEacharts2.vue";
-	import pieLineEachartsVue from "../echarts/pieLineEacharts2.vue";
-	import {
-		getDateRang
-	} from '@/utils/index'
-	export default {
-		components: {
-			barlineEachartsVue,
-			pieLineEachartsVue
-		},
-		data() {
-			return {
-				times: getDateRang('yesterday'),
-				warehouse: [{
-					value: "选项1",
-					label: "常温仓",
-				}],
-				wareValue: "常温仓",
-				day: [{
-					value: "7",
-					label: "7日",
-				}, {
-					value: "15",
-					label: "15日",
-				}],
-				dayValue: "15",
-				videos: true,
-				dialogImageJK: false,
-				cameraInfo: {
-					name: '名称1'
-				},
-				spUrl: "",
-				info: {
-					accountsBalance: "--",
-					accountsReceivable: "--",
-					stockAmount: "--",
-					transitAmount: "--",
-					advancePayment: "--",
-					creditLimit: "2544651.52",
-					useLimit: "14541551.52"
-				},
-				base: {
-					bankName: '--',
-					bmanagerName: '--',
-					entryName: '--',
-					signingDate: '--',
-					regulatoryLeader: '--',
-				},
-				chartData: {
-					pledgeRatePercent: "",
-					state: "",
-					bankPledgeRate: "",
-					data: []
-
-				},
-				chartData2: {
-					date: [],
-					amount: [],
-				},
-				params: {
-					projectSid: '',
-					projectName: '',
-					orderDate: '',
-				},
-				warehouseImg: "",
-				warehouseSid: "",
-				cameraList: []
-
-			};
-		},
-
-		mounted() {
-
-
-			// 获取url中的参数
-			const searchParams = new URLSearchParams(/(?<=#.*\?).*/.exec(window.location.href)[0]);
-			console.log("searchParams>>>>", searchParams)
-			// 根据参数名获取参数值
-			this.params.projectSid = searchParams.get('projectSid');
-			this.params.projectName = searchParams.get('projectName');
-			this.params.orderDate = searchParams.get('orderDate');
-			console.log("projectSid>>>>", this.params.projectSid)
-			console.log("projectName>>>>", this.params.projectName)
-			console.log("orderDate>>>>",this.params.orderDate)
-
-			this.times = this.params.orderDate
-			this.loadList() // 左侧圆形图
-			this.getReportInventory() // 底部柱状图
-			this.getProjectBySid() //  右下基本信息
-			this.getProjectIsJk() //  获取仓库sid
-		
-			
-		},
-		// created() {
-		// 	this.loadList() // 左侧圆形图
-		// 	this.getReportInventory() // 底部柱状图
-
-		// },
-		methods: {
-			selectTime(val) {
-				console.log('val:', val)
-
-				this.times = val
-				this.loadList()
-				this.getReportInventory()
-			},
-			dayValueChange(val) {
-
-				console.log('val:', val)
-				this.dayValue = val
-				this.getReportInventory()
-			},
-			cameraClock(index) {
-				console.log('cameraClock》》》》》', index)
-				var item = this.cameraList[index]
-				this.cameraInfo = item
-				this.getVedioPcLiveById(item.id)
-
-			},
-
-			cameraType() {
-				console.log('cameraInfo:', this.cameraInfo)
-				this.videos = !this.videos
-
-				if (this.videos) {
-					this.getVedioPcLiveById(this.cameraInfo.id)
-				} else {
-					this.getVedioPcRecById(this.cameraInfo.id)
-				}
-
-
-			},
-			clivideo() {
-
-				this.dialogImageJK = true
-			},
-			getOtherList() {
-				req.getOtherList().then(res => {
-					console.log('getOtherList:', res)
-					if (res.data) {
-						this.cameraList = res.data
-
-						this.cameraInfo = res.data[0]
-						this.getVedioPcLiveById(res.data[0].id)
-					}
-
-
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-
-			// 实时
-			getVedioPcLiveById(id) {
-				req.getVedioPcLiveById(id).then(res => {
-					console.log('getVedioPcLiveById:', res)
-					this.spUrl = res.data
-
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-
-			// 回放
-			getVedioPcRecById(id) {
-				req.getVedioPcRecById(id).then(res => {
-					console.log('getVedioPcRecById:', res)
-					this.spUrl = res.data
-
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-			handleCloseJK() {
-				this.dialogImageJK = false
-			},
-			loadList() {
-
-				var info = {
-					orderDate: this.times,
-					projectSid: this.params.projectSid
-				}
-
-				console.log('info:', info)
-
-				req.getProjectDaily(info).then(res => {
-					console.log('getProjectDaily:', res)
-					if (res.data) {
-						this.info = res.data
-
-						this.chartData = {
-
-							pledgeRatePercent: res.data.pledgeRatePercent,
-							state: res.data.state,
-							bankPledgeRate: res.data.bankPledgeRate,
-							data: [{
-									value: res.data.accountsBalance,
-									legendname: '种类01',
-									name: "账户余额",
-									itemStyle: {
-										color: "#5087ec"
-									}
-								},
-								{
-									value: res.data.accountsReceivable,
-									legendname: '种类02',
-									name: "应收账款",
-									itemStyle: {
-										color: "#68bbc4"
-									}
-								},
-								{
-									value: res.data.stockAmount,
-									legendname: '种类03',
-									name: "物质库存价值",
-									itemStyle: {
-										color: "#58a55c"
-									}
-								},
-								{
-									value: res.data.transitAmount,
-									legendname: '种类04',
-									name: "在途货物价值",
-									itemStyle: {
-										color: "#f2bd42"
-									}
-								},
-								{
-									value: res.data.advancePayment,
-									legendname: '种类05',
-									name: "预付款",
-									itemStyle: {
-										color: "#ee752f"
-									}
-								},
-							]
-						}
-
-					} else {
-						this.info = {}
-
-						this.chartData = {
-							pledgeRatePercent: "",
-							state: "",
-							bankPledgeRate: "",
-							data: []
-						}
-					}
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-			getReportInventory() {
-				var info = {
-					startDate: this.times,
-					intervalTime: this.dayValue,
-					projectSid: this.params.projectSid
-				}
-
-				console.log('info:', info)
-
-				req.getReportInventory(info).then(res => {
-					console.log('getReportInventory:', res)
-
-					this.chartData2 = {
-						date: res.data.date,
-						amount: res.data.amount,
-
-					}
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-
-			},
-			getProjectBySid() {
-				console.log('getProjectBySid:', this.params.projectSid)
-				req.getProjectBySid(this.params.projectSid).then(res => {
-					console.log('getProjectBySid:', res)
-
-					this.base = {
-						bankName: res.data.bankName,
-						bmanagerName: res.data.bmanagerName,
-						entryName: res.data.entryName,
-						signingDate: res.data.signingDate,
-						regulatoryLeader: res.data.regulatoryLeader,
-					}
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-
-			},
-			getProjectIsJk() {
-				req.getProjectIsJk(this.params.projectSid).then(res => {
-					console.log('getProjectIsJk:', res)
-
-					this.warehouseSid = res.data
-
-					this.warehouseImg = "https://supervise.yxtsoft.com/monitor/image/" + res.data + ".png"
-
-					this.getOtherList()
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-			getOtherList() {
-				req.getOtherList(this.warehouseSid).then(res => {
-					console.log('getOtherList:', res)
-
-
-					if (res.data) {
-						this.cameraList = res.data
-
-						this.cameraInfo = res.data[0]
-						this.getVedioPcLiveById(res.data[0].id)
-					}
-
-				}).catch(e => {
-					console.log('GdinventoryLog-loadList-ee:', e)
-				})
-			},
-		}
-	}
+    import req from '@/api/gd36524/allData'
+    import barlineEachartsVue from "../echarts/barlineEacharts2.vue";
+    import pieLineEachartsVue from "../echarts/pieLineEacharts2.vue";
+    import {
+        getDateRang
+    } from '@/utils/index'
+    export default {
+        components: {
+            barlineEachartsVue,
+            pieLineEachartsVue
+        },
+        data() {
+            return {
+                activeNames: ['info', 'list'],
+                dialogVisible: false,
+                times: getDateRang('yesterday'),
+                warehouse: [{
+                    value: "选项1",
+                    label: "常温仓",
+                }],
+                wareValue: "常温仓",
+                day: [{
+                    value: "7",
+                    label: "7日",
+                }, {
+                    value: "15",
+                    label: "15日",
+                }],
+                dayValue: "15",
+                videos: true,
+                dialogImageJK: false,
+                cameraInfo: {
+                    name: '名称1'
+                },
+                spUrl: "",
+                info: {
+                    accountsBalance: "--",
+                    accountsReceivable: "--",
+                    stockAmount: "--",
+                    transitAmount: "--",
+                    advancePayment: "--",
+                    creditLimit: "2544651.52",
+                    useLimit: "14541551.52"
+                },
+                base: {
+                    bankName: '--',
+                    bmanagerName: '--',
+                    entryName: '--',
+                    signingDate: '--',
+                    regulatoryLeader: '--',
+                },
+                chartData: {
+                    pledgeRatePercent: "",
+                    state: "",
+                    bankPledgeRate: "",
+                    data: []
+
+                },
+                chartData2: {
+                    date: [],
+                    amount: [],
+                },
+                params: {
+                    projectSid: '',
+                    projectName: '',
+                    orderDate: '',
+                },
+                warehouseImg: "",
+                warehouseSid: "",
+                cameraList: [],
+                currentStore: {
+                    serNumber: '',
+                    name: '',
+                    address: '',
+                    area: '',
+                    dueDiligence: ''
+                },
+                queryParams: {
+                    name: '',
+                    projectSid: ""
+                },
+                dataList: [],
+                tableLoading: false,
+                controlVisible: false,
+                zoom: 7,
+                center: [114.490788, 38.033577],
+                markers: [],
+                mapicon: {
+                    red: 'https://supervise.yxtsoft.com/map365/image/icon_local_red.png',
+                    blue: process.env.VUE_APP_PUBLIC_PATH + 'image/icon_local_blue.png'
+                },
+
+            };
+        },
+
+        mounted() {
+
+            // 获取url中的参数
+            const searchParams = new URLSearchParams(/(?<=#.*\?).*/.exec(window.location.href)[0]);
+            console.log("searchParams>>>>", searchParams)
+            // 根据参数名获取参数值
+            this.params.projectSid = searchParams.get('projectSid');
+            this.params.projectName = searchParams.get('projectName');
+            this.params.orderDate = searchParams.get('orderDate');
+            console.log("projectSid>>>>", this.params.projectSid)
+            console.log("projectName>>>>", this.params.projectName)
+            console.log("orderDate>>>>", this.params.orderDate)
+
+            this.times = this.params.orderDate
+            this.loadList() // 左侧圆形图
+            this.getReportInventory() // 底部柱状图
+            this.getProjectBySid() //  右下基本信息
+            this.getProjectIsJk() //  获取仓库sid
+
+
+        },
+        // created() {
+        // 	this.loadList() // 左侧圆形图
+        // 	this.getReportInventory() // 底部柱状图
+
+        // },
+        methods: {
+            showPos() {
+                this.dialogVisible = true
+                this.loadList2()
+            },
+            handleClose() {
+                this.dialogVisible = false
+            },
+            loadList2() {
+                this.queryParams.projectSid = this.params.projectSid
+                req.getPos(this.queryParams).then(res => {
+                    this.dataList = res.data
+                    this.resetMarkers()
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+            dosearch() {
+                this.loadList2()
+            },
+            resetQuery() {
+                this.queryParams = {
+                    name: '',
+                    projectSid: this.params.projectSid
+                }
+                this.loadList2()
+            },
+            resetMarkers() {
+                this.markers = []
+                for (var i in this.dataList) {
+                    const d = this.dataList[i]
+                    // let nicon = this.mapicon.red
+                    // if (d.dueDiligence === '是') {
+                    //     nicon = this.mapicon.red
+                    // }
+                    const newMarker = {
+                        id: d.sid,
+                        position: [d.longitude, d.latitude],
+                        title: d.warehouseName,
+                        icon: this.mapicon.red,
+                        label: {
+                            direction: 'bottom',
+                            offset: [0, 5], // 设置文本标注偏移量
+                            content: "<div class='info'>" + d.warehouseName + '</div>' // 设置文本标注内容
+                        }
+                    }
+                    this.markers.push(newMarker)
+                    // console.log("marksers", this.markers);
+                }
+            },
+            clickArrayMarker(marker) {
+                for (var i in this.dataList) {
+                    if (marker.id === this.dataList[i].sid) {
+                        this.currentStore = this.dataList[i]
+                        break
+                    }
+                }
+            },
+
+            selectTime(val) {
+                console.log('val:', val)
+
+                this.times = val
+                this.loadList()
+                this.getReportInventory()
+            },
+            dayValueChange(val) {
+
+                console.log('val:', val)
+                this.dayValue = val
+                this.getReportInventory()
+            },
+            cameraClock(index) {
+                console.log('cameraClock》》》》》', index)
+                var item = this.cameraList[index]
+                this.cameraInfo = item
+                this.getVedioPcLiveById(item.id)
+
+            },
+
+            cameraType() {
+                console.log('cameraInfo:', this.cameraInfo)
+                this.videos = !this.videos
+
+                if (this.videos) {
+                    this.getVedioPcLiveById(this.cameraInfo.id)
+                } else {
+                    this.getVedioPcRecById(this.cameraInfo.id)
+                }
+
+
+            },
+            clivideo() {
+
+                this.dialogImageJK = true
+            },
+            getOtherList() {
+                req.getOtherList().then(res => {
+                    console.log('getOtherList:', res)
+                    if (res.data) {
+                        this.cameraList = res.data
+
+                        this.cameraInfo = res.data[0]
+                        this.getVedioPcLiveById(res.data[0].id)
+                    }
+
+
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+
+            // 实时
+            getVedioPcLiveById(id) {
+                req.getVedioPcLiveById(id).then(res => {
+                    console.log('getVedioPcLiveById:', res)
+                    this.spUrl = res.data
+
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+
+            // 回放
+            getVedioPcRecById(id) {
+                req.getVedioPcRecById(id).then(res => {
+                    console.log('getVedioPcRecById:', res)
+                    this.spUrl = res.data
+
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+            handleCloseJK() {
+                this.dialogImageJK = false
+            },
+            loadList() {
+
+                var info = {
+                    orderDate: this.times,
+                    projectSid: this.params.projectSid
+                }
+
+                console.log('info:', info)
+
+                req.getProjectDaily(info).then(res => {
+                    console.log('getProjectDaily:', res)
+                    if (res.data) {
+                        this.info = res.data
+
+                        this.chartData = {
+
+                            pledgeRatePercent: res.data.pledgeRatePercent,
+                            state: res.data.state,
+                            bankPledgeRate: res.data.bankPledgeRate,
+                            data: [{
+                                    value: res.data.accountsBalance,
+                                    legendname: '种类01',
+                                    name: "账户余额",
+                                    itemStyle: {
+                                        color: "#5087ec"
+                                    }
+                                },
+                                {
+                                    value: res.data.accountsReceivable,
+                                    legendname: '种类02',
+                                    name: "应收账款",
+                                    itemStyle: {
+                                        color: "#68bbc4"
+                                    }
+                                },
+                                {
+                                    value: res.data.stockAmount,
+                                    legendname: '种类03',
+                                    name: "物质库存价值",
+                                    itemStyle: {
+                                        color: "#58a55c"
+                                    }
+                                },
+                                {
+                                    value: res.data.transitAmount,
+                                    legendname: '种类04',
+                                    name: "在途货物价值",
+                                    itemStyle: {
+                                        color: "#f2bd42"
+                                    }
+                                },
+                                {
+                                    value: res.data.advancePayment,
+                                    legendname: '种类05',
+                                    name: "预付款",
+                                    itemStyle: {
+                                        color: "#ee752f"
+                                    }
+                                },
+                            ]
+                        }
+
+                    } else {
+                        this.info = {}
+
+                        this.chartData = {
+                            pledgeRatePercent: "",
+                            state: "",
+                            bankPledgeRate: "",
+                            data: []
+                        }
+                    }
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+            getReportInventory() {
+                var info = {
+                    startDate: this.times,
+                    intervalTime: this.dayValue,
+                    projectSid: this.params.projectSid
+                }
+
+                console.log('info:', info)
+
+                req.getReportInventory(info).then(res => {
+                    console.log('getReportInventory:', res)
+
+                    this.chartData2 = {
+                        date: res.data.date,
+                        amount: res.data.amount,
+
+                    }
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+
+            },
+            getProjectBySid() {
+                console.log('getProjectBySid:', this.params.projectSid)
+                req.getProjectBySid(this.params.projectSid).then(res => {
+                    console.log('getProjectBySid:', res)
+
+                    this.base = {
+                        bankName: res.data.bankName,
+                        bmanagerName: res.data.bmanagerName,
+                        entryName: res.data.entryName,
+                        signingDate: res.data.signingDate,
+                        regulatoryLeader: res.data.regulatoryLeader,
+                    }
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+
+            },
+            getProjectIsJk() {
+                req.getProjectIsJk(this.params.projectSid).then(res => {
+                    console.log('getProjectIsJk:', res)
+
+                    this.warehouseSid = res.data
+
+                    this.warehouseImg = "https://supervise.yxtsoft.com/monitor/image/" + res.data + ".png"
+
+                    this.getOtherList()
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+            getOtherList() {
+                req.getOtherList(this.warehouseSid).then(res => {
+                    console.log('getOtherList:', res)
+
+
+                    if (res.data) {
+                        this.cameraList = res.data
+
+                        this.cameraInfo = res.data[0]
+                        this.getVedioPcLiveById(res.data[0].id)
+                    }
+
+                }).catch(e => {
+                    console.log('GdinventoryLog-loadList-ee:', e)
+                })
+            },
+        }
+    }
 </script>
 
 <style lang="scss" scoped>
-	.mortgage {
-		background-color: #040C2B;
-		width: 100%;
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-
-		.mortgage-title {
-			color: #fff;
-			font-size: 30px;
-			font-weight: 1000;
-			margin-left: 30px;
-			margin-top: 10px;
-			font-family: sans-serif;
-		}
-
-		.mortgage-layout {
-			display: flex;
-			flex-direction: column;
-			padding: 20px;
-
-			.mortgage-layout-top {
-				height: 100%;
-				width: 100%;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-
-				.mortgage-layout-top-left {
-					width: 30%;
-					height: 100%;
-					background-color: #031249;
-					display: flex;
-					flex-direction: column;
-					padding: 20px;
-					position: relative;
-
-					.mortgage-layout-top-left-title {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-
-						.mortgage-layout-top-left-title_left {
-							color: #fff;
-							font-size: 25px;
-							font-weight: 600;
-							font-family: sans-serif;
-							margin-right: 10px;
-						}
-
-						.mortgage-layout-top-left-title_right {
-							flex: 1;
-							display: flex;
-							flex-direction: row;
-							position: relative;
-							border-bottom: solid 4px #dadada;
-
-							::v-deep .el-date-editor {
-								width: 180px;
-								margin-bottom: -10px;
-								margin-top: -10px;
-
-								.el-input__inner {
-									color: #fff;
-									background: transparent;
-									border: none;
-									font-size: 20px;
-								}
-
-								.el-input__prefix {
-									display: none;
-								}
-							}
-
-						}
-					}
-
-					.mortgage-layout-top-left_bom {
-						width: 100%;
-						height: 100%;
-
-						.mortgage-layout-top-left-bom-echar {
-							width: 100%;
-							height: 400px;
-						}
-
-						.mortgage-layout-top-left-bom-data {
-							width: 100%;
-							margin-top: 20px;
-							display: flex;
-							align-items: center;
-							box-sizing: border-box;
-							padding-left: 30px;
-							padding-right: 30px;
-							justify-content: space-between;
-
-							span {
-								color: #49a6e2;
-								font-weight: bold;
-								font-size: 18px;
-							}
-						}
-					}
-
-
-
-				}
-
-				.mortgage-layout-top-right {
-					width: 68%;
-					background-color: #031249;
-					display: flex;
-					flex-direction: column;
-					padding: 20px;
-					position: relative;
-
-					.mortgage-layout-top-right-title {
-
-						display: flex;
-						flex-direction: row;
-
-						.mortgage-layout-top-right-title-left {
-							color: #fff;
-							font-size: 25px;
-							font-weight: 600;
-							font-family: sans-serif;
-							margin-right: 10px;
-						}
-
-						.mortgage-layout-top-right-title-right {
-							flex: 1;
-							position: relative;
-							height: 100%;
-
-							&::after {
-								content: "";
-								position: absolute;
-								bottom: 13px;
-								left: 0px;
-								top: 0px;
-								width: 100%;
-								height: 100%;
-								border-bottom: solid 4px #dadada;
-							}
-						}
-					}
-
-					.mortgage-layout-top-right-con {
-						display: flex;
-						flex-direction: row;
-						justify-content: space-between;
-
-						.mortgage-layout-top-right-con-left {
-							width: 55%;
-							margin-left: 10px;
-							display: flex;
-							flex-direction: column;
-
-							.mortgage-layout-top-right-con-left-camera {
-								margin-top: 20px;
-								display: flex;
-								flex-direction: row;
-								justify-content: space-between;
-
-								.mortgage-layout-top-right-con-left-camera-name {
-									color: #fff;
-									flex: 1;
-									font-size: 18px;
-									font-weight: 600;
-									font-family: sans-serif;
-								}
-
-								.mortgage-layout-top-right-con-left-camera-right {
-									display: flex;
-									flex-direction: row;
-									align-items: center;
-
-									span {
-										color: #fff;
-										margin-left: 10px;
-										font-size: 18px;
-										font-weight: 600;
-										font-family: sans-serif;
-									}
-								}
-							}
-
-							.mortgage-layout-top-right-con-left-video {
-								margin-top: 20px;
-								width: 100%;
-
-								iframe {
-									width: 100%;
-									height: 100%;
-									min-height: 350px;
-								}
-							}
-
-						}
-
-						.mortgage-layout-top-right-con-right {
-							display: flex;
-							width: 40%;
-							margin-left: 10px;
-							flex-direction: column;
-							margin-top: 30px;
-
-							.mortgage-layout-top-right-con-right-top {
-								width: 100%;
-								height: 320px;
-								position: relative;
-
-								.mortgage-layout-top-right-con-right-top-img {
-									width: 100%;
-									height: 320px;
-									position: absolute;
-								}
-
-								.mortgage-layout-top-right-con-right-list-item {
-									z-index: 100;
-									background: #E43961;
-									position: absolute;
-									width: 7.5%;
-									height: 9%;
-
-								}
-
-
-								.mortgage-layout-top-right-con-right-top_btn1 {
-									//二通道
-									// z-index: 100;
-									position: absolute;
-									top: 83%;
-									left: 71%;
-									width: 7.5%;
-									height: 9%;
-									background-color: #f0f;
-									/*设置透明度，0为完全透明，1为不透明*/
-									// opacity: 0;
-								}
-
-								.mortgage-layout-top-right-con-right-top_btn2 {
-									//  三通道
-									// z-index: 100;
-									position: absolute;
-									top: 83.5%;
-									left: 58.5%;
-									width: 8%;
-									height: 8%;
-									background-color: #ff0;
-									/*设置透明度，0为完全透明，1为不透明*/
-									// opacity: 0;
-								}
-
-								.mortgage-layout-top-right-con-right-top_btn3 {
-									//  四通道
-									// z-index: 100;
-									position: absolute;
-									top: 83%;
-									left: 47%;
-									width: 7%;
-									height: 9%;
-									background-color: #00f;
-									/*设置透明度，0为完全透明，1为不透明*/
-									// opacity: 0;
-								}
-
-								.mortgage-layout-top-right-con-right-top_btn4 {
-									//  一通道
-									// z-index: 100;
-									position: absolute;
-									top: 83.5%;
-									left: 82.5%;
-									width: 7.5%;
-									height: 8%;
-									background-color: #0ff;
-									/*设置透明度，0为完全透明，1为不透明*/
-									// opacity: 0;
-								}
-							}
-
-							.mortgage-layout-top-right-con-right-bom {
-								display: flex;
-								width: 39%;
-								height: 50%;
-								position: absolute;
-								top: 80%;
-								flex-direction: column;
-
-								.mortgage-layout-top-right-con-right-bom-title {
-									display: flex;
-									flex-direction: row;
-
-									.mortgage-layout-top-right-con-right-bom-title-left {
-										color: #fff;
-										font-size: 25px;
-										font-weight: 600;
-										font-family: sans-serif;
-										margin-right: 10px;
-									}
-
-									.mortgage-layout-top-right-con-right-bom-title-right {
-										flex: 1;
-										position: relative;
-										height: 100%;
-
-										&::after {
-											content: "";
-											position: absolute;
-											bottom: 5px;
-											left: 0px;
-											width: 100%;
-											height: 100%;
-											border-bottom: solid 4px #dadada;
-										}
-									}
-								}
-
-								.mortgage-layout-top-right-con-right-list {
-
-									position: relative;
-									/* 父容器需要有明确的高度 */
-									height: 30px;
-									width: 100%;
-									margin: auto;
-									overflow: hidden;
-									display: flex;
-									background: transparent;
-									justify-content: center;
-									flex-wrap: wrap;
-									margin-top: 20px;
-
-									.scroll-list {
-										position: absolute;
-										top: 0;
-										left: 0;
-										width: 100%;
-										animation: scroll 20s linear infinite normal;
-
-										.container_item1 {
-											width: 100%;
-											margin-left: 15px;
-											height: 50px;
-											line-height: 50px;
-											color: #E43961;
-											font-size: 15px;
-											font-family: '微软雅黑';
-											box-sizing: border-box;
-											justify-content: space-between;
-
-											span {
-												margin-left: 10px;
-											}
-										}
-
-										.container_item2 {
-											margin-left: 15px;
-											width: 100%;
-											height: 50px;
-											line-height: 50px;
-											color: #A0D090;
-											font-size: 15px;
-											font-family: '微软雅黑';
-											box-sizing: border-box;
-											justify-content: space-between;
-
-											span {
-												margin-left: 10px;
-											}
-										}
-									}
-
-									@keyframes scroll {
-										100% {
-											/* 需要滚动内容的总高度 */
-											top: -180px;
-										}
-									}
-								}
-							}
-
-						}
-					}
-
-
-
-				}
-			}
-
-			.mortgage-layout-bom {
-				margin-top: 30px;
-				height: 100%;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-
-				.mortgage-layout-bom-left {
-					background-color: #031249;
-					width: 30%;
-					height: 100%;
-					padding: 20px;
-					display: flex;
-					flex-direction: column;
-					position: relative;
-
-					.mortgage-layout-bom-left-title {
-						display: flex;
-						flex-direction: row;
-
-						.mortgage-layout-bom-left-title-left {
-							color: #fff;
-							font-size: 25px;
-							font-weight: 600;
-							font-family: sans-serif;
-							margin-right: 10px;
-						}
-
-						.mortgage-layout-bom-left-title-right {
-							flex: 1;
-							position: relative;
-							height: 100%;
-
-							&::after {
-								content: "";
-								position: absolute;
-								bottom: 13px;
-								left: 0px;
-								top: 0px;
-								width: 100%;
-								height: 100%;
-								border-bottom: solid 4px #dadada;
-							}
-						}
-					}
-
-					.mortgage-layout-bom-left-cont {
-						margin-top: 10px;
-						display: flex;
-						flex-direction: column;
-						padding-left: 10px;
-						padding-right: 10px;
-
-						.mortgage-layout-bom-left-cont-item {
-							padding-left: 10px;
-							padding-right: 10px;
-							margin-top: 8px;
-							margin-bottom: 8px;
-							padding-bottom: 8px;
-							border-bottom: solid 1px #dadada;
-							display: flex;
-							flex-direction: row;
-							justify-content: space-between;
-
-							.mortgage-layout-bom-left-cont-item-left {
-								color: #0EC0B4;
-								font-size: 16px;
-								font-weight: 600;
-								font-family: sans-serif;
-							}
-
-							.mortgage-layout-bom-left-cont-item-right {
-								color: #FF7E3F;
-								font-size: 18px;
-								font-weight: 600;
-								font-family: sans-serif;
-							}
-						}
-					}
-				}
-
-				.mortgage-layout-bom-right {
-					width: 68%;
-					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-
-					.mortgage-layout-bom-right-echar {
-						width: 57%;
-						background-color: #031249;
-						height: 100%;
-						padding: 20px;
-						position: relative;
-						display: flex;
-						flex-direction: column;
-
-						.mortgage-layout-bom-right-echar-title {
-							display: flex;
-							flex-direction: row;
-							align-items: center;
-
-							.mortgage-layout-bom-right-echar-title-left {
-								color: #fff;
-								font-size: 25px;
-								font-weight: 600;
-								font-family: sans-serif;
-								margin-right: 10px;
-							}
-
-							.mortgage-layout-bom-right-echar-title-right {
-								flex: 1;
-								display: flex;
-								flex-direction: row;
-								position: relative;
-								border-bottom: solid 4px #dadada;
-
-								::v-deep .el-select {
-									width: 100px;
-									margin-bottom: -10px;
-									margin-top: -10px;
-
-									.el-input {
-										.el-input__inner {
-											color: #fff;
-											background: transparent;
-											border: none;
-											font-size: 20px;
-										}
-									}
-								}
-							}
-						}
-
-
-						.mortgage-layout-bom-right-echar-title-char {
-							height: 100%;
-							width: 100%;
-						}
-					}
-
-					.mortgage-layout-bom-right-base {
-						width: 40%;
-						background-color: #031249;
-						height: 100%;
-						padding: 20px;
-						display: flex;
-						flex-direction: column;
-						position: relative;
-
-						.mortgage-layout-bom-right-base-title {
-							display: flex;
-							flex-direction: row;
-
-							.mortgage-layout-bom-right-base-title-left {
-								color: #fff;
-								font-size: 25px;
-								font-weight: 600;
-								font-family: sans-serif;
-								margin-right: 10px;
-							}
-
-							.mortgage-layout-bom-right-base-title-right {
-								flex: 1;
-								position: relative;
-								height: 100%;
-
-								&::after {
-									content: "";
-									position: absolute;
-									bottom: 13px;
-									left: 0px;
-									top: 0px;
-									width: 100%;
-									height: 100%;
-									border-bottom: solid 4px #dadada;
-								}
-							}
-						}
-
-						.mortgage-layout-bom-right-base-cont {
-							margin-top: 10px;
-							display: flex;
-							flex-direction: column;
-							padding-left: 10px;
-							padding-right: 10px;
-
-							.mortgage-layout-bom-right-base-cont-item {
-								padding-left: 10px;
-								padding-right: 10px;
-								margin-top: 8px;
-								margin-bottom: 8px;
-								padding-bottom: 8px;
-								border-bottom: solid 1px #dadada;
-								display: flex;
-								flex-direction: row;
-								justify-content: space-between;
-
-								.mortgage-layout-bom-right-base-cont-item-left {
-									color: #0EC0B4;
-									font-size: 16px;
-									font-weight: 600;
-									font-family: sans-serif;
-								}
-
-								.mortgage-layout-bom-right-base-cont-item-right {
-									color: #FF7E3F;
-									font-size: 18px;
-									font-weight: 600;
-									font-family: sans-serif;
-								}
-							}
-						}
-
-					}
-				}
-			}
-		}
-
-	}
-
-	.box-border {
-		position: absolute;
-		width: 2.60417vw;
-		height: 2.60417vw;
-	}
-
-	.border-tl {
-		top: 0;
-		left: 0;
-		border-left: 2px solid #006FB6;
-		border-top: 2px solid #006FB6;
-	}
-
-	.border-tr {
-		top: 0;
-		right: 0;
-		border-top: 2px solid #006FB6;
-		border-right: 2px solid #006FB6;
-	}
-
-	.border-bl {
-		bottom: 0;
-		left: 0;
-		border-left: 2px solid #006FB6;
-		border-bottom: 2px solid #006FB6;
-	}
-
-	.border-br {
-		bottom: 0;
-		right: 0;
-		border-right: 2px solid #006FB6;
-		border-bottom: 2px solid #006FB6;
-	}
+    .app-container {
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
+        margin: 0;
+        padding: 0;
+    }
+
+    .toolbar {
+        position: absolute;
+        top: 80px;
+        left: 40px;
+        width: 300px;
+
+    }
+
+    .info {
+        position: relative;
+        margin: 0;
+        top: 0;
+        right: 0;
+        min-width: 0;
+    }
+
+    .storelabel {
+        width: 80px
+    }
+
+    .amap-icon {
+        overflow: inherit !important;
+
+        img {
+            width: 25px;
+            height: 34px;
+        }
+
+    }
+
+    .chartsa {
+        position: absolute;
+        top: 20px;
+        right: 15px;
+        width: 300px;
+    }
+
+    .iframemap {
+        margin-top: -30px;
+        width: 100%;
+        height: 1000px;
+
+    }
+
+    .mortgage {
+        background-color: #040C2B;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        .mortgage-title {
+            color: #fff;
+            font-size: 30px;
+            font-weight: 1000;
+            margin-left: 30px;
+            margin-top: 10px;
+            font-family: sans-serif;
+        }
+
+        .mortgage-layout {
+            display: flex;
+            flex-direction: column;
+            padding: 20px;
+
+            .mortgage-layout-top {
+                height: 100%;
+                width: 100%;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+
+                .mortgage-layout-top-left {
+                    width: 30%;
+                    height: 100%;
+                    background-color: #031249;
+                    display: flex;
+                    flex-direction: column;
+                    padding: 20px;
+                    position: relative;
+
+                    .mortgage-layout-top-left-title {
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+
+                        .mortgage-layout-top-left-title_left {
+                            color: #fff;
+                            font-size: 25px;
+                            font-weight: 600;
+                            font-family: sans-serif;
+                            margin-right: 10px;
+                        }
+
+                        .mortgage-layout-top-left-title_right {
+                            flex: 1;
+                            display: flex;
+                            flex-direction: row;
+                            position: relative;
+                            border-bottom: solid 4px #dadada;
+
+                            ::v-deep .el-date-editor {
+                                width: 180px;
+                                margin-bottom: -10px;
+                                margin-top: -10px;
+
+                                .el-input__inner {
+                                    color: #fff;
+                                    background: transparent;
+                                    border: none;
+                                    font-size: 20px;
+                                }
+
+                                .el-input__prefix {
+                                    display: none;
+                                }
+                            }
+
+                        }
+                    }
+
+                    .mortgage-layout-top-left_bom {
+                        width: 100%;
+                        height: 100%;
+
+                        .mortgage-layout-top-left-bom-echar {
+                            width: 100%;
+                            height: 400px;
+                        }
+
+                        .mortgage-layout-top-left-bom-data {
+                            width: 100%;
+                            margin-top: 20px;
+                            display: flex;
+                            align-items: center;
+                            box-sizing: border-box;
+                            padding-left: 30px;
+                            padding-right: 30px;
+                            justify-content: space-between;
+
+                            span {
+                                color: #49a6e2;
+                                font-weight: bold;
+                                font-size: 18px;
+                            }
+                        }
+                    }
+
+
+
+                }
+
+                .mortgage-layout-top-right {
+                    width: 68%;
+                    background-color: #031249;
+                    display: flex;
+                    flex-direction: column;
+                    padding: 20px;
+                    position: relative;
+
+                    .mortgage-layout-top-right-title {
+
+                        display: flex;
+                        flex-direction: row;
+
+                        .mortgage-layout-top-right-title-left {
+                            color: #fff;
+                            font-size: 25px;
+                            font-weight: 600;
+                            font-family: sans-serif;
+                            margin-right: 10px;
+                        }
+
+                        .mortgage-layout-top-right-title-right {
+                            flex: 1;
+                            position: relative;
+                            height: 100%;
+
+                            &::after {
+                                content: "";
+                                position: absolute;
+                                bottom: 13px;
+                                left: 0px;
+                                top: 0px;
+                                width: 100%;
+                                height: 100%;
+                                border-bottom: solid 4px #dadada;
+                            }
+                        }
+                    }
+
+                    .mortgage-layout-top-right-con {
+                        display: flex;
+                        flex-direction: row;
+                        justify-content: space-between;
+
+                        .mortgage-layout-top-right-con-left {
+                            width: 55%;
+                            margin-left: 10px;
+                            display: flex;
+                            flex-direction: column;
+
+                            .mortgage-layout-top-right-con-left-camera {
+                                margin-top: 20px;
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: space-between;
+
+                                .mortgage-layout-top-right-con-left-camera-name {
+                                    color: #fff;
+                                    flex: 1;
+                                    font-size: 18px;
+                                    font-weight: 600;
+                                    font-family: sans-serif;
+                                }
+
+                                .mortgage-layout-top-right-con-left-camera-right {
+                                    display: flex;
+                                    flex-direction: row;
+                                    align-items: center;
+
+                                    span {
+                                        color: #fff;
+                                        margin-left: 10px;
+                                        font-size: 18px;
+                                        font-weight: 600;
+                                        font-family: sans-serif;
+                                    }
+                                }
+                            }
+
+                            .mortgage-layout-top-right-con-left-video {
+                                margin-top: 20px;
+                                width: 100%;
+
+                                iframe {
+                                    width: 100%;
+                                    height: 100%;
+                                    min-height: 350px;
+                                }
+                            }
+
+                        }
+
+                        .mortgage-layout-top-right-con-right {
+                            display: flex;
+                            width: 40%;
+                            margin-left: 10px;
+                            flex-direction: column;
+                            margin-top: 30px;
+
+                            .mortgage-layout-top-right-con-right-top {
+                                width: 100%;
+                                height: 320px;
+                                position: relative;
+
+                                .mortgage-layout-top-right-con-right-top-img {
+                                    width: 100%;
+                                    height: 320px;
+                                    position: absolute;
+                                }
+
+                                .mortgage-layout-top-right-con-right-list-item {
+                                    z-index: 100;
+                                    background: #E43961;
+                                    position: absolute;
+                                    width: 7.5%;
+                                    height: 9%;
+
+                                }
+
+
+                                .mortgage-layout-top-right-con-right-top_btn1 {
+                                    //二通道
+                                    // z-index: 100;
+                                    position: absolute;
+                                    top: 83%;
+                                    left: 71%;
+                                    width: 7.5%;
+                                    height: 9%;
+                                    background-color: #f0f;
+                                    /*设置透明度，0为完全透明，1为不透明*/
+                                    // opacity: 0;
+                                }
+
+                                .mortgage-layout-top-right-con-right-top_btn2 {
+                                    //  三通道
+                                    // z-index: 100;
+                                    position: absolute;
+                                    top: 83.5%;
+                                    left: 58.5%;
+                                    width: 8%;
+                                    height: 8%;
+                                    background-color: #ff0;
+                                    /*设置透明度，0为完全透明，1为不透明*/
+                                    // opacity: 0;
+                                }
+
+                                .mortgage-layout-top-right-con-right-top_btn3 {
+                                    //  四通道
+                                    // z-index: 100;
+                                    position: absolute;
+                                    top: 83%;
+                                    left: 47%;
+                                    width: 7%;
+                                    height: 9%;
+                                    background-color: #00f;
+                                    /*设置透明度，0为完全透明，1为不透明*/
+                                    // opacity: 0;
+                                }
+
+                                .mortgage-layout-top-right-con-right-top_btn4 {
+                                    //  一通道
+                                    // z-index: 100;
+                                    position: absolute;
+                                    top: 83.5%;
+                                    left: 82.5%;
+                                    width: 7.5%;
+                                    height: 8%;
+                                    background-color: #0ff;
+                                    /*设置透明度，0为完全透明，1为不透明*/
+                                    // opacity: 0;
+                                }
+                            }
+
+                            .mortgage-layout-top-right-con-right-bom {
+                                display: flex;
+                                width: 39%;
+                                height: 50%;
+                                position: absolute;
+                                top: 80%;
+                                flex-direction: column;
+
+                                .mortgage-layout-top-right-con-right-bom-title {
+                                    display: flex;
+                                    flex-direction: row;
+
+                                    .mortgage-layout-top-right-con-right-bom-title-left {
+                                        color: #fff;
+                                        font-size: 25px;
+                                        font-weight: 600;
+                                        font-family: sans-serif;
+                                        margin-right: 10px;
+                                    }
+
+                                    .mortgage-layout-top-right-con-right-bom-title-right {
+                                        flex: 1;
+                                        position: relative;
+                                        height: 100%;
+
+                                        &::after {
+                                            content: "";
+                                            position: absolute;
+                                            bottom: 5px;
+                                            left: 0px;
+                                            width: 100%;
+                                            height: 100%;
+                                            border-bottom: solid 4px #dadada;
+                                        }
+                                    }
+                                }
+
+                                .mortgage-layout-top-right-con-right-list {
+
+                                    position: relative;
+                                    /* 父容器需要有明确的高度 */
+                                    height: 30px;
+                                    width: 100%;
+                                    margin: auto;
+                                    overflow: hidden;
+                                    display: flex;
+                                    background: transparent;
+                                    justify-content: center;
+                                    flex-wrap: wrap;
+                                    margin-top: 20px;
+
+                                    .scroll-list {
+                                        position: absolute;
+                                        top: 0;
+                                        left: 0;
+                                        width: 100%;
+                                        animation: scroll 20s linear infinite normal;
+
+                                        .container_item1 {
+                                            width: 100%;
+                                            margin-left: 15px;
+                                            height: 50px;
+                                            line-height: 50px;
+                                            color: #E43961;
+                                            font-size: 15px;
+                                            font-family: '微软雅黑';
+                                            box-sizing: border-box;
+                                            justify-content: space-between;
+
+                                            span {
+                                                margin-left: 10px;
+                                            }
+                                        }
+
+                                        .container_item2 {
+                                            margin-left: 15px;
+                                            width: 100%;
+                                            height: 50px;
+                                            line-height: 50px;
+                                            color: #A0D090;
+                                            font-size: 15px;
+                                            font-family: '微软雅黑';
+                                            box-sizing: border-box;
+                                            justify-content: space-between;
+
+                                            span {
+                                                margin-left: 10px;
+                                            }
+                                        }
+                                    }
+
+                                    @keyframes scroll {
+                                        100% {
+                                            /* 需要滚动内容的总高度 */
+                                            top: -180px;
+                                        }
+                                    }
+                                }
+                            }
+
+                        }
+                    }
+
+
+
+                }
+            }
+
+            .mortgage-layout-bom {
+                margin-top: 30px;
+                height: 100%;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+
+                .mortgage-layout-bom-left {
+                    background-color: #031249;
+                    width: 30%;
+                    height: 100%;
+                    padding: 20px;
+                    display: flex;
+                    flex-direction: column;
+                    position: relative;
+
+                    .mortgage-layout-bom-left-title {
+                        display: flex;
+                        flex-direction: row;
+
+                        .mortgage-layout-bom-left-title-left {
+                            color: #fff;
+                            font-size: 25px;
+                            font-weight: 600;
+                            font-family: sans-serif;
+                            margin-right: 10px;
+                        }
+
+                        .mortgage-layout-bom-left-title-right {
+                            flex: 1;
+                            position: relative;
+                            height: 100%;
+
+                            &::after {
+                                content: "";
+                                position: absolute;
+                                bottom: 13px;
+                                left: 0px;
+                                top: 0px;
+                                width: 100%;
+                                height: 100%;
+                                border-bottom: solid 4px #dadada;
+                            }
+                        }
+                    }
+
+                    .mortgage-layout-bom-left-cont {
+                        margin-top: 10px;
+                        display: flex;
+                        flex-direction: column;
+                        padding-left: 10px;
+                        padding-right: 10px;
+
+                        .mortgage-layout-bom-left-cont-item {
+                            padding-left: 10px;
+                            padding-right: 10px;
+                            margin-top: 8px;
+                            margin-bottom: 8px;
+                            padding-bottom: 8px;
+                            border-bottom: solid 1px #dadada;
+                            display: flex;
+                            flex-direction: row;
+                            justify-content: space-between;
+
+                            .mortgage-layout-bom-left-cont-item-left {
+                                color: #0EC0B4;
+                                font-size: 16px;
+                                font-weight: 600;
+                                font-family: sans-serif;
+                            }
+
+                            .mortgage-layout-bom-left-cont-item-right {
+                                color: #FF7E3F;
+                                font-size: 18px;
+                                font-weight: 600;
+                                font-family: sans-serif;
+                            }
+                        }
+                    }
+                }
+
+                .mortgage-layout-bom-right {
+                    width: 68%;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+
+                    .mortgage-layout-bom-right-echar {
+                        width: 57%;
+                        background-color: #031249;
+                        height: 100%;
+                        padding: 20px;
+                        position: relative;
+                        display: flex;
+                        flex-direction: column;
+
+                        .mortgage-layout-bom-right-echar-title {
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+
+                            .mortgage-layout-bom-right-echar-title-left {
+                                color: #fff;
+                                font-size: 25px;
+                                font-weight: 600;
+                                font-family: sans-serif;
+                                margin-right: 10px;
+                            }
+
+                            .mortgage-layout-bom-right-echar-title-right {
+                                flex: 1;
+                                display: flex;
+                                flex-direction: row;
+                                position: relative;
+                                border-bottom: solid 4px #dadada;
+
+                                ::v-deep .el-select {
+                                    width: 100px;
+                                    margin-bottom: -10px;
+                                    margin-top: -10px;
+
+                                    .el-input {
+                                        .el-input__inner {
+                                            color: #fff;
+                                            background: transparent;
+                                            border: none;
+                                            font-size: 20px;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+
+
+                        .mortgage-layout-bom-right-echar-title-char {
+                            height: 100%;
+                            width: 100%;
+                        }
+                    }
+
+                    .mortgage-layout-bom-right-base {
+                        width: 40%;
+                        background-color: #031249;
+                        height: 100%;
+                        padding: 20px;
+                        display: flex;
+                        flex-direction: column;
+                        position: relative;
+
+                        .mortgage-layout-bom-right-base-title {
+                            display: flex;
+                            flex-direction: row;
+
+                            .mortgage-layout-bom-right-base-title-left {
+                                color: #fff;
+                                font-size: 25px;
+                                font-weight: 600;
+                                font-family: sans-serif;
+                                margin-right: 10px;
+                            }
+
+                            .mortgage-layout-bom-right-base-title-right {
+                                flex: 1;
+                                position: relative;
+                                height: 100%;
+
+                                &::after {
+                                    content: "";
+                                    position: absolute;
+                                    bottom: 13px;
+                                    left: 0px;
+                                    top: 0px;
+                                    width: 100%;
+                                    height: 100%;
+                                    border-bottom: solid 4px #dadada;
+                                }
+                            }
+                        }
+
+                        .mortgage-layout-bom-right-base-cont {
+                            margin-top: 10px;
+                            display: flex;
+                            flex-direction: column;
+                            padding-left: 10px;
+                            padding-right: 10px;
+
+                            .mortgage-layout-bom-right-base-cont-item {
+                                padding-left: 10px;
+                                padding-right: 10px;
+                                margin-top: 8px;
+                                margin-bottom: 8px;
+                                padding-bottom: 8px;
+                                border-bottom: solid 1px #dadada;
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: space-between;
+
+                                .mortgage-layout-bom-right-base-cont-item-left {
+                                    color: #0EC0B4;
+                                    font-size: 16px;
+                                    font-weight: 600;
+                                    font-family: sans-serif;
+                                }
+
+                                .mortgage-layout-bom-right-base-cont-item-right {
+                                    color: #FF7E3F;
+                                    font-size: 18px;
+                                    font-weight: 600;
+                                    font-family: sans-serif;
+                                }
+                            }
+                        }
+
+                    }
+                }
+            }
+        }
+
+    }
+
+    .box-border {
+        position: absolute;
+        width: 2.60417vw;
+        height: 2.60417vw;
+    }
+
+    .border-tl {
+        top: 0;
+        left: 0;
+        border-left: 2px solid #006FB6;
+        border-top: 2px solid #006FB6;
+    }
+
+    .border-tr {
+        top: 0;
+        right: 0;
+        border-top: 2px solid #006FB6;
+        border-right: 2px solid #006FB6;
+    }
+
+    .border-bl {
+        bottom: 0;
+        left: 0;
+        border-left: 2px solid #006FB6;
+        border-bottom: 2px solid #006FB6;
+    }
+
+    .border-br {
+        bottom: 0;
+        right: 0;
+        border-right: 2px solid #006FB6;
+        border-bottom: 2px solid #006FB6;
+    }
 </style>
\ No newline at end of file
diff --git a/src/views/mortgage/yqpb-原始.vue b/src/views/mortgage/yqpb-原始.vue
index 29abf9a..4904d2d 100644
--- a/src/views/mortgage/yqpb-原始.vue
+++ b/src/views/mortgage/yqpb-原始.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="yxt-containers">
 		<div class="yxt-header">
-			<h1>一起拼搏(汇融惠享项目)</h1>
+			<h1>一起拼搏(惠享项目)</h1>
 		</div>
 		<div class="yxt-main">
 			<div class="yxt-main-ha">
diff --git a/src/views/mortgage/yqpb.vue b/src/views/mortgage/yqpb.vue
index e284731..18ba3e3 100644
--- a/src/views/mortgage/yqpb.vue
+++ b/src/views/mortgage/yqpb.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="yxt-containers" style="overflow-y: auto;">
 
-		<span class="title">一起拼搏(汇融惠享项目)</span>
+		<span class="title">一起拼搏(惠享项目)</span>
 
 		<div class="layout">