From b35a46c502f4bcc22c75e9e3c7fd29af5b98d84b Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 05 三月 2025 16:06:54 +0800
Subject: [PATCH] 代码初始化
---
screen/src/views/TaskEfficiency.vue | 52 ++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 42 insertions(+), 10 deletions(-)
diff --git a/screen/src/views/TaskEfficiency.vue b/screen/src/views/TaskEfficiency.vue
index ccacc0f..2c6c0a1 100644
--- a/screen/src/views/TaskEfficiency.vue
+++ b/screen/src/views/TaskEfficiency.vue
@@ -65,7 +65,7 @@
<div class="list one-swiper">
<div class="swiper-wrapper">
<div class="line one-swiper-slide swiper-slide" v-for="item, i in dataList2" :key="i">
- <div class="top"><span v-if="i < 3">top</span>{{ i + 1 }}</div>
+ <div class="top" :class="{ top3: i < 3 }"><span v-if="i < 3">top</span>{{ i + 1 }}</div>
<div class="id_card">{{ item.platformName }}</div>
<div class="wrap">
<ChargeRate :rate="item.rate" />
@@ -129,7 +129,8 @@
</div>
</div>
<div class="center_box_bg">
- <img v-if="showWorkModal" class="point_icon" :style="{ left: workModalParam.left + 'px', top: workModalParam.top + 'px' }"
+ <img v-if="showWorkModal" class="point_icon"
+ :style="{ left: workModalParam.left + 'px', top: workModalParam.top + 'px' }"
src="@/assets/ani/apngb-animated.png" alt="">
<div class="work_modal" :style="{ left: workModalParam.left2 + 'px', top: workModalParam.top + 'px' }"
@click="showWorkModal = false" v-if="showWorkModal">
@@ -162,7 +163,7 @@
<div class="val">{{ workModalParam.finishTimeStr }}</div>
</div>
</div>
- <div class="modal_bg" v-if="showWorkModal" @click="showWorkModal = false"></div>
+ <div class="modal_bg" v-if="showWorkModal" @click="closeModal"></div>
</div>
<div class="center_box_two">
<div v-if="data4.videoIndexCodes && data4.videoIndexCodes.length > 0" class="videos">
@@ -342,6 +343,18 @@
show: false,
position: 'center'
},
+ tooltip: {
+ trigger: 'none'
+ },
+ emphasis: {
+ // 璁剧疆鎮诞鏃舵牱寮忎负绌�
+ scale: false, // 鍏抽棴鏀惧ぇ鏁堟灉
+ itemStyle: {
+ shadowBlur: 0, // 闃村奖妯＄硦搴︿负 0
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0)',
+ },
+ },
padAngle: 2,
itemStyle: {
borderRadius: 10
@@ -364,9 +377,9 @@
const option = {
grid: {
top: '32%',
- left: '0%',
+ left: '6%',
right: '7%',
- bottom: '0%',
+ bottom: '10%',
containLabel: true,
},
legend: {
@@ -418,8 +431,11 @@
name: '涓囨敮',
type: 'value',
axisLabel: {
- show: true,
- color: "#9eaaba",
+ color: '#869CC9'
+ },
+ nameTextStyle: {
+ color: '#869CC9',
+ padding: [0, 0, 0, 12] // 鍥涗釜鏁板瓧鍒嗗埆涓轰笂鍙充笅宸︿笌鍘熶綅缃窛绂�
},
axisLine: {
show: true,
@@ -751,7 +767,6 @@
i.finishTime = dayjs(i.finishTime).format('HH:mm')
return i
})
- console.log('dataList5', dataList5.value)
})
}
@@ -797,7 +812,15 @@
const platformClick = (val) => {
const index = pointList.findIndex(i => i.name == val.platformName)
workModalParam.value = { ...val, ...pointList[index], index: pointList }
+ if (workModalParam.value.workTime) {
+ workModalParam.value.workTime = workModalParam.value.workTime.replaceAll('m', '鍒嗛挓')
+ workModalParam.value.workTime = workModalParam.value.workTime.replaceAll('h', '灏忔椂')
+ }
showWorkModal.value = true
+}
+const closeModal = () => {
+ showWorkModal.value = false
+ workModalParam.value = {}
}
const loopFn2 = () => {
var newSwiper1 = new Swiper('.one-swiper', {
@@ -999,6 +1022,10 @@
margin-right: 10px;
}
+ .top3 {
+ box-shadow: inset 0px 0px 3px 0px #FEAF01;
+ }
+
.one-swiper-slide {
height: 40px !important;
}
@@ -1016,11 +1043,14 @@
.num {
font-weight: 500;
- width: 82px;
+ width: 88px;
text-align: right;
font-size: 13px;
color: #DBEAEA;
margin-left: 2px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.wrap {
@@ -1127,6 +1157,7 @@
padding: 22px 20px;
left: 850px;
top: 60px;
+ z-index: 99999999;
.head {
display: flex;
@@ -1185,7 +1216,8 @@
}
}
- .modal_bg{
+
+ .modal_bg {
position: fixed;
left: 0;
top: 0;
--
Gitblit v1.9.3