From 063ffc8bbd04d502c5bf9e6008468160908d584a Mon Sep 17 00:00:00 2001
From: liupopo <liuzp315@tom.com>
Date: Thu, 16 Nov 2023 17:51:04 +0800
Subject: [PATCH] 11

---
 src/demodata/zhj_zhpm.js    |  332 ++++++++++
 src/demodata/zhj_ztsj.js    |   73 +++
 src/views/mortgage/yqpb.vue | 1176 ++++++-----------------------------
 3 files changed, 598 insertions(+), 983 deletions(-)
 create mode 100644 src/demodata/zhj_zhpm.js
 create mode 100644 src/demodata/zhj_ztsj.js

diff --git a/src/demodata/zhj_zhpm.js b/src/demodata/zhj_zhpm.js
new file mode 100644
index 0000000..8811faf
--- /dev/null
+++ b/src/demodata/zhj_zhpm.js
@@ -0,0 +1,332 @@
+
+export const zhj_zhpm = 
+{
+	"table": "zhj_report_ranking",
+	"rows":
+	[
+		{
+			"id": 1,
+			"sid": "3618bcd9-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 1,
+			"bankName": "孙村支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 7000.00,
+			"allMonth": 25572.00,
+			"allMonthPre": 32514.00,
+			"allMonthIncrement": -6942.00
+		},
+		{
+			"id": 2,
+			"sid": "3618bf75-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 2,
+			"bankName": "中华大街支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 16.00,
+			"allMonth": 19570.00,
+			"allMonthPre": 14405.00,
+			"allMonthIncrement": 5165.00
+		},
+		{
+			"id": 3,
+			"sid": "3618c036-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 3,
+			"bankName": "营业部",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 14570.00,
+			"allMonthPre": 6804.00,
+			"allMonthIncrement": 7766.00
+		},
+		{
+			"id": 4,
+			"sid": "3618c09f-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 4,
+			"bankName": "建华大街支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 9803.00,
+			"allMonthPre": 2112.00,
+			"allMonthIncrement": 7691.00
+		},
+		{
+			"id": 5,
+			"sid": "3618c0eb-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 5,
+			"bankName": "留营支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 270.00,
+			"allMonth": 8084.00,
+			"allMonthPre": 1915.00,
+			"allMonthIncrement": 6169.00
+		},
+		{
+			"id": 6,
+			"sid": "3618c154-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 6,
+			"bankName": "维明街支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 2000.00,
+			"allMonth": 8009.00,
+			"allMonthPre": 2200.00,
+			"allMonthIncrement": 5809.00
+		},
+		{
+			"id": 7,
+			"sid": "3618c1d5-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 7,
+			"bankName": "西三庄支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 94.00,
+			"allMonth": 7984.00,
+			"allMonthPre": 6074.00,
+			"allMonthIncrement": 1910.00
+		},
+		{
+			"id": 8,
+			"sid": "3618c221-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 8,
+			"bankName": "槐安东路分理处",
+			"currentDate": "2023-11-16",
+			"currentDateData": 108.00,
+			"allMonth": 7774.00,
+			"allMonthPre": 4506.00,
+			"allMonthIncrement": 3268.00
+		},
+		{
+			"id": 9,
+			"sid": "3618c266-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 9,
+			"bankName": "杜北支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 7185.00,
+			"allMonthPre": 7090.00,
+			"allMonthIncrement": 95.00
+		},
+		{
+			"id": 10,
+			"sid": "3618c2a6-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 10,
+			"bankName": "跃进路支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 221.00,
+			"allMonth": 7147.00,
+			"allMonthPre": 9730.00,
+			"allMonthIncrement": -2583.00
+		},
+		{
+			"id": 11,
+			"sid": "3618c2ee-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 11,
+			"bankName": "谈固北大街支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 6034.00,
+			"allMonthPre": 4570.00,
+			"allMonthIncrement": 1464.00
+		},
+		{
+			"id": 12,
+			"sid": "3618c333-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 12,
+			"bankName": "振头支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 229.00,
+			"allMonth": 5716.00,
+			"allMonthPre": 3111.00,
+			"allMonthIncrement": 2605.00
+		},
+		{
+			"id": 13,
+			"sid": "3618c37f-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 13,
+			"bankName": "桃园支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 3560.00,
+			"allMonthPre": 5819.00,
+			"allMonthIncrement": -2259.00
+		},
+		{
+			"id": 14,
+			"sid": "3618c3c8-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 14,
+			"bankName": "金马分理处",
+			"currentDate": "2023-11-16",
+			"currentDateData": 12.00,
+			"allMonth": 3538.00,
+			"allMonthPre": 5776.00,
+			"allMonthIncrement": -2238.00
+		},
+		{
+			"id": 15,
+			"sid": "3618c410-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 15,
+			"bankName": "联盟路支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 37.00,
+			"allMonth": 1868.00,
+			"allMonthPre": 5149.00,
+			"allMonthIncrement": -3281.00
+		},
+		{
+			"id": 16,
+			"sid": "3618c459-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 16,
+			"bankName": "于底支行",
+			"currentDate": "2023-11-16",
+			"currentDateData": 297.00,
+			"allMonth": 1309.00,
+			"allMonthPre": 1065.00,
+			"allMonthIncrement": 244.00
+		},
+		{
+			"id": 17,
+			"sid": "3618c4ed-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 17,
+			"bankName": "广安大街分理处",
+			"currentDate": "2023-11-16",
+			"currentDateData": 0.00,
+			"allMonth": 1033.00,
+			"allMonthPre": 4919.00,
+			"allMonthIncrement": -3886.00
+		},
+		{
+			"id": 18,
+			"sid": "3618c53e-8452-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:31:52",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"sortNo": 18,
+			"bankName": "裕西分理处",
+			"currentDate": "2023-11-16",
+			"currentDateData": 40.00,
+			"allMonth": 1002.00,
+			"allMonthPre": 2201.00,
+			"allMonthIncrement": -1199.00
+		}
+	]
+}
\ No newline at end of file
diff --git a/src/demodata/zhj_ztsj.js b/src/demodata/zhj_ztsj.js
new file mode 100644
index 0000000..df01f78
--- /dev/null
+++ b/src/demodata/zhj_ztsj.js
@@ -0,0 +1,73 @@
+
+export const zhj_ztsj = {
+	"table": "zhj_report_datacount",
+	"rows":
+	[
+		{
+			"id": 1,
+			"sid": "081bbd4d-8450-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:16:16",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"typeNo": 1,
+			"typeName": "米类",
+			"allMonth": 99248.00,
+			"allMonthPre": 47998.00,
+			"allMonthIncrement": 51250.00,
+			"caterMonth": 49433.00,
+			"caterMonthPre": 36838.00,
+			"caterMonthIncrement": 12595.00,
+			"targetData": 190000.00,
+			"targetDataRate": "52.24%",
+			"allData": 542701.00
+		},
+		{
+			"id": 2,
+			"sid": "081bbfdd-8450-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:16:16",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"typeNo": 2,
+			"typeName": "面类",
+			"allMonth": 153210.00,
+			"allMonthPre": 112980.00,
+			"allMonthIncrement": 40230.00,
+			"caterMonth": 63895.00,
+			"caterMonthPre": 65195.00,
+			"caterMonthIncrement": -1300.00,
+			"targetData": 420000.00,
+			"targetDataRate": "36.48%",
+			"allData": 1368695.00
+		},
+		{
+			"id": 3,
+			"sid": "081bc0be-8450-11ee-a6c6-00163e035cda",
+			"createTime": "2023-11-16 15:16:16",
+			"modifyTime": null,
+			"remarks": null,
+			"dataDate": "2023-11-15",
+			"dataYear": 2023,
+			"dataMonth": 11,
+			"dataDay": 15,
+			"typeNo": 3,
+			"typeName": "油类",
+			"allMonth": 446330.00,
+			"allMonthPre": 517105.00,
+			"allMonthIncrement": -70775.00,
+			"caterMonth": 343410.00,
+			"caterMonthPre": 267385.00,
+			"caterMonthIncrement": 76025.00,
+			"targetData": 1500000.00,
+			"targetDataRate": "29.76%",
+			"allData": 3709524.30
+		}
+	]
+}
\ No newline at end of file
diff --git a/src/views/mortgage/yqpb.vue b/src/views/mortgage/yqpb.vue
index bc08d8f..1e84b01 100644
--- a/src/views/mortgage/yqpb.vue
+++ b/src/views/mortgage/yqpb.vue
@@ -1,50 +1,83 @@
 <template>
   <div class="yxt-containers">
     <div class="yxt-header">
