在途商品 阀值分析

base-ui/src/api/supervise/salesreport.js

@@ -1,7 +1,7 @@
 import request from '@/utils/request'
 // 销售报表
 
-// 品牌管理模糊查询
+// 初始化
 export default {
 
   initData(data) {
@@ -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
-    })
-  }
 }

base-ui/src/views/reportCenter/goodsOnWay.vue

@@ -1,82 +1,192 @@
 <template>
   <div class="app-container">
-    <div style="margin-left: 16px;">
+    <div v-show="viewState == 1">
-      <h3>{{ name }}</h3>
+      <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 style="margin-left: 10px;">{{nowDate}}</span>
+        </div>
+
         <div class="current-data">
           <div class="left">
-        <div class="top">
+            <div style="display: flex;flex-direction: column;justify-content: center; margin-top: 30px;">
-          <span>当前数据</span>
+              <span class="item"><span class="item_lift">•</span>订单总额<span class="item_text">{{listGoodsOnWays.orderAmount}}</span></span>
-          <span>{{currentDate}}</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 ref="charta" class ="middle">
 
         </div>
-      <div class ="right"  /></div>
+      </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",
+        myCharta: null,
-        name: '在途商品管理表',
+        btndisabled: false,
-        myCharta: null
+        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: "",
         },
