From 26e6ad489b3d677ca9459d73b5c9f793bde13bd8 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Tue, 10 Jan 2023 17:40:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E9=80=94=E5=95=86=E5=93=81=20=20=20?=
 =?UTF-8?q?=20=E9=98=80=E5=80=BC=E5=88=86=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 base-ui/src/api/supervise/salesreport.js      |  40 +-
 base-ui/src/views/reportCenter/goodsOnWay.vue | 421 +++++++++++----
 .../src/views/reportCenter/salesReport.vue    |  40 +-
 base-ui/src/views/risk/thresholdAnalysis.vue  | 509 +++++++++++-------
 4 files changed, 669 insertions(+), 341 deletions(-)

diff --git a/base-ui/src/api/supervise/salesreport.js b/base-ui/src/api/supervise/salesreport.js
index fd7ca054..c73d0004 100644
--- a/base-ui/src/api/supervise/salesreport.js
+++ b/base-ui/src/api/supervise/salesreport.js
@@ -1,9 +1,9 @@
 import request from '@/utils/request'
 // 销售报表
 
-// 品牌管理模糊查询
+// 初始化
 export default {
-  
+
   initData(data) {
     return request({
       url: '/reportCenter/getSalesReport',
@@ -11,41 +11,5 @@ export default {
       params: data
     })
   },
-  // 保存新增记录
-  saveOrUpdate: function(params) {
 
-    return request({
-      url: '/v1/purchaserequisition/save',
-      method: 'post',
-      data: params,
-      headers: {
-        'Content-Type': 'application/json'
-      }
-    })
-  },
-  // 通过sid删除一条或多条记录
-  delBySids: function(data) {
-    return request({
-      url: '/v1/purchaserequisition/delBySids',
-      method: 'delete',
-      data: data,
-      headers: {
-        'Content-Type': 'application/json'
-      }
-    })
-  },
-  // 通过sid查询一条记录
-  fetchBySid: function(sid) {
-    return request({
-      url: '/v1/purchaserequisition/fetchDetailsBySid/' + sid
-    })
-  },
-  // 提交
-  doSubmit: function(params) {
-    return request({
-      url: '/supervise/v1/kfpurchaserequisition/doSubmit',
-      method: 'post',
-      data: params
-    })
-  }
 }
diff --git a/base-ui/src/views/reportCenter/goodsOnWay.vue b/base-ui/src/views/reportCenter/goodsOnWay.vue
index 9674b656..0d252811 100644
--- a/base-ui/src/views/reportCenter/goodsOnWay.vue
+++ b/base-ui/src/views/reportCenter/goodsOnWay.vue
@@ -1,151 +1,370 @@
 <template>
   <div class="app-container">
-    <div style="margin-left: 16px;">
-      <h3>{{ name }}</h3>
-    </div>
-    <div class = "current-data">
-      <div class = "left">
-        <div class="top">
+    <div v-show="viewState == 1">
+      <button-bar ref="btnbar" view-title="在途商品管理表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">
+            {{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
+              <el-form-item label="日期">
+                <el-date-picker v-model="queryParams.date" type="date" clearable value-format="yyyy-MM-dd"
+                  placeholder="选择日期" />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+
+        <div style="margin-top: 30px;">
           <span>当前数据</span>
-          <span>{{currentDate}}</span>
+          <span style="margin-left: 10px;">{{nowDate}}</span>
         </div>
-      </div>
-      <div ref="charta" class ="middle">
 
+        <div class="current-data">
+          <div class="left">
+            <div style="display: flex;flex-direction: column;justify-content: center; margin-top: 30px;">
+              <span class="item"><span class="item_lift">•</span>订单总额<span class="item_text">{{listGoodsOnWays.orderAmount}}</span></span>
+              <span class="item"><span class="item_lift">•</span>实际到货价值<span class="item_text">{{listGoodsOnWays.arrivedGoodsValue}}</span></span>
+              <span class="item"><span class="item_lift">•</span>在途货价值<span class="item_text">{{listGoodsOnWays.onWayGoodsValue}}</span></span>
+              <span class="item"><span class="item_lift">•</span>超出价值<span class="item_text">{{listGoodsOnWays.exceedGoodsValue}}</span></span>
+            </div>
+
+          </div>
+          <div id="main" class="middle" style="margin-top: -40px;">
+
+          </div>
+          <div style="width: 50%;margin-left: 20px;margin-top: 30px;">
+            <el-table v-loading="tableLoading" :data="listArrivedEarlyWarning" border style="width: 100%">
+              <el-table-column width="60" label="序号" prop="num" align="center" />
+              <el-table-column label="供应商名称" prop="supplierName" align="center" />
+              <el-table-column width="120" label="到货日期" prop="allArrivedDate" align="center" />
+              <el-table-column width="100" label="是否延期" prop="isDelay" align="center" />
+            </el-table>
+          </div>
+
+        </div>
       </div>
-      <div class ="right"  /></div>
     </div>
   </div>
+  </div>
 </template>
 
 <script>
-  import * as echarts from 'echarts'
+  import req from '@/api/supervise/goodsonway'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import * as echarts from 'echarts';
+
   export default {
-    name: '在途商品管理表',
-    // components: {  },
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye
+    },
     data() {
       return {
-        currentDate:"2023-01-01",
-        name: '在途商品管理表',
-        myCharta: null
+        myCharta: null,
+        btndisabled: false,
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+        isSearchShow: false,
+        searchxianshitit: '显示查询条件',
+        tableLoading: false,
+        tableKey: 0,
+        btnList: [ // 右上角按钮
+          {
+            type: 'success',
+            size: 'small',
+            icon: 'export',
+            btnKey: 'build',
+            btnLabel: '导出'
+          },
+          {
+            type: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        queryParams: {
+          date: "",
+        },
+        nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
+        listGoodsOnWays: {
+          orderAmount: "",
+          arrivedGoodsValue: "",
+          onWayGoodsValue: "",
+          exceedGoodsValue: "",
+        },
+        listArrivedEarlyWarning: [{
+            num: '1',
+            supplierName: '中粮可口可乐饮料（河北）有限公司',
+            allArrivedDate: '2022.12.29',
+            isDelay: '是'
+          },
+          {
+            num: '2',
+            supplierName: '中顺洁柔纸业股份有限公司',
+            allArrivedDate: '2022.12.27',
+            isDelay: '否'
+          },
+          {
+            num: '3',
+            supplierName: '今麦郎食品股份有限公司石家庄分公司',
+            allArrivedDate: '2022.12.23',
+            isDelay: '否'
+          },
+          {
+            num: '4',
+            supplierName: '农夫山泉股份有限公司',
+            allArrivedDate: '2022.12.25',
+            isDelay: '是'
+          },
+          {
+            num: '5',
+            supplierName: '北京百事可乐饮料有限公司',
+            allArrivedDate: '2022.12.12',
+            isDelay: '否'
+          },
+          {
+            num: '6',
+            supplierName: '今麦郎食品股份有限公司石家庄分公司',
+            allArrivedDate: '2022.12.02',
+            isDelay: '是'
+          },
+          {
+            num: '7',
+            supplierName: '农夫山泉股份有限公司',
+            allArrivedDate: '2022.12.09',
+            isDelay: '否'
+          },
+          {
+            num: '8',
+            supplierName: '北京百事可乐饮料有限公司',
+            allArrivedDate: '2022.12.20',
+            isDelay: '是'
+          },
+        ],
+        analysisChartData: {
+          legend: {
+            top: 'bottom'
+          },
+          toolbox: {
+            show: true,
+            feature: {
+              mark: {
+                show: true
+              },
+              // 数据图标
+              dataView: {
+                show: false,
+                readOnly: false
+              },
+              // 刷新图标
+              restore: {
+                show: false
+              },
+              // 下载图标
+              saveAsImage: {
+                show: false
+              }
+            }
+          },
+          series: [{
+            name: 'Nightingale Chart',
+            type: 'pie',
+            radius: [30, 150],
+            center: ['50%', '50%'],
+            roseType: 'area',
+            itemStyle: {
+              borderRadius: 8
+            },
+            data: [{
+                "value": 2313123,
+                "name": "订单总额"
+              },
+              {
+                "value": 4359354,
+                "name": "实际到货价值"
+              },
+              {
+                "value": 2313123,
+                "name": "在途货价值"
+              },
+              {
+                "value": 2313123,
+                "name": "超出价值"
+              }
+            ]
+          }]
+        }
       }
     },
     created() {
       // 初始化变量
-      // this.init()
-      // 加载列表
-      // this.getList()
-    },
-    beforeDestroy() {
-      if (this.myCharta) {
-        this.myCharta.dispose()
-        this.myCharta = null
-      }
+        console.log('33333')
+      this.loadList()
     },
+    // beforeDestroy() {
+    //   if (this.myCharta) {
+    //     this.myCharta.dispose()
+    //     this.myCharta = null
+    //   }
+    // },
     mounted() {
-      this.$nextTick(() => {
-      this.initCharta()
-      })
+      // 初始化按钮
+      this.$refs['btnbar'].setButtonList(this.btnList)
+      //
     },
     methods: {
-      initCharta() {
-        // 基于准备好的dom，初始化echarts实例
-        this.myCharta = echarts.init(this.$refs.charta)
-        this.myCharta.setOption(
-          {
-            legend: {
-              top: 'bottom'
-            },
-            toolbox: {
-              show: true,
-              feature: {
-                mark: { show: true },
-                dataView: { show: true, readOnly: false },
-                restore: { show: true },
-                saveAsImage: { show: true }
-              }
-            },
-            series: [
-              {
-                name: 'Nightingale Chart',
-                type: 'pie',
-                radius: [50, 250],
-                center: ['50%', '50%'],
-                roseType: 'area',
-                itemStyle: {
-                  borderRadius: 8
-                },
-                data:[
-                  {
-                      "value": 2313123,
-                      "name": "订单总额"
-                  },
-                  {
-                      "value": 4359354,
-                      "name": "实际到货价值"
-                  },
-                  {
-                      "value": 2313123,
-                      "name": "在途货价值"
-                  },
-                  {
-                      "value": 2313123,
-                      "name": "超出价值"
-                  }
-                ]
-              }
-            ]
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      // 右上角点击事件
+      btnHandle(btnKey) {
+        switch (btnKey) {
+          case 'build': // 导出
+            this.doBuild()
+            break
+          case 'doClose': // 关闭
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      loadList() {
+        this.tableLoading = true
+        let _this = this
+         console.log('22222')
+        req.initData(_this.queryParams).then((resp) => {
+          if (resp.success) {
+            console.log('1111', resp.data)
+            const data = resp.data
+            _this.listGoodsOnWays = data.listGoodsOnWays
+            _this.listArrivedEarlyWarning = data.listArrivedEarlyWarning
+            _this.analysisChartData = data.analysisChartData
+            this.drawLine()
+            this.tableLoading = false
+
+          } else {
+            // 根据resp.code进行异常情况处理
+            _this.dataList = []
+            _this.listSalesChannelData = []
           }
-        )
+        }).catch(e => {
+          console.log('eeeee', e)
+          _this.tableLoading = false
+        })
+      },
+      // 饼状图图初始化
+      drawLine() {
+        // 基于准备好的dom，初始化echarts实例
+        var myChart = echarts.init(document.getElementById('main'));
+        // 绘制图表
+        console.log('option', this.analysisChartData)
+        myChart.setOption(this.analysisChartData);
+      },
+
+      dosearch() {
+        this.nowDate = this.queryParams.date;
+        this.loadList();
+
+      },
+      resetQuery() {
+        this.queryParams = {
+          date: "",
+        }
+        this.loadList();
+      },
+
+      // 导出
+      doBuild() {
+        this.$message({
+          showClose: true,
+          type: 'success',
+          message: '功能暂未完善...'
+        })
       },
-      getList() {},
       // 返回
-      handleReturn() {
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
         this.$router.go(-1)
       }
     }
   }
-
 </script>
 
 <style>
-  .current-data{
-    width:100%;
-    height:500px;
+  .current-data {
+    width: 100%;
+    height: 500px;
     display: flex;
   }
-  .current-data .top{
-    height:30px;
-    line-height:30px;
-    width:100%;
+
+  .current-data .top {
+    height: 30px;
+    line-height: 30px;
+    width: 100%;
+  }
+
+  .current-data .left {
+    width: 250px;
+    height: 600px;
   }
-  .current-data .left{
-    background-color: aqua;
-    width:250px;
-    height:600px;
-    margin-left: 16px;
+
+  .item {
+    margin-top: 35px;
+    display: flex;
+    align-items: center;
   }
 
-  .current-data .middle{
-    width:600px;
-    height:600px;
+  .item_lift {
+    margin-left: 10px;
+    padding-right: 5px;
+    font-size: 30px;
+    color: blue;
+  }
+
+  .item_text {
+    padding-left: 15px;
+  }
+
+  .current-data .middle {
+    width: 500px;
+    height: 400px;
     float: left;
     margin-left: 10px;
   }
 
-  .current-data .right{
+  .current-data .right {
     background-color: red;
-    width:700px;
-    height:600px;
+    width: 700px;
+    height: 600px;
     float: left;
     margin-left: 10px;
 
   }
-  .current-data .right .top{
+
+  .current-data .right .top {
     text-align: center;
   }
-  .current-data .right .charts{
-    height:480px;
-    width:100%;
+
+  .current-data .right .charts {
+    height: 480px;
+    width: 100%;
   }
 </style>
diff --git a/base-ui/src/views/reportCenter/salesReport.vue b/base-ui/src/views/reportCenter/salesReport.vue
index 8a893285..dd4445a9 100644
--- a/base-ui/src/views/reportCenter/salesReport.vue
+++ b/base-ui/src/views/reportCenter/salesReport.vue
@@ -10,11 +10,11 @@
           <div v-show="isSearchShow" class="search">
             <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
               <el-form-item label="日期">
-                <el-date-picker v-model="queryParams.newDate" type="date" clearable value-format="yyyy-MM-dd"
+                <el-date-picker v-model="queryParams.date" type="date" clearable value-format="yyyy-MM-dd"
                   placeholder="选择日期" />
               </el-form-item>
               <el-form-item label="类别">
-                <el-select v-model="queryParams.key" filterable placeholder="全部" clearable>
+                <el-select v-model="queryParams.type" filterable placeholder="全部" clearable>
                   <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
                     :value="item.dictKey">
                   </el-option>
@@ -83,14 +83,10 @@
           <div style="width: 65%;margin-left: 50px;margin-top: 20px;">
 
             <div id="main" style="width: 800px; height: 500px;margin-top: 30px;"></div>
-
           </div>
-
         </div>
       </div>
-
     </div>
-    <div ref="charta" style="height:300px;width: 100%;" />
   </div>
 </template>
 
@@ -182,8 +178,9 @@
           }
         ],
         queryParams: {
-          newDate: "",
-          key: '' // 类别key
+            customerSid: '',
+          date: "",
+          type: '' // 类别key
         },
         nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
         // 柱状图
@@ -240,7 +237,7 @@
       btnHandle(btnKey) {
         switch (btnKey) {
           case 'build': // 导出
-           this.doBuild()
+            this.doBuild()
             break
           case 'doClose': // 关闭
             this.doClose()
@@ -283,16 +280,17 @@
 
       dosearch() {
 
-        this.nowDate = this.queryParams.newDate;
+        this.nowDate = this.queryParams.date;
         this.loadList();
 
       },
       resetQuery() {
         this.queryParams = {
-          newDate: "",
-          key: '' // 类别key
+            customerSid: '',
+          date: "",
+          type: '' // 类别key
         }
-      this.loadList();
+        this.loadList();
 
       },
       // 合计
@@ -338,20 +336,20 @@
         return sums
       },
       // 导出
-      doBuild(){
+      doBuild() {
         this.$message({
           showClose: true,
-          type:'success',
-          message:'功能暂未完善...'
+          type: 'success',
+          message: '功能暂未完善...'
         })
       },
       // 返回
-     doClose() {
-       this.$store.dispatch('tagsView/delView', this.$route)
-       this.$router.go(-1)
-     }
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      }
 
-  }
+    }
 
   }
 </script>
diff --git a/base-ui/src/views/risk/thresholdAnalysis.vue b/base-ui/src/views/risk/thresholdAnalysis.vue
index 0825f925..193a4d35 100644
--- a/base-ui/src/views/risk/thresholdAnalysis.vue
+++ b/base-ui/src/views/risk/thresholdAnalysis.vue
@@ -1,197 +1,344 @@
 <template>
   <div class="app-container">
     <div style="margin-left:16px;">
-      <h3>{{ name }}</h3>
-    </div>
-    <div class = "current-data">
-      <div class = "upper">
-      </div>
+      <div v-show="viewState == 1">
+        <button-bar ref="btnbar" view-title="在途商品管理表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+        <div class="main-content">
+          <div class="searchcon">
+            <el-button size="small" class="searchbtn" @click="clicksearchShow">
+              {{ searchxianshitit }}
+            </el-button>
+            <div v-show="isSearchShow" class="search">
+              <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
+                <el-form-item label="日期">
+                  <el-date-picker v-model="queryParams.date" type="date" clearable value-format="yyyy-MM-dd"
+                    placeholder="选择日期" />
+                </el-form-item>
+                <el-form-item label="类别">
+                  <el-select v-model="queryParams.type" filterable placeholder="全部" clearable>
+                    <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
+                      :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-form>
+              <div class="btn" style="text-align: center;">
+                <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+                <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              </div>
+            </div>
+          </div>
+
+          <div id="main" style="width: 100%;height: 500px;min-height: 480px;margin-top: 30px;"></div>
+
+          <div style="margin-top: 30px;">
+            <el-table v-loading="tableLoading" :data="thresholdAnalysisTable" border style="width: 100%">
+              <el-table-column width="60" prop="num" label="序号" type="index" :index="indexMethod" abort=""
+                align="center" />
+              <el-table-column prop="date" label="数据日期" align="center" />
+              <el-table-column prop="stockValue" label="仓库货值(元)" align="center" />
+              <el-table-column prop="onWayGoodsValue" label="在途货值(元)" align="center" />
+              <el-table-column prop="storeValue" label="门店货值(元)" align="center" />
+              <el-table-column prop="accountBalance" label="账户余额(元)" align="center" />
+              <el-table-column prop="accountsReceivable" label="应收账款(元)" align="center" />
+              <el-table-column prop="paymentAmount" label="借款金额(元)" align="center" />
+              <el-table-column prop="threshold" label="阀值" align="center" />
+            </el-table>
+          </div>
+
+          <!-- End 项目列表 -->
+          <div class="pages">
+            <div class="tit" />
+            <!--  翻页  -->
+            <pagination v-show="thresholdAnalysisTable.length > 0" :total="queryParams.total"
+              :page.sync="queryParams.current" :limit.sync="queryParams.size" @pagination="loadList" />
+          </div>
+        </div>
+
 
-      <div ref="charta" class ="lower"  /></div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-  import * as echarts from 'echarts'
+  import req from '@/api/supervise/thresholdanalysis'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import * as echarts from 'echarts';
+
   export default {
-    name: '阀值分析',
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye
+    },
     // components: {  },
     data() {
       return {
-        currentDate:"2023-01-01",
-        name: '阀值分析',
-        myCharta: null,
-      }
-    },
-    created() {
-      // 初始化变量
-      // this.init()
-      // 加载列表
-      // this.getList()
-    },
-    beforeDestroy() {
-      if (this.myCharta) {
-        this.myCharta.dispose()
-        this.myCharta = null
+        btndisabled: false,
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+        isSearchShow: false,
+        searchxianshitit: '显示查询条件',
+        tableLoading: false,
+        tableKey: 0,
+        // 类型1.全部,2.常规商品3.烟草
+        state_list: [{
+            dictKey: 1,
+            dictValue: '全部'
+          },
+          {
+            dictKey: 2,
+            dictValue: '常规商品'
+          }, {
+            dictKey: 3,
+            dictValue: '烟草'
+          }
+        ],
+        btnList: [ // 右上角按钮
+          {
+            type: 'success',
+            size: 'small',
+            icon: 'export',
+            btnKey: 'build',
+            btnLabel: '导出'
+          },
+          {
+            type: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            customerSid: '',
+            date: "",
+            type: '',
+          } // 类别key
+        },
+        nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
+        thresholdAnalysisTable: [{
+          num: '1',
+          date: '2023-01-01',
+          stockValue: '319314',
+          onWayGoodsValue: '3474943',
+          storeValue: '369546',
+          accountBalance: '435234',
+          accountsReceivable: '565234',
+          paymentAmount: '544632',
+          threshold: "454657"
+        }, {
+          num: '2',
+          date: '2023-01-02',
+          stockValue: '434577',
+          onWayGoodsValue: '324536',
+          storeValue: '8765234',
+          accountBalance: '876543',
+          accountsReceivable: '324365',
+          paymentAmount: '7238734',
+          threshold: "3454743"
+        }, {
+          num: '3',
+          date: '2023-01-03',
+          stockValue: '345467',
+          onWayGoodsValue: '634242',
+          storeValue: '2367364',
+          accountBalance: '734534',
+          accountsReceivable: '2356734',
+          paymentAmount: '743345',
+          threshold: "36345"
+        }, {
+          num: '4',
+          date: '2023-01-04',
+          stockValue: '435632',
+          onWayGoodsValue: '2455234',
+          storeValue: '32434523',
+          accountBalance: '2343523',
+          accountsReceivable: '565234',
+          paymentAmount: '234234',
+          threshold: "45676453"
+        }, {
+          num: '5',
+          date: '2023-01-05',
+          stockValue: '453423',
+          onWayGoodsValue: '1324354',
+          storeValue: '65342',
+          accountBalance: '13243',
+          accountsReceivable: '54342',
+          paymentAmount: '34323',
+          threshold: "3243424"
+        }],
+        analysisChartData: {
+          title: {
+            text: ''
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+          },
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          toolbox: {
+            feature: {
+              saveAsImage: {
+                show:false
+              }
+            }
+          },
+          xAxis: {
+            type: 'category',
+            boundaryGap: false,
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: [{
+              name: 'Email',
+              type: 'line',
+              stack: 'Total',
+              data: [120, 132, 101, 134, 90, 230, 210]
+            },
+            {
+              name: 'Union Ads',
+              type: 'line',
+              stack: 'Total',
+              data: [220, 182, 191, 234, 290, 330, 310]
+            },
+            {
+              name: 'Video Ads',
+              type: 'line',
+              stack: 'Total',
+              data: [150, 232, 201, 154, 190, 330, 410]
+            },
+            {
+              name: 'Direct',
+              type: 'line',
+              stack: 'Total',
+              data: [320, 332, 301, 334, 390, 330, 320]
+            },
+            {
+              name: 'Search Engine',
+              type: 'line',
+              stack: 'Total',
+              data: [820, 932, 901, 934, 1290, 1330, 1320]
+            }
+          ]
+        }
+
+
       }
     },
     mounted() {
-      this.$nextTick(() => {
-      // this.initChartaThreshold()
-      this.initCharta()
-      })
+      this.$refs['btnbar'].setButtonList(this.btnList)
+    },
+    created() {
+      this.loadList()
     },
     methods: {
-      initCharta() {
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      btnHandle(btnKey) {
+        switch (btnKey) {
+          case 'toAdd':
+            this.toAdd()
+            break
+          case 'doDel':
+            this.doDel()
+            break
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      loadList() {
+        this.tableLoading = true
+        let _this = this
+        req.listPage(_this.queryParams).then((resp) => {
+          _this.tableLoading = false
+          if (resp.success) {
+            const data = resp.data
+            _this.queryParams.total = data.total
+            _this.thresholdAnalysisTable = data.thresholdAnalysisTable
+            _this.analysisChartData = data.analysisChartData
+             _this. drawLine()
+             _this.tableLoading = false
+          } else {
+            // 根据resp.code进行异常情况处理
+            _this.thresholdAnalysisTable = []
+            _this.analysisChartData = {}
+            _this.queryParams.total = 0
+          }
+        }).catch(() => {
+          _this.tableLoading = false
+        })
+      },
+      // 序号
+      indexMethod(index) {
+        var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      // 折线图初始化
+      drawLine() {
         // 基于准备好的dom，初始化echarts实例
-        // this.myChartaThreshold = echarts.init(this.$refs.myChartaThreshold)
-        this.myCharta = echarts.init(this.$refs.charta)
-        this.myCharta.setOption(
-          {
-            tooltip: {
-              trigger: 'axis',
-              axisPointer: {
-                type: 'cross',
-                crossStyle: {
-                  color: '#999'
-                }
-              }
-            },
-            toolbox: {
-              feature: {
-                dataView: { show: false, readOnly: false },
-                magicType: { show: false, type: ['line', 'bar'] },
-                restore: { show: false },
-                saveAsImage: { show: false }
-              }
-            },
-            legend: {
-              data: ['仓库货值', '在途货值', ' 门店货值', '帐户余额', '应收帐款', '借款金额', '阀值']
-            },
-            xAxis: [
-              {
-                type: 'category',
-                data: ['2023-01-01', '2023-01-02', '2023-01-03', '2023-01-04', '2023-01-05', '2023-01-06', '2023-01-07'],
-                axisPointer: {
-                  type: 'shadow'
-                }
-              }
-            ],
-            yAxis: [
-              {
-                type: 'value',
-                name: '人民币',
-                min: 0,
-                max: 250,
-                interval: 50,
-                axisLabel: {
-                  formatter: '{value} 元'
-                }
-              },
-              {
-                type: 'value',
-                name: '百分比',
-                min: 0,
-                max: 25,
-                interval: 5,
-                axisLabel: {
-                  formatter: '{value} '
-                }
-              }
-            ],
-            series: [
-              {
-                name: '仓库货值',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
-                },
-                data: [
-                  2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-                ]
-              },
-              {
-                name: '在途货值',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
-                },
-                data: [
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-                ]
-              },
-              {
-                name: ' 门店货值',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
-                },
-                data: [
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-                ]
-              },
-              {
-                name: '帐户余额',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
-                },
-                data: [
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-                ]
-              },
-              {
-                name: '应收帐款',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
-                },
-                data: [
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-                ]
-              },
-              {
-                name: '借款金额',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + '元';
-                  }
-                },
-                data: [
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-                ]
-              },
-              {
-                name: '阀值',
-                type: 'line',
-                yAxisIndex: 1,
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + '%';
-                  }
-                },
-                data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
-              },
-
-            ]
+        var myChart = echarts.init(document.getElementById('main'));
+        // 绘制图表
+        console.log('option', this.analysisChartData)
+        myChart.setOption(this.analysisChartData);
+      },
+
+      dosearch() {
+
+        this.nowDate = this.queryParams.date;
+        this.loadList();
+
+      },
+      resetQuery() {
+        this.queryParams = {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            customerSid: '',
+            date: '',
+            type: '',
           }
-        )
+        }
+        this.loadList()
+      },
+      // 导出
+      doBuild() {
+        this.$message({
+          showClose: true,
+          type: 'success',
+          message: '功能暂未完善...'
+        })
       },
-      getList() {},
       // 返回
-      handleReturn() {
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
         this.$router.go(-1)
       }
     }
@@ -199,19 +346,19 @@
 </script>
 
 <style>
-  .current-data{
-    width:100%;
-    height:500px;
+  .current-data {
+    width: 100%;
+    height: 500px;
   }
 
-  .current-data .upper{
-    width:100%;
-    height:100px;
+  .current-data .upper {
+    width: 100%;
+    height: 100px;
   }
 
-  .current-data .lower{
-    width:100%;
-    height:600px;
+  .current-data .lower {
+    width: 100%;
+    height: 600px;
     float: left;
     margin-left: 10px;