11

src/views/home/index.vue

@@ -5,6 +5,7 @@
       <div class="body-middle-left">
         <!-- 任务、消息、提醒、超期 -->
         <!-- <Panel :data-list="panelList" @click="gotoNewRw"></Panel> -->
+        <el-switch v-model="isShow" @change="changeSwitch"></el-switch>
         <div class="header">
           <div class="left">
             <img src="../../../public/img/8b2c7255e9b19c71d68b33a08f20f74.png" alt="">
@@ -82,25 +83,25 @@
             <el-row>
               <div style="display: flex;">
                   <h3>头寸</h3>
-                   <h3 style="margin-left: 30px;">{{position}}吨</h3>
+                   <h3 style="margin-left: 30px;">{{isShow?'***':position}}吨</h3>
               </div>
               <div class="content3">
                 <div class="left">
                   <!-- <img src="../../../public/img/1637204557176-s4AMbBA8.png" alt=""> -->
                   <span>实际库存</span>
-                  <span class="content3-number blue">{{physicalInventory}}</span>
+                  <span class="content3-number blue">{{isShow?'***':physicalInventory}}</span>
                   <span style="margin-top: 10px;">吨</span>
                 </div>
                 <div class="left">
                   <!-- <img src="../../../public/img/1637204557176-s4AMbBA8.png" alt=""> -->
                   <span>采购待执行（吨）</span>
-                  <span class="content3-number blue">{{procurementPending}}</span>
+                  <span class="content3-number blue">{{isShow?'***':procurementPending}}</span>
                   <span style="margin-top: 10px;">吨</span>
                 </div>
                 <div class="right">
                   <!-- <img src="../../../public/img/1637204768818-70JRjz0H.png" alt=""> -->
                   <span>销售待执行（吨）</span>
-                  <span class="content3-number yellow">{{salesPending}}</span>
+                  <span class="content3-number yellow">{{isShow?'***':salesPending}}</span>
                   <span style="margin-top: 10px;">吨</span>
                 </div>
               </div>
@@ -223,6 +224,7 @@
 
     data() {
       return {
+        isShow:false,
         physicalInventory :0,
         procurementPending:0,
         salesPending:0,
@@ -459,6 +461,13 @@
     },
     methods: {
       ...mapActions('user', ['toSetShow', 'changeVesslBank']),
+      changeSwitch(e){
+        debugger
+        console.log('eee')
+        console.log(e)
+        this.isSHow = e
+        this.initCharts()
+      },
       flushData(){
          gChartsData({
           compId: localStorage.getItem('ws-pf_compId'),
@@ -594,7 +603,20 @@
               // 圆环图各环节的颜色
               color = ['#75d1f4', '#3a3b40'];
               // 圆环图各环节的名称和值(系列中各数据项的名称和值)
-              data = [{
+              // if(this.isSHow){
+              //   data = [{
+              //   name: '已完成量',
+              //   value: '***',
+              //   type: '采购合同'
+              // }, {
+              //   name: '待完成量',
+              //   value: '***',
+              //   type: '采购合同'
+              // }]
+              // text = '合同总量'
+              // graphicText = ' \n\n总量合计\n\n***'
+              // }else{
+                data = [{
                 name: '已完成量',
                 value: Number(this.chartsData[i].biViewInfoList[0].count).toFixed(2),
                 type: '采购合同'
@@ -606,6 +628,8 @@
               text = '合同总量'
               formatter = '{b}{c}吨 </br> 占比{d}%'
               graphicText = ' \n\n总量合计\n\n' + Number(this.chartsData[i].total).toFixed(2)
+              // }
+           
 
               break;
             case 1:
@@ -2037,4 +2061,9 @@
     right: 10px;
     bottom: 10px;
   }
+  .el-switch{
+    position: fixed;
+    top: 10px;
+    left: 50%;
+  }
 </style>