-      <h3>一起拼搏(汇融惠享项目)</h3>
+      <h1>一起拼搏(汇融惠享项目)</h1>
     </div>
     <div class="yxt-main">
       <div class="yxt-main-ha">
         <div class="cont-vb">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>累计定货量</span>
+            <div>
+              <h2>累计定货量</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>品类</h3>
               </div>
-              <div>
-                米类 XX吨<br />
-                面类 XX吨<br />
-                油类 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>数量(单位：公斤/升)</h3>
               </div>
-            </el-card>
+            </div>
+            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+              <div class="cont-row-title-left">
+                <span>{{ item.typeName }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.allData }}</span>
+              </div>
+            </div>
           </div>
         </div>
         <div class="cont-va">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>上月总定货量</span>
+            <div>
+              <h2>上月总定货量</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>品类</h3>
               </div>
-              <div>
-                米类 XX吨<br />
-                面类 XX吨<br />
-                油类 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>数量(单位：公斤/升)</h3>
               </div>
-            </el-card>
+            </div>
+            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+              <div class="cont-row-title-left">
+                <span>{{ item.typeName }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.allMonthPre }}</span>
+              </div>
+            </div>
           </div>
         </div>
         <div class="cont-va">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>本月总定货量</span>
+            <div>
+              <h2>本月总定货量</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>品类</h3>
               </div>
