ソースを参照

首页数据统计显示隐藏

lilei 3 年 前
コミット
8bd0c4f705
1 ファイル変更122 行追加2 行削除
  1. 122 2
      src/views/Home.vue

+ 122 - 2
src/views/Home.vue

@@ -11,8 +11,42 @@
       </ul>
     </a-card>
     <!-- 数据看板 -->
-    <a-card v-if="$hasPermissions('M_homePage_data')" size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '0px'}">
-      <a-row>
+    <a-card
+      v-if="$hasPermissions('M_homePage_data')"
+      size="small"
+      :bordered="false"
+      class="page-cont"
+      :bodyStyle="{padding: '17px 30px 0'}">
+      <div style="font-size:16px;font-weight: 500;">
+        <span>数据概览</span>
+        <span
+          :title="!hiddenBizData?'隐藏':'显示'"
+          @click="hiddenBizData=!hiddenBizData"
+          style="margin-left: 10px;cursor: pointer;"
+        >
+          <svg
+            v-if="hiddenBizData"
+            t="1650362667217"
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="18432"
+            width="16"
+            height="16"><path d="M469.333333 681.386667c-36.053333-2.432-71.253333-8.533333-104.96-17.92l-69.802666 149.674666a42.368 42.368 0 0 1-56.533334 20.266667 42.666667 42.666667 0 0 1-20.821333-56.32l66.986667-143.658667a451.712 451.712 0 0 1-148.906667-112.682666 388.693333 388.693333 0 0 1-70.570667-119.338667 42.666667 42.666667 0 1 1 80.128-29.354667 303.445333 303.445333 0 0 0 55.210667 93.098667C270.634667 547.413333 383.018667 597.333333 505.728 597.333333c122.752 0 235.136-49.962667 305.706667-132.181333a303.445333 303.445333 0 0 0 55.210666-93.098667 42.666667 42.666667 0 0 1 80.128 29.354667 388.693333 388.693333 0 0 1-70.570666 119.338667 423.68 423.68 0 0 1-18.773334 20.48l104.362667 104.362666a42.666667 42.666667 0 0 1-0.298667 60.032 42.368 42.368 0 0 1-60.032 0.298667l-109.653333-109.653333c-20.48 14.08-42.24 26.581333-65.024 37.418666l66.901333 143.36a42.666667 42.666667 0 0 1-20.821333 56.362667 42.368 42.368 0 0 1-56.533333-20.266667l-69.717334-149.546666a520.533333 520.533333 0 0 1-91.946666 16.810666v130.645334A42.666667 42.666667 0 0 1 512 853.333333c-23.722667 0-42.666667-18.944-42.666667-42.24v-129.706666z" fill="#8a8a8a" p-id="18433"></path><path d="M176.128 524.373333a42.368 42.368 0 0 1 60.032 0.256 42.666667 42.666667 0 0 1 0.298667 60.074667l-121.216 121.216a42.368 42.368 0 0 1-60.074667-0.298667 42.666667 42.666667 0 0 1-0.298667-60.032l121.258667-121.258666z" fill="#8a8a8a" p-id="18434"></path></svg>
+          <svg
+            v-else
+            t="1650362825006"
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="21815"
+            width="16"
+            height="16"><path d="M512 209.403241c-201.731514 0-374.009206 125.476783-443.808922 302.596759 69.798692 177.119977 242.077408 302.596759 443.808922 302.596759 201.933105 0 374.010229-125.476783 443.808922-302.596759C886.009206 334.880023 713.933105 209.403241 512 209.403241zM512 713.731514c-111.355157 0-201.731514-90.375334-201.731514-201.731514s90.375334-201.731514 201.731514-201.731514 201.731514 90.375334 201.731514 201.731514S623.355157 713.731514 512 713.731514zM512 390.961296c-66.772776 0-121.038704 54.265928-121.038704 121.038704s54.265928 121.038704 121.038704 121.038704 121.038704-54.265928 121.038704-121.038704S578.772776 390.961296 512 390.961296z" p-id="21816" fill="#8a8a8a"></path></svg>
+        </span>
+      </div>
+      <a-row v-if="!hiddenBizData">
         <a-col :span="6">
           <div class="page-data-module">
             <div class="page-data-con">
@@ -109,6 +143,91 @@
           </div>
         </a-col>
       </a-row>
+      <a-row v-else>
+        <a-col :span="6">
+          <div class="page-data-module">
+            <div class="page-data-con">
+              <p class="page-data-tit">今日总单量(个)/总销售金额(元)</p>
+              <h3 class="page-data-num main-color">
+                ****
+              </h3>
+              <p class="page-data-item">
+                <span class="page-data-itemText">本周</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+              <p class="page-data-item">
+                <span class="page-data-itemText">本月</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+            </div>
+            <span class="page-data-line"></span>
+          </div>
+        </a-col>
+        <a-col :span="6">
+          <div class="page-data-module">
+            <div class="page-data-con">
+              <p class="page-data-tit">今日总采购单量(个)/总采购金额(元)</p>
+              <h3 class="page-data-num">
+                ****
+              </h3>
+              <p class="page-data-item">
+                <span class="page-data-itemText">本周</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+              <p class="page-data-item">
+                <span class="page-data-itemText">本月</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+            </div>
+            <span class="page-data-line"></span>
+          </div>
+        </a-col>
+        <a-col :span="6">
+          <div class="page-data-module">
+            <div class="page-data-con">
+              <p class="page-data-tit">客户总数(个)</p>
+              <h3 class="page-data-num">
+                ****
+              </h3>
+              <p class="page-data-item">
+                <span class="page-data-itemText">本周新增</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+              <p class="page-data-item">
+                <span class="page-data-itemText">30天内采购客户</span>
+                <span class="page-data-itemText">
+                  ****
+                </span>
+              </p>
+            </div>
+            <span class="page-data-line"></span>
+          </div>
+        </a-col>
+        <a-col :span="6">
+          <div class="page-data-module">
+            <div class="page-data-con">
+              <p class="page-data-tit">总库存(个)</p>
+              <h3 class="page-data-num" style="line-height: 36px;">
+                ****
+              </h3>
+              <p class="page-data-tit">库存总金额(元)</p>
+              <h3 class="page-data-num" style="line-height: 36px;margin: 0;">
+                ****
+              </h3>
+            </div>
+          </div>
+        </a-col>
+      </a-row>
     </a-card>
     <div>
       <a-row>
@@ -224,6 +343,7 @@ export default {
   data () {
     return {
       message: '欢迎登录' + process.env.VUE_APP_PRO_NAME,
+      hiddenBizData: true, // 隐藏数据概览
       openResetPwd: false, //  重置密码是否显示
       openNewProduct: false,
       onlineFalg: '1', // 上下线标识  1为上线,0为下线