From 72f553661a74b225c89310d3fb3d78f3ebe35f82 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 28 二月 2021 10:45:04 +0800
Subject: [PATCH] m朔黄首页模拟数据更新
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 102 insertions(+), 16 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index 705fdcf..c91051c 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -17,7 +17,7 @@
<div class="trend week-day-ratio">
<div class="week-ratio">
<span>鍛ㄥ悓姣�</span>
- <span class="triangle green"></span>
+ <span class="triangle red"></span>
<span>12%</span>
</div>
<div class="day-ratio">
@@ -82,7 +82,7 @@
</div>
<div class="day-ratio">
<span>鏃ョ幆姣�</span>
- <span class="triangle red"></span>
+ <span class="triangle green"></span>
<span>11%</span>
</div>
</div>
@@ -119,9 +119,9 @@
<div class="rt">
<div class="header">
<span class="title">閮ㄩ棬闅愭偅鏁伴噺鎺掑悕</span>
- <el-select v-if="hidDangerTab=='hidDanderStatistic'" size="small">
+ <!-- <el-select v-if="hidDangerTab=='hidDanderStatistic'" size="small">
<el-option>涓搧涓�灞�</el-option>
- </el-select>
+ </el-select> -->
</div>
<div class="rank-list">
<div class="rank-item" v-for="(rankItem,index) in rankList" :key="rankItem.id">
@@ -161,10 +161,10 @@
</div>
</div>
<el-table class="thbg" :data="irregularTableData">
- <el-table-column label="鎺掑悕" type="index"></el-table-column>
+ <el-table-column label="鎺掑悕" type="index" width="90"></el-table-column>
<el-table-column label="濮撳悕" prop="name"></el-table-column>
<el-table-column label="杩濊娆℃暟" prop="wg"></el-table-column>
- <el-table-column label="鍛ㄦ定骞�" prop="ratio"></el-table-column>
+ <!-- <el-table-column label="鍛ㄦ定骞�" prop="ratio"></el-table-column> -->
</el-table>
<!-- <el-pagination
@size-change="handleTableSizeChange"
@@ -205,8 +205,7 @@
<el-radio-button label="hc">浼氳溅</el-radio-button>
<el-radio-button label="lsmx">涓存椂鎱㈡��</el-radio-button>
</el-radio-group>
- <!-- <Pie :options="optionsOfIrregularEventPie"></Pie> -->
- <Pie :options="optionsOfHidDangerPie" style="padding-top:20px;"></Pie>
+ <Pie :options="optionsOfIrregularEventPie" style="padding-top:20px;"></Pie>
</div>
</div>
</div>
@@ -282,7 +281,7 @@
<time-shortcut @actPickerChange="partAssignstatics"></time-shortcut>
</div>
<div class="statics-content">
- <Pie :options="optionsOfHidDangerPie"></Pie>
+ <Pie :options="optionsOfTaskAssignPie"></Pie>
</div>
</div>
</div>
@@ -502,6 +501,51 @@
orient: 'vertical',
right: 10,
y: 'center',
+ data: ['鏈福绗�', '鏈墜姣�', '鏈懠鍞�', '杩愯涓潯瑙�', '鏈鏌�', '鏈簲绛�'],
+ },
+ series: [
+ {
+ name: '寮傚父浜嬩欢',
+ type: 'pie',
+ color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
+ radius: ['70%', '90%'],
+ //center: ['40%','60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: 'center',
+ formatter: '{b}\n{c} '
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '30',
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 21, name: '鏈福绗�' },
+ { value: 102, name: '鏈墜姣�' },
+ { value: 100, name: '鏈懠鍞�' },
+ { value: 1, name: '杩愯涓潯瑙�' },
+ { value: 7, name: '鏈鏌�' },
+ { value: 14, name: '鏈簲绛�' },
+ ]
+ }
+ ]
+ },
+ optionsOfTaskAssignPie: {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a}<br>{b}:{c} ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ right: 10,
+ y: 'center',
data: ['寮犵', '鏉庡洓', '鐜嬩附', '椹畯瀹�', '鍒樹箖瓒�', '浣曞厜瀹�']
},
series: [
@@ -673,7 +717,49 @@
tableTotal: 0,
irregularEventType: 'fhdd',
optionsOfIrregularEventPie: {
-
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a}<br>{b}:{c} ({d}%)'
+ },
+ legend: {
+ orient: 'vertical',
+ right: 10,
+ y: 'center',
+ data: ['闃叉姢鍦版', '杩涘嚭绔�', '杩囧垎鐩�', '浼氳溅', '涓存椂鎱㈡��']
+ },
+ series: [
+ {
+ name: '寮傚父浜嬩欢',
+ type: 'pie',
+ color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
+ radius: ['70%', '90%'],
+ //center: ['40%','60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: 'center',
+ formatter: '{b}\n{c} '
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '30',
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 270, name: '闃叉姢鍦版' },
+ { value: 500, name: '杩涘嚭绔�' },
+ { value: 300, name: '杩囧垎鐩�' },
+ { value: 430, name: '浼氳溅' },
+ { value: 620, name: '涓存椂鎱㈡��' },
+
+ ]
+ }
+ ]
},
searchTaskAssignTime: [],
optionsOfTaskAssign: {
@@ -793,12 +879,12 @@
]
},
taskAnalyzeCaseTableData: [
- { name: '寮犵', rwl: 127, fxl: 127, pdwgl: 44, pdwglv: '7%', wcl: '30%' },
- { name: '鏉庡洓', rwl: 130, fxl: 129, pdwgl: 47, pdwglv: '8%', wcl: '100%' },
- { name: '鐜嬩附', rwl: 128, fxl: 127, pdwgl: 43, pdwglv: '78%', wcl: '100%' },
- { name: '椹畯瀹�', rwl: 129, fxl: 125, pdwgl: 44, pdwglv: '79%', wcl: '100%' },
- { name: '鍒樹箖瓒�', rwl: 126, fxl: 126, pdwgl: 46, pdwglv: '87%', wcl: '100%' },
- { name: '浣曞厜瀹�', rwl: 112, fxl: 112, pdwgl: 12, pdwglv: '87%', wcl: '100%'}],
+ { name: '寮犵', rwl: 127, fxl: 127, pdwgl: 44, pdwglv: '34.65%', wcl: '100%' },
+ { name: '鏉庡洓', rwl: 130, fxl: 129, pdwgl: 47, pdwglv: '36.43%', wcl: '99.23%' },
+ { name: '鐜嬩附', rwl: 128, fxl: 127, pdwgl: 43, pdwglv: '33.86%', wcl: '99.22%' },
+ { name: '椹畯瀹�', rwl: 129, fxl: 125, pdwgl: 44, pdwglv: '35.2%', wcl: '96.90%' },
+ { name: '鍒樹箖瓒�', rwl: 126, fxl: 126, pdwgl: 46, pdwglv: '33.50%', wcl: '100%' },
+ { name: '浣曞厜瀹�', rwl: 112, fxl: 112, pdwgl: 12, pdwglv: '10.71%', wcl: '100%'}],
jsTreeNodes: [],
}
},
--
Gitblit v1.8.0