-              <div>
-                米类 XX吨<br />
-                面类 XX吨<br />
-                油类 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>数量(单位：公斤/升)</h3>
               </div>
-            </el-card>
+              <div class="cont-row-title-center">
+                <h3>增长量</h3>
+              </div>
+            </div>
+            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+              <div class="cont-row-title-left">
+                <span>{{ item.typeName }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.allMonth }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.allMonthIncrement }}</span>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -55,64 +88,115 @@
               <div slot="header" class="clearfix">
                 <span>仓内平面图</span>
               </div>
-              <div>
-              </div>
+              <div />
             </el-card>
           </div>
         </div>
         <div class="cont-va">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>餐饮企业定货量</span>
+            <div>
+              <h2>餐饮企业定货量</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>品类</h3>
               </div>
-              <div>
-                米类 XX吨<br />
-                面类 XX吨<br />
-                油类 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>月累计</h3>
               </div>
-            </el-card>
+              <div class="cont-row-title-center">
+                <h3>上月同期</h3>
+              </div>
+              <div class="cont-row-title-center">
+                <h3>增长量</h3>
+              </div>
+            </div>
+            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+              <div class="cont-row-title-left">
+                <span>{{ item.typeName }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.caterMonth }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.caterMonthPre }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.caterMonthIncrement }}</span>
+              </div>
+            </div>
           </div>
         </div>
       </div>
       <div class="yxt-main-ha">
-        <div class="cont-vb">
+        <div class="cont-va">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>本月目标数</span>
+            <div>
+              <h2>本月目标数</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>品类</h3>
               </div>
-              <div>
-                米类 XX吨<br />
-                面类 XX吨<br />
-                油类 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>任务数</h3>
               </div>
-            </el-card>
+              <div class="cont-row-title-center">
+                <h3>完成比例</h3>
+              </div>
+            </div>
+            <div v-for="(item,index) in ztsj" :index="index" class="cont-row-item">
+              <div class="cont-row-title-left">
+                <span>{{ item.typeName }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.targetData }}</span>
+              </div>
+              <div class="cont-row-title-left">
+                <span>{{ item.targetDataRate }}</span>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="cont-va">
+        <div class="cont-vb">
           <div class="cont-box">
             <el-card class="box-card">
               <div slot="header" class="clearfix">
                 <span>现场视频</span>
               </div>
-              <div>
-              </div>
+              <div />
             </el-card>
           </div>
         </div>
         <div class="cont-va">
           <div class="cont-box">
-            <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                <span>支行排行</span>
+            <div>
+              <h2>支行订单量完成情况</h2>
+            </div>
+            <div class="cont-row-title">
+              <div class="cont-row-title-center">
+                <h3>排名</h3>
               </div>
