From 1ae471941bbdf9dde5dba668d33acf415fc6ec07 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 21 十月 2024 16:54:48 +0800
Subject: [PATCH] 最新版本541200007
---
admin/src/views/index.vue | 75 +++++++++++++++++++------------------
1 files changed, 39 insertions(+), 36 deletions(-)
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
index e223287..5ff323a 100644
--- a/admin/src/views/index.vue
+++ b/admin/src/views/index.vue
@@ -89,21 +89,10 @@
<div class="echart" id="echart1"></div>
</div>
<div class="list">
- <div class="item">
- <div class="icon"></div>
- <div class="text">璁垮</div>
- <div class="num">{{ headerData.inParkVisitUserNum }}</div>
- </div>
- <div class="item">
- <div :style="{ background: colors[0] }" class="icon"></div>
- <div class="text">鍐呴儴鍛樺伐</div>
- <div class="num">{{ headerData.todayInParkUserNum - headerData.inParkLwUserNum -
- headerData.inParkVisitUserNum }}</div>
- </div>
- <div class="item">
- <div :style="{ background: colors[1] }" class="icon"></div>
- <div class="text">闀挎湡鐩稿叧鏂�</div>
- <div class="num">{{ headerData.inParkLwUserNum }}</div>
+ <div class="item" v-for="item, i in manningRatio" :key="i">
+ <div :style="{ background: colors[i] }" class="icon"></div>
+ <div class="text">{{ item.name }}</div>
+ <div class="num">{{ item.value }}</div>
</div>
</div>
</div>
@@ -160,7 +149,7 @@
<div class="btn" v-permissions="['business:staging:query']" @click="handleDetail(item)">澶勭悊</div>
</div>
<div v-if="taskList.length == 0" class="empty">
- <img src="@/assets/images/default_nodata.png" alt="">
+ <img src="@/assets/images/default_homeimg.png" alt="">
</div>
</div>
</div>
@@ -189,9 +178,9 @@
<div class="btn" @click="departure(item.id)">绂诲満</div>
</div>
</div>
- </div>
+ </div>
<div v-if="warningList.length == 0" class="empty">
- <img src="@/assets/images/default_nodata.png" alt="">
+ <img src="@/assets/images/default_homeimg.png" alt="">
</div>
</div>
</div>
@@ -243,6 +232,7 @@
nowWeek: '',
headerData: {},
staticData: {},
+ manningRatio: [],
taskList: [],
taskTotal: 0,
warningList: [],
@@ -320,6 +310,12 @@
getWorkHead() {
getWorkbenchData({ queryType: 1 }).then(res => {
this.headerData = res || {}
+ let arr = []
+ arr.push({ name: '璁垮', value: this.headerData.inParkVisitUserNum })
+ arr.push({ name: '鍐呴儴鍛樺伐', value: this.headerData.todayInParkUserNum - this.headerData.inParkLwUserNum - this.headerData.inParkVisitUserNum })
+ arr.push({ name: '闀挎湡鐩稿叧鏂�', value: this.headerData.inParkLwUserNum })
+ arr.sort((a, b) => b.value - a.value)
+ this.manningRatio = arr
this.initEchart1()
})
},
@@ -340,7 +336,7 @@
})
},
- handleDetail (row) {
+ handleDetail(row) {
if (row.objType === 2) {
this.$refs.OperaDetailsWindow.open('鍏姟杞︾敵璇疯鎯�', { ...row, id: row.objId })
return
@@ -386,6 +382,9 @@
let that = this
const option = {
+ tooltip: {
+ trigger: 'item'
+ },
series: [
{
type: 'pie',
@@ -398,11 +397,12 @@
labelLine: {
show: false
},
- data: [
- { value: that.headerData.inParkVisitUserNum, name: '璁垮' },
- { value: that.headerData.todayInParkUserNum - that.headerData.inParkVisitUserNum - that.headerData.inParkLwUserNum, name: '鍐呴儴鍛樺伐' },
- { value: that.headerData.inParkLwUserNum, name: '闀挎湡鐩稿叧鏂�' }
- ]
+ data: that.manningRatio
+ // data: [
+ // { value: that.headerData.inParkVisitUserNum, name: '璁垮' },
+ // { value: that.headerData.todayInParkUserNum - that.headerData.inParkVisitUserNum - that.headerData.inParkLwUserNum, name: '鍐呴儴鍛樺伐' },
+ // { value: that.headerData.inParkLwUserNum, name: '闀挎湡鐩稿叧鏂�' }
+ // ]
}
]
}
@@ -479,7 +479,7 @@
formatter: function (params) {
return `
<div style="background-color: #15323f;margin: -12px;padding: 14px;border: 2px solid rgba(1,217,254,0.5);color: #fff;">
- <div>${params[0].name}鏃ュ娴�</div>
+ <div>${params[0].name}</div>
<div style="display: flex;align-items: center;">
<div style="width: 10px;height: 10px;border-radius: 50%;background-color: #6feef0;"></div>
<span style="margin-left: 6px;">${params[0].value}</span>
@@ -579,11 +579,11 @@
formatter: function (params) {
return `
<div style="background-color: #15323f;margin: -12px;padding: 14px;border: 2px solid rgba(1,217,254,0.5);color: #fff;">
- <div>${params[0].name}鏃ュ娴�</div>
+ <div>${params[0].name}</div>
<div style="display: flex;align-items: center;">
<div style="width: 10px;height: 10px;border-radius: 50%;background-color: #6feef0;"></div>
<span style="margin-left: 6px;">${params[0].value}</span>
- <div>浜�</div>
+ <div>杈�</div>
</div>
</div>
`
@@ -929,19 +929,21 @@
}
}
}
- .more{
+
+ .more {
cursor: pointer;
}
- .empty {
- height: 300px;
- display: flex;
- justify-content: center;
- align-items: center;
- img {
- width: 140px;
- }
+ .empty {
+ height: 300px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ img {
+ width: 140px;
}
+ }
}
.static_wrap {
@@ -979,6 +981,7 @@
display: flex;
justify-content: center;
align-items: center;
+ height: 100%;
.echart_wrap {
position: relative;
--
Gitblit v1.9.3