|
@@ -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为下线
|