-              <div>
-                XX支行 XX吨<br />
-                XX支行 XX吨<br />
-                XX支行 XX吨<br />
+              <div class="cont-row-title-center">
+                <h3>支行名称</h3>
               </div>
-            </el-card>
+              <div class="cont-row-title-center">
+                <h3>本月累计</h3>
+              </div>
+            </div>
+            <div class="cont-box-scroll">
+              <div v-for="(item,index) in zhpm" :index="index" class="cont-row-scroll">
+                <div class="cont-row-title-left">
+                  <span>{{ item.sortNo }}</span>
+                </div>
+                <div class="cont-row-title-left">
+                  <span>{{ item.bankName }}</span>
+                </div>
+                <div class="cont-row-title-left">
+                  <span>{{ item.allMonth }}</span>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -122,80 +206,28 @@
 
 <script>
   import req from '@/api/gd36524/store'
-  import barlineEachartsVue from "../echarts/barlineEacharts.vue";
-  import pieLineEachartsVue from "../echarts/pieLineEacharts.vue";
   import {
-    getDateRang
-  } from '@/utils/index'
+    zhj_ztsj
+  } from '@/demodata/zhj_ztsj.js'
+  import {
+    zhj_zhpm
+  } from '@/demodata/zhj_zhpm.js'
   export default {
-    components: {
-      barlineEachartsVue,
-      pieLineEachartsVue
-    },
     data() {
       return {
-        times: getDateRang('yesterday'),
-        warehouse: [{
-          value: "选项1",
-          label: "常温仓",
-        }],
-        wareValue: "常温仓",
-        day: [{
-          value: "选项1",
-          label: "15日",
-        }],
-        dayValue: "15日",
-        dialogVisible: false,
-        videos: true,
-        lookvideo: false,
-        dialogImageJK: false,
-        info: {
-          creditLimit: "--",
-          useLimit: "--",
-          accountsBalance: "--",
-          accountsReceivable: "--",
-          stockAmount: "--",
-          transitAmount: "--",
-          advancePayment: "--",
-        },
-        chartData: {
-          pledgeRatePercent: "",
-          state: "",
-          bankPledgeRate: "",
-          data: []
-        },
-        cameraList: [],
-        cameraInfo: {
-          name: ""
-        },
-        StatusCountInfo: {
-          //offline离线  online在线
-          offline: "0",
-          online: "0"
-        },
-        spUrl: "",
-        inventoryInfo: {
-          mendian: "--",
-          changwencang: "--",
-        },
-        chartData2: {
-          date: [],
-          changwencang: [],
-          gongyinglian: [],
-        },
-        inventoryList: [
-
-        ]
-      };
+        ztsj: [],
+        zhpm: []
+      }
     },
     created() {
       this.loadList()
-      this.getOtherList();
-      this.getStatusCount();
-      this.getInventory()
-      this.getReportInventory()
     },
     methods: {
+      loadList() {
+        this.ztsj = zhj_ztsj.rows
+        this.zhpm = zhj_zhpm.rows
+        console.log('11', this.ztsj)
+      },
       getReportInventory() {
         req.getReportInventory().then(res => {
           console.log('getReportInventory:', res)
@@ -206,7 +238,7 @@
             gongyinglian: res.data.gongyinglian,
             cancipin: res.data.cancipin,
             mendian: res.data.mendian,
-            ycMendian: res.data.ycMendian,
+            ycMendian: res.data.ycMendian
 
           }
         }).catch(e => {
@@ -229,8 +261,6 @@
         req.getStatusCount().then(res => {
           console.log('getStatusCount:', res)
           this.StatusCountInfo = res.data
-
-
         }).catch(e => {
           console.log('GdinventoryLog-loadList-ee:', e)
         })
@@ -242,8 +272,6 @@
 
           this.cameraInfo = res.data[0]
           this.getVedioPcLiveById(res.data[0].id)
-
-
         }).catch(e => {
           console.log('GdinventoryLog-loadList-ee:', e)
         })
@@ -254,8 +282,6 @@
         req.getVedioPcLiveById(id).then(res => {
           console.log('getVedioPcLiveById:', res)
           this.spUrl = res.data
-
-
         }).catch(e => {
           console.log('GdinventoryLog-loadList-ee:', e)
         })
@@ -266,90 +292,9 @@
         req.getVedioPcRecById(id).then(res => {
           console.log('getVedioPcRecById:', res)
           this.spUrl = res.data
-
-
-        }).catch(e => {
-          console.log('GdinventoryLog-loadList-ee:', e)
-        })
-      },
-
-
-      loadList() {
-
-        var params = {
-          orderDate: this.times
-        }
-
-        console.log('params:', params)
-
-        req.getProjectDaily(params).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)
         })