-    created() {
+        nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
-      // 初始化变量
+        listGoodsOnWays: {
-      // this.init()
+          orderAmount: "",
-      // 加载列表
+          arrivedGoodsValue: "",
-      // this.getList()
+          onWayGoodsValue: "",
+          exceedGoodsValue: "",
         },
-    beforeDestroy() {
+        listArrivedEarlyWarning: [{
-      if (this.myCharta) {
+            num: '1',
-        this.myCharta.dispose()
+            supplierName: '中粮可口可乐饮料（河北）有限公司',
-        this.myCharta = null
+            allArrivedDate: '2022.12.29',
-      }
+            isDelay: '是'
           },
-    mounted() {
+          {
-      this.$nextTick(() => {
+            num: '2',
-      this.initCharta()
+            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: '否'
           },
-    methods: {
-      initCharta() {
-        // 基于准备好的dom，初始化echarts实例
-        this.myCharta = echarts.init(this.$refs.charta)
-        this.myCharta.setOption(
           {
+            num: '8',
+            supplierName: '北京百事可乐饮料有限公司',
+            allArrivedDate: '2022.12.20',
+            isDelay: '是'
+          },
+        ],
+        analysisChartData: {
           legend: {
             top: 'bottom'
           },
           toolbox: {
             show: true,
             feature: {
-                mark: { show: true },
+              mark: {
-                dataView: { show: true, readOnly: false },
+                show: true
-                restore: { show: true },
+              },
-                saveAsImage: { show: true }
+              // 数据图标
+              dataView: {
+                show: false,
+                readOnly: false
+              },
+              // 刷新图标
+              restore: {
+                show: false
+              },
+              // 下载图标
+              saveAsImage: {
+                show: false
+              }
             }
           },
-            series: [
+          series: [{
-              {
             name: 'Nightingale Chart',
             type: 'pie',
-                radius: [50, 250],
+            radius: [30, 150],
             center: ['50%', '50%'],
             roseType: 'area',
             itemStyle: {
               borderRadius: 8
             },
-                data:[
+            data: [{
-                  {
                 "value": 2313123,
                 "name": "订单总额"
               },
@@ -93,19 +203,109 @@
                 "name": "超出价值"
               }
             ]
+          }]
         }
-            ]
       }
-        )
     },
-      getList() {},
+    created() {
+      // 初始化变量
+        console.log('33333')
+      this.loadList()
+    },
+    // beforeDestroy() {
+    //   if (this.myCharta) {
+    //     this.myCharta.dispose()
+    //     this.myCharta = null
+    //   }
+    // },
+    mounted() {
+      // 初始化按钮
+      this.$refs['btnbar'].setButtonList(this.btnList)
+      //
+    },
+    methods: {
+      // 搜索条件效果
+      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: '功能暂未完善...'
+        })
+      },
       // 返回
-      handleReturn() {
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
         this.$router.go(-1)
       }
     }
   }
-
 </script>
 
 <style>
@@ -114,21 +314,38 @@
     height: 500px;
     display: flex;
   }
+
   .current-data .top {
     height: 30px;
     line-height: 30px;
     width: 100%;
   }
+
   .current-data .left {
-    background-color: aqua;
     width: 250px;
     height: 600px;
-    margin-left: 16px;
+  }
+
+  .item {
+    margin-top: 35px;
+    display: flex;
+    align-items: center;
+  }
+
+  .item_lift {
+    margin-left: 10px;
+    padding-right: 5px;
+    font-size: 30px;
+    color: blue;
+  }
+
+  .item_text {
+    padding-left: 15px;
   }
 
   .current-data .middle {
-    width:600px;
+    width: 500px;
-    height:600px;
+    height: 400px;
     float: left;
     margin-left: 10px;
   }
@@ -141,9 +358,11 @@
     margin-left: 10px;
 
   }
+
   .current-data .right .top {
     text-align: center;
   }
+
   .current-data .right .charts {
     height: 480px;
     width: 100%;

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: "",
+            customerSid: '',
-          key: '' // 类别key
+          date: "",
+          type: '' // 类别key
         },
         nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
         // 柱状图
@@ -283,14 +280,15 @@
 
       dosearch() {
 
-        this.nowDate = this.queryParams.newDate;
+        this.nowDate = this.queryParams.date;
         this.loadList();
 
       },
       resetQuery() {
         this.queryParams = {
-          newDate: "",
+            customerSid: '',
-          key: '' // 类别key
+          date: "",
+          type: '' // 类别key
         }
         this.loadList();
 

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 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 class = "current-data">
-      <div class = "upper">
             </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",
+        btndisabled: false,
-        name: '阀值分析',
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
-        myCharta: null,
+        isSearchShow: false,
-      }
+        searchxianshitit: '显示查询条件',
+        tableLoading: false,
+        tableKey: 0,
+        // 类型1.全部,2.常规商品3.烟草
+        state_list: [{
+            dictKey: 1,
+            dictValue: '全部'
           },
-    created() {
+          {
-      // 初始化变量
+            dictKey: 2,
-      // this.init()
+            dictValue: '常规商品'
-      // 加载列表
+          }, {
-      // this.getList()
+            dictKey: 3,
+            dictValue: '烟草'
+          }
+        ],
+        btnList: [ // 右上角按钮
+          {
+            type: 'success',
+            size: 'small',
+            icon: 'export',
+            btnKey: 'build',
+            btnLabel: '导出'
           },
-    beforeDestroy() {
+          {
-      if (this.myCharta) {
+            type: 'info',
-        this.myCharta.dispose()
+            size: 'small',
-        this.myCharta = null
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
           }
+        ],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            customerSid: '',
+            date: "",
+            type: '',
+          } // 类别key
         },
-    mounted() {
+        nowDate: new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate(),
-      this.$nextTick(() => {
+        thresholdAnalysisTable: [{
-      // this.initChartaThreshold()
+          num: '1',
-      this.initCharta()
+          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: ''
           },
-    methods: {
-      initCharta() {
-        // 基于准备好的dom，初始化echarts实例
-        // this.myChartaThreshold = echarts.init(this.$refs.myChartaThreshold)
-        this.myCharta = echarts.init(this.$refs.charta)
-        this.myCharta.setOption(
-          {
           tooltip: {
-              trigger: 'axis',
+            trigger: 'axis'
-              axisPointer: {
+          },
-                type: 'cross',
+          legend: {
-                crossStyle: {
+            data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
-                  color: '#999'
+          },
-                }
+          grid: {
-              }
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
           },
           toolbox: {
             feature: {
-                dataView: { show: false, readOnly: false },
+              saveAsImage: {
-                magicType: { show: false, type: ['line', 'bar'] },
+                show:false
-                restore: { show: false },
+              }
-                saveAsImage: { show: false }
             }
           },
-            legend: {
+          xAxis: {
-              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'],
+            boundaryGap: false,
-                axisPointer: {
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-                  type: 'shadow'
-                }
-              }
-            ],
-            yAxis: [
-              {
-                type: 'value',
-                name: '人民币',
-                min: 0,
-                max: 250,
-                interval: 50,
-                axisLabel: {
-                  formatter: '{value} 元'
-                }
           },
-              {
+          yAxis: {
-                type: 'value',
+            type: 'value'
-                name: '百分比',
-                min: 0,
-                max: 25,
-                interval: 5,
-                axisLabel: {
-                  formatter: '{value} '
-                }
-              }
-            ],
-            series: [
-              {
-                name: '仓库货值',
-                type: 'bar',
-                tooltip: {
-                  valueFormatter: function (value) {
-                    return value + ' 元';
-                  }
           },
-                data: [
+          series: [{
-                  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: 'Email',
-                ]
+              type: 'line',
+              stack: 'Total',
+              data: [120, 132, 101, 134, 90, 230, 210]
             },
             {
-                name: '在途货值',
+              name: 'Union Ads',
-                type: 'bar',
+              type: 'line',
-                tooltip: {
+              stack: 'Total',
-                  valueFormatter: function (value) {
+              data: [220, 182, 191, 234, 290, 330, 310]
-                    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: ' 门店货值',
+              name: 'Video Ads',
-                type: 'bar',
+              type: 'line',
-                tooltip: {
+              stack: 'Total',
-                  valueFormatter: function (value) {
+              data: [150, 232, 201, 154, 190, 330, 410]
-                    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: 'Direct',
-                ]
+              type: 'line',
+              stack: 'Total',
+              data: [320, 332, 301, 334, 390, 330, 320]
             },
             {
-                name: '帐户余额',
+              name: 'Search Engine',
-                type: 'bar',
+              type: 'line',
-                tooltip: {
+              stack: 'Total',
-                  valueFormatter: function (value) {
+              data: [820, 932, 901, 934, 1290, 1330, 1320]
-                    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: [
+    mounted() {
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+      this.$refs['btnbar'].setButtonList(this.btnList)
-                ]
     },
-              {
+    created() {
-                name: '借款金额',
+      this.loadList()
-                type: 'bar',
+    },
-                tooltip: {
+    methods: {
-                  valueFormatter: function (value) {
+      // 搜索条件效果
-                    return value + '元';
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
         }
       },
-                data: [
+      btnHandle(btnKey) {
-                  2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+        switch (btnKey) {
-                ]
+          case 'toAdd':
+            this.toAdd()
+            break
+          case 'doDel':
+            this.doDel()
+            break
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
       },
-              {
+      loadList() {
-                name: '阀值',
+        this.tableLoading = true
-                type: 'line',
+        let _this = this
-                yAxisIndex: 1,
+        req.listPage(_this.queryParams).then((resp) => {
-                tooltip: {
+          _this.tableLoading = false
-                  valueFormatter: function (value) {
+          if (resp.success) {
-                    return value + '%';
+            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
       },
-                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]
+      // 折线图初始化
+      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 = {
+          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)
       }
     }