From 3c6bdb6f439ff7af04765259fd6a91b6d201d095 Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期四, 19 六月 2025 17:12:25 +0800 Subject: [PATCH] 工单,数据中心用户查看数据的权限,合同考核每日,以及导出每日和按月 --- src/views/screen/components/screen-face/index.vue | 34 +++++++++++++++++++++------------- 1 files changed, 21 insertions(+), 13 deletions(-) diff --git a/src/views/screen/components/screen-face/index.vue b/src/views/screen/components/screen-face/index.vue index cf1a29a..8c1f54a 100644 --- a/src/views/screen/components/screen-face/index.vue +++ b/src/views/screen/components/screen-face/index.vue @@ -1,6 +1,6 @@ <template> <div class="face-container"> - <wrapper-title :title="'浜鸿劯璁惧鏁版嵁'"></wrapper-title> + <wrapper-title :title="'浜鸿劯璁惧鏁版嵁'" :path="'/monitorServe/face'"></wrapper-title> <div class="face-content"> <div class="data-plane"> @@ -11,7 +11,7 @@ </div> <div class="data-info"> <div class="data-lable">璁惧鎬绘暟</div> - <div class="data-num">{{ formatNumber(1123) }}</div> + <div class="data-num type1" v-roll>{{ 1123 }}</div> </div> </div> </dv-border-box-13> @@ -22,8 +22,8 @@ <img src="@/assets/images/screen/icon/icon2.png" alt="" class="width-img"> </div> <div class="data-info"> - <div class="data-lable">璁惧姝e父鏁�</div> - <div class="data-num">{{ formatNumber(200000) }}</div> + <div class="data-lable">姝e父鏁�</div> + <div class="data-num type2" v-roll>{{ 2000 }}</div> </div> </div> </dv-border-box-13> @@ -34,8 +34,8 @@ <img src="@/assets/images/screen/icon/icon2.png" alt="" class="width-img"> </div> <div class="data-info"> - <div class="data-lable">璁惧寮傚父鏁�</div> - <div class="data-num">{{ formatNumber(112313141111) }}</div> + <div class="data-lable">寮傚父鏁�</div> + <div class="data-num type3" v-roll>{{ 1000 }}</div> </div> </div> </dv-border-box-13> @@ -62,10 +62,6 @@ }, methods: { - - formatNumber(value) { - return new Intl.NumberFormat('en-US').format(value); - } }, mounted() { @@ -84,8 +80,10 @@ .face-content { flex: 1; - background: rgba(67, 102, 155, 0.3); - border: 1px solid rgba(47, 91, 157, 0.8); + background: url("../../../../assets/images/screen/cardBg.png"); + background-size: cover !important; + background-repeat: no-repeat !important; + background-position: center center !important; .plane { margin-bottom: 10px; @@ -113,6 +111,16 @@ font-size: 24px; color: #fff; } + + .type1 { + color: #287cfa; + } + .type2 { + color: #0cd81d; + } + .type3 { + color: #e20c0c + } } } } @@ -126,4 +134,4 @@ .width-img { width: 100%; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0