-
       },
 
       selectTime(val) {
@@ -365,7 +310,6 @@
         var item = this.cameraList[index]
         this.cameraInfo = item
         this.getVedioPcLiveById(item.id)
-
       },
 
       cameraType() {
@@ -377,18 +321,15 @@
         } else {
           this.getVedioPcRecById(this.cameraInfo.id)
         }
-
-
       },
       clivideo() {
-
         // this.lookvideo = true
 
         this.dialogImageJK = true
-      },
+      }
 
     }
-  };
+  }
 </script>
 <style lang="scss" scoped>
   .yxt-containers {
@@ -470,788 +411,57 @@
     width: 100%;
     height: 100%;
     padding: 10px;
-    background-color: #6082fc;
+    background-color: #031249;
   }
 
-  .cont-v {
+  .cont-row-title {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
+    justify-content: space-between;
     width: 100%;
     height: 100%;
+    padding-left: 30px;
+    padding-right: 30px;
   }
 
-  .cont-box {
-    width: 100%;
+  .cont-row-title-center {
     height: 100%;
-    background-color: #6082fc;
-    margin-bottom: 5px;
+    text-align: center;
   }
 
-  .mortgage {
-    background-color: #040C2B;
+  .cont-row-item {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
     width: 100%;
     height: 100%;
-    box-sizing: border-box;
-    padding: 0px 20px 20px 20px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .cont-box-scroll{
     display: flex;
     flex-direction: column;
-    position: relative;
-
-    .mortgage_tit {
-      line-height: 50px;
-      font-size: 24px;
-      font-weight: bold;
-      color: #39D6FE;
-    }
-
-    .mortgage_top {
-      width: 100%;
-      height: 60%;
-      position: relative;
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 40px;
-
-      .mortgage_top_item {
-        height: 100%;
-        position: relative;
-        background-color: #031249;
-        padding: 15px;
-
-
-        &:nth-of-type(1) {
-          width: 26%;
-          box-sizing: border-box;
-          padding-right: 30px;
-
-          ::v-deep .el-select {
-            width: 150px;
-            color: #fff;
-
-            .el-input {
-              .el-input__inner {
-                color: #fff;
-                background: transparent;
-                border: none;
-              }
-            }
-          }
-
-          .mortgage_top_item_tit_right {
-            flex: 1;
-            position: relative;
-            justify-content: right;
-
-            .el-select {
-              color: #fff;
-            }
-
-            ::v-deep .el-date-editor {
-              width: 150px;
-
-              .el-input__inner {
-                color: #fff;
-                background: transparent;
-                border: none;
-              }
-
-              .el-input__prefix {
-                display: none;
-              }
-            }
-
-            &::before {
-              content: "";
-              position: absolute;
-              width: 100%;
-              height: 100%;
-              bottom: 5px;
-              border-bottom: solid 4px #fff;
-            }
-          }
-        }
-
-        &:nth-of-type(2) {
-          width: 73%;
-          box-sizing: border-box;
-          padding-right: 50px;
-
-          .mortgage_top_item_tit {
-            .mortgage_top_item_tit_left {
-              width: auto;
-              margin-right: 10px;
-              color: #fff;
-            }
-          }
-
-          ::v-deep .el-select {
-            width: 150px;
-
-            .el-input {
-              .el-input__inner {
-                color: #fff;
-                background: transparent;
-                border: none;
-              }
-            }
-          }
-        }
-
-        .mortgage_top_item_tit_right {
-          flex: 1;
-          position: relative;
-          justify-content: right;
-          color: #fff;
-
-          .el-select {
-            color: #fff;
-          }
-
-          &::before {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            bottom: 5px;
-            border-bottom: solid 4px #fff;
-            ;
-          }
-        }
-
-        .mortgage_top_item_tit {
-          height: 40px;
-          display: flex;
-          position: relative;
-          justify-content: space-between;
-
-          .mortgage_top_item_tit_left {
-            width: auto;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            margin-right: 10px;
-            font-size: 20px;
-
-            span {
-              margin-right: 10px;
-            }
-
-            ::v-deep .svg-icon {
-              cursor: pointer;
-              width: 24px !important;
-              height: 24px !important;
-            }
-          }
-
-          .mortgage_top_item_tit_right {
-            width: 50%;
-            height: 100%;
-            display: flex;
-            justify-content: right;
-            align-items: center;
-
-            .el-select {
-              color: #fff;
-            }
-
-            span {
-              color: #fff;
-              margin-right: 20px;
-            }
-          }
-        }
-
-        .mortgage_top_item_coner {
-          width: 100%;
-          height: calc(100% - 40px);
-          position: relative;
-
-          .mortgage_top_item_coner_eat {
-            width: 100%;
-            height: 90%;
-          }
-
-          .mortgage_top_item_coner_con {
-            width: 100%;
-            height: 8%;
-            display: flex;
-            margin-top: -10px;
-            margin-bottom: 10px;
-            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_top_item_top {
-          width: 100%;
-          height: 85%;
-          position: relative;
-
-          img {
-            width: 100%;
-            height: 100%;
-          }
-
-          .mortgage_top_item_top_btn1 {
-            //二通道
-            // z-index: 100;
-            position: absolute;
-            top: 83%;
-            left: 71%;
-            width: 7.5%;
-            height: 9%;
-            background-color: #f0f;
-            /*设置透明度，0为完全透明，1为不透明*/
-            // opacity: 0;
-          }
-
-          .mortgage_top_item_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_top_item_top_btn3 {
-            //  四通道
-            // z-index: 100;
-            position: absolute;
-            top: 83%;
-            left: 47%;
-            width: 7%;
-            height: 9%;
-            background-color: #00f;
-            /*设置透明度，0为完全透明，1为不透明*/
-            // opacity: 0;
-          }
-
-          .mortgage_top_item_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_top_item_cons {
-          width: 100%;
-          height: calc(100% - 50px);
-          position: relative;
-          display: flex;
-          justify-content: space-between;
-
-          .mortgage_top_item_cons_left {
-            width: 58%;
-            height: 100%;
-            position: relative;
-          }
-
-          .mortgage_top_item_cons_right {
-            width: 40%;
-            height: 100%;
-            box-sizing: border-box;
-            padding-left: 30px;
-            position: relative;
-
-            .mortgage_top_item_cons_right_top {
-              height: 50%;
-              width: 100%;
-              margin-bottom: 10px;
-              position: relative;
-
-              .mortgage_top_item_cons_right_top_video {
-                width: 100%;
-                height: 90%;
-                position: relative;
-
-                img {
-                  width: 100%;
-                  height: 100%;
-                }
-              }
-
-              .mortgage_top_item_cons_right_top_foor {
-                margin-top: 35px;
-                width: 100%;
-                height: 10%;
-                display: flex;
-                position: relative;
-
-                .invie {
-                  width: auto;
-                  height: 100%;
-                  color: #fff;
-                  display: flex;
-                  align-items: center;
-                }
-
-                .huishie {
-                  flex: 1;
-                  z-index: 100;
-                  height: 100%;
-                  display: flex;
-                  color: #fff;
-                  align-items: center;
-                  justify-content: right;
-
-                  span {
-                    margin-left: 10px;
-                  }
-                }
-              }
-            }
-
-            .mortgage_top_item_cons_right_bom {
-              height: calc(50% - 10px);
-              width: 100%;
-              position: relative;
-              margin-top: 50px;
-
-              .titele {
-                width: 100%;
-                height: 40px;
-                display: flex;
-                align-items: center;
-
-                .titele_left {
-                  color: #fff;
-                  width: auto;
-                  height: 100%;
-                  line-height: 40px;
-                  margin-right: 5px;
-                }
-
-                .titele_right {
-                  flex: 1;
-                  position: relative;
-                  height: 100%;
-
-                  &::after {
-                    content: "";
-                    position: absolute;
-                    bottom: 13px;
-                    left: 0px;
-                    width: 100%;
-                    height: 100%;
-                    border-bottom: solid 4px #dadada;
-                  }
-                }
-              }
-
-              .containers {
-                width: 100%;
-                height: calc(100% - 80px);
-                position: relative;
-                display: flex;
-                background: transparent;
-                justify-content: center;
-                flex-wrap: wrap;
-                margin-top: 10px;
-
-                .container_item1 {
-                  width: 100%;
-                  height: 30px;
-                  line-height: 30px;
-                  color: #E43961;
-                  font-size: 16px;
-                  font-family: '微软雅黑';
-                  box-sizing: border-box;
-                  padding-left: 20px;
-
-                  span {
-                    margin-left: 10px;
-                  }
-                }
-
-                .container_item2 {
-                  width: 100%;
-                  height: 30px;
-                  line-height: 30px;
-                  color: #A0D090;
-                  font-size: 16px;
-                  font-family: '微软雅黑';
-                  box-sizing: border-box;
-                  padding-left: 20px;
-
-                  span {
-                    margin-left: 10px;
-                  }
-                }
-              }
-            }
-          }
-        }
-
-        .mortgage_top_item_bom {
-
-          height: 15%;
-          width: 100%;
-          display: flex;
-          position: relative;
-
-          .mortgage_top_item_bom_left {
-            display: flex;
-            width: auto;
-            height: 100%;
-            margin-top: -25px;
-            align-items: flex-end;
-
-            .mortgage_top_item_bom_left_item {
-              width: 130px;
-              display: flex;
-              height: 45px;
-              cursor: pointer;
-              background: #018ad2;
-              color: #fff;
-              justify-content: center;
-              align-items: center;
-              border-right: solid 1px #dadada;
-
-              ::v-deep .svg-icon {
-                cursor: pointer;
-                width: 16px !important;
-                height: 16px !important;
-              }
-
-              &:nth-of-type(1) {
-                span {
-                  width: 30px;
-                  height: 30px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  border-radius: 50%;
-                  background: #11c155;
-                  margin-right: 5px;
-                }
-              }
-
-              &:nth-of-type(2) {
-                span {
-                  width: 30px;
-                  height: 30px;
-                  border-radius: 50%;
-                  background: #f57f19;
-                  margin-right: 5px;
-                }
-              }
-
-              &:nth-of-type(3) {
-                span {
-                  width: 30px;
-                  height: 30px;
-                  border-radius: 50%;
-                  background: #5b9cf7;
-                  margin-right: 5px;
-                }
-              }
-            }
-          }
-
-          .mortgage_top_item_bom_right {
-            flex: 1;
-            margin-top: -25px;
-            height: 100%;
-            display: flex;
-            align-items: flex-end;
-            justify-content: right;
-
-            .mortgage_top_item_bom_right_item {
-              width: 130px;
-              height: 45px;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              background: #e9f7fa;
-              border: solid #71b9f1 1px;
-
-              ::v-deep .svg-icon {
-                cursor: pointer;
-                width: 24px !important;
-                height: 24px !important;
-              }
-
-              &:nth-of-type(1) {
-                color: #6082fc;
-
-                span {
-                  background: #1d62e2;
-                  width: 30px;
-                  height: 30px;
-                  border-radius: 50%;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  margin: 0px 3px;
-                }
-
-                p {
-                  color: #6082fc;
-                  font-weight: bold;
-                }
-              }
-
-              &:nth-of-type(2) {
-                color: #6e7173;
-
-                span {
-                  background: #4b4b4b;
-                  width: 30px;
-                  height: 30px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  border-radius: 50%;
-                  margin: 0px 3px;
-                }
-
-                p {
-                  color: #4d4d4e;
-                  font-weight: bold;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .mortgage_bom {
-      width: 100%;
-      height: calc((100% - 75px) / 2);
-      display: flex;
-      align-items: center;
-      position: relative;
-
-      .mortgage_bom_item {
-        height: 100%;
-        background-color: #031249;
-
-        &:nth-of-type(1) {
-          width: 26%;
-          box-sizing: border-box;
-          padding: 15px;
-
-          .mortgage_bom_item_cont {
-
-            box-sizing: border-box;
-            padding: 20px;
-
-            .mortgage_bom_item_cont_item {
-              padding-left: 10px;
-              padding-right: 10px;
-              margin-top: 5px;
-
-              &:last-child {
-                border-bottom: none;
-              }
-            }
-
-
-          }
-        }
-
-        &:nth-of-type(2) {
-          width: 43%;
-          box-sizing: border-box;
-          padding: 15px;
-          margin-left: 30px;
-        }
-
-        &:nth-of-type(3) {
-          width: 28%;
-          padding: 15px;
-
-          .mortgage_bom_item_cont {
-            box-sizing: border-box;
-            padding-left: 45px;
-
-            .mortgage_bom_item_cont_item {
-              &:last-child {
-                border-bottom: none;
-              }
-            }
-          }
-        }
-
-        .mortgage_bom_item_tit {
-          height: 40px;
-          width: 100%;
-          position: relative;
-          margin-bottom: 10px;
-          display: flex;
-
-          .mortgage_bom_item_tit_left {
-            width: auto;
-            display: flex;
-            align-items: center;
-            margin-right: 5px;
-            height: 100%;
-            font-size: 20px;
-            color: #fff;
-
-            span {
-              margin-right: 10px;
-            }
-          }
-
-          .mortgage_bom_item_tit_right {
-            flex: 1;
-            position: relative;
-            display: flex;
-            justify-content: right;
-            height: 100%;
-
-            ::v-deep .el-select {
-              width: 150px;
-
-              .el-input {
-                .el-input__inner {
-                  color: #fff;
-                  background: transparent;
-                  border: none;
-                }
-              }
-            }
-          }
-
-          .mortgage_bom_item_tit_right::before {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-bottom: solid 4px #dadada;
-            bottom: 5px;
-            left: 0px;
-          }
-        }
-
-        .mortgage_bom_item_cont {
-          width: 100%;
-          height: calc(100% - 100px);
-          position: relative;
-
-          .mortgage_bom_item_cont_list {
-            width: 100%;
-            height: calc(100% / 6);
-            padding-top: 15px;
-
-            .mortgage_bom_item_cont_list_item {
-              width: 100%;
-              margin-top: 15px;
-              height: calc(100% / 5);
-              position: relative;
-              display: flex;
-              padding-bottom: 20px;
-              border-bottom: solid 1px #dadada;
-
-              .mortgage_bom_item_cont_list_item_left {
-                width: 50%;
-                height: 100%;
-                display: flex;
-                align-items: center;
-                color: #0EC0B4;
-                margin-left: 10px;
-              }
-
-              .mortgage_bom_item_cont_list_item_right {
-                margin-right: 10px;
-                width: 50%;
-                height: 100%;
-                display: flex;
-                align-items: center;
-                justify-content: right;
-                color: #FF7E3F;
-              }
-            }
-          }
-
-          .mortgage_bom_item_cont_item {
-            width: 100%;
-            height: calc(100% / 5);
-            position: relative;
-            display: flex;
-            border-bottom: solid 1px #dadada;
-
-            .mortgage_bom_item_cont_item_left {
-              width: 50%;
-              height: 100%;
-              display: flex;
-              align-items: center;
-              color: #0EC0B4;
-            }
-
-            .mortgage_bom_item_cont_item_right {
-              width: 50%;
-              height: 100%;
-              display: flex;
-              align-items: center;
-              justify-content: right;
-              color: #FF7E3F;
-            }
-          }
-        }
-
-        .ditus {
-          height: 160px;
-          width: 100%;
-          position: relative;
-          cursor: pointer;
-
-          img {
-            width: 100%;
-            height: 100%;
-          }
-        }
-      }
-    }
-
-    ::v-deep .svg-icon {
-      cursor: pointer;
-      width: 30px !important;
-      height: 30px !important;
-
-    }
-
-    .iframemap {
-      width: 100%;
-      height: 1000px;
-
-      iframe {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .loockvideo {
-      width: 100%;
-      height: 300px;
-
-      video {
-        width: 100%;
-        height: 100%;
-      }
-    }
+    justify-content: space-between;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+  .cont-row-scroll {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+    height: 25px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .cont-row-item-scroll {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+    height: 100%;
+    padding-left: 20px;
+    padding-right: 20px;
   }
 </style>