no message

src/App.vue

@@ -228,7 +228,7 @@
 
 </script>
 <style>
-  @import "//at.alicdn.com/t/c/font_635492_z2m4iopdl1a.css";
+  @import "//at.alicdn.com/t/c/font_2077629_fcjjwy7e29k.css";
   @import "./assets/css/Semibold.css";
   @import "./assets/css/global/config.css";
   /* @import "./assets/css/fileIcon.css"; */

src/components/sale/sale.vue

 <style lang="less" scoped>
   @import "../../assets/css/main.less";
   @import "../../assets/css/home/Saleshomepage_1920.css";
-
+  .HiddenNum{
+    position: relative;
+    top: 13px;
+  }
   .saleChartCont {
     width: 100%;
     height: 95%;
@@ -74,12 +77,19 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.totalCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.totalCommission:'**'}}</span>
+                            <div style="width: 20px;height: auto; position: absolute;right: -30px;top: 15px; cursor: pointer;color: #232323;"
+                            @click.stop="isView=!isView">
+                              <el-icon class="iconfont"
+                              :class="[isView?'icon-view':'icon-yincang']"
+                              ></el-icon>
+                            </div>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.periodsName}}期<el-tag
                               v-if="data.peopelBonus" size="mini" type="danger" effect="dark"
-                              style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;">
-                              奖+{{data.peopelBonus}}</el-tag>
+                              style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
+                              :class="[isView?'':'HiddenNum']">
+                              奖+{{isView?data.peopelBonus:'**'}}</el-tag>
                           </p>
                         </div>
                         <div stye="font-size: 16px;color: #666666;display: block;display: inline-block;">
@@ -96,7 +106,7 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.gnSaleCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.gnSaleCommission:'**'}}</span>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.gnPeriodsName}}期</p>
                         </div>
@@ -109,7 +119,7 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.dxSaleCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.dxSaleCommission:'**'}}</span>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.dxPeriodsName}}期</p>
                         </div>
@@ -117,7 +127,6 @@
                           <span>历史单项提成</span>
                         </div>
                       </div>
-
                       <el-tooltip class="item" effect="dark" content="预期提成" placement="top">
                         <img src="../../assets/img/xiaosouYQ.png" @click="goAnticipate(4)"
                           style="width: 20px;height: auto; position: absolute;right: -0;top: -13px;cursor: pointer;color: #33B3FF;"></img>
@@ -590,6 +599,7 @@
   export default {
     data() {
       return {
+        isView: false,
         tichengDialog: false,
         PMMsg: {
           RB_Branch_Id: -1,

src/components/temp/operation.vue

@@ -2,7 +2,10 @@
   @import "../../assets/css/main.less";
   /* @import "../../assets/css/cssReset.css"; */
   @import "../../assets/css/home/Saleshomepage_1920.css";
-
+  .HiddenNum{
+    position: relative;
+    top: 13px;
+  }
   .saleChartCont {
     width: 100%;
     height: 95%;
@@ -279,12 +282,19 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.OPCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.OPCommission:'**'}}</span>
+                            <div style="width: 20px;height: auto; position: absolute;right: -30px;top: 15px; cursor: pointer;color: #232323;"
+                            @click.stop="isView=!isView">
+                              <el-icon class="iconfont"
+                              :class="[isView?'icon-view':'icon-yincang']"
+                              ></el-icon>
+                            </div>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.PeriodsName}}期<el-tag
                               v-if="data.PeopelBonus" size="mini" type="danger" effect="dark"
-                              style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;">
-                              奖+{{data.PeopelBonus}}</el-tag>
+                              style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;"
+                              :class="[isView?'':'HiddenNum']">
+                              奖+{{isView?data.PeopelBonus:'**'}}</el-tag>
                           </p>
                         </div>
                         <div stye="font-size: 16px;color: #666666;display: block;display: inline-block;">
@@ -296,7 +306,7 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.GNOPCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.GNOPCommission:'**'}}</span>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.GNPeriodsName}}期</p>
                         </div>
@@ -309,7 +319,7 @@
                         <div class="tc">
                           <p>
                             <span>￥</span>
-                            <span>{{data.DXOPCommission}}</span>
+                            <span :class="[isView?'':'HiddenNum']">{{isView?data.DXOPCommission:'**'}}</span>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.DXPeriodsName}}期</p>
                         </div>
@@ -609,6 +619,7 @@
   export default {
     data() {
       return {
+        isView: false,
         userInfo: {},
         isBranchCompany: false,
         isVisa: false,