From f11031a094b467ac10383e0b82271e3a54bf1886 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 27 二月 2021 23:14:19 +0800
Subject: [PATCH] 首页模拟数据修改
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 124 +++++++++++++++++++++++++---------------
src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue | 16 ++--
src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue | 5 +
3 files changed, 88 insertions(+), 57 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue b/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
index 0a47b29..fe0780b 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
@@ -77,7 +77,8 @@
end: 70
}],
xAxis: {
- data: xAxisData
+ //data: xAxisData
+ data: ['02-22','02-23','02-24','02-25','02-26','02-27']
},
yAxis: {},
series: [{
@@ -93,7 +94,7 @@
y: encodeY
},
data: customData,
- z: 100
+ z: 1
}].concat(this.$echarts.util.map(dataList, function (data, index) {
return {
type: 'bar',
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index 7fd9603..705fdcf 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -13,7 +13,7 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">265</div>
+ <div class="val">245</div>
<div class="trend week-day-ratio">
<div class="week-ratio">
<span>鍛ㄥ悓姣�</span>
@@ -29,7 +29,7 @@
<div class="devide"></div>
<div class="detail">
<div class="name">鏃ュ潎闅愭偅浜嬩欢</div>
- <div class="specific">28</div>
+ <div class="specific">35</div>
</div>
</el-card>
<el-card>
@@ -39,14 +39,14 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">{{$numberFormat(8846)}}</div>
+ <div class="val">{{$numberFormat(735)}}</div>
<div class="trend">
<line-chart :options="optionsOfWeekAnalyze" style="height:50px"></line-chart>
</div>
<div class="devide"></div>
<div class="detail">
<div class="name">鏃ュ潎鍒嗘瀽閲�</div>
- <div class="specific">128</div>
+ <div class="specific">105</div>
</div>
</el-card>
<el-card>
@@ -56,12 +56,12 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">8846</div>
+ <div class="val">1025</div>
<div class="trend"></div>
<div class="devide"></div>
<div class="detail">
<div class="name">杞崲鐜�</div>
- <div class="specific">60%</div>
+ <div class="specific">100%</div>
</div>
</el-card>
<el-card>
@@ -71,7 +71,7 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">78%</div>
+ <div class="val">99%</div>
<div class="trend"></div>
<div class="devide"></div>
<div class="detail week-day-ratio">
@@ -147,7 +147,7 @@
<div class="lt">
<div class="chart-theme">涔樺姟鍛樻�讳汉鏁�</div>
<div class="sum">
- <span class="val">8846</span>
+ <span class="val">187</span>
<span class="ratio">17.1%</span>
</div>
<line-chart :options="optionsOfIrregularSum" style="height:70px"></line-chart>
@@ -155,18 +155,18 @@
<div class="gt">
<div class="chart-theme">浜哄潎杩濊娆℃暟</div>
<div class="sum">
- <span class="val">8846</span>
+ <span class="val">1.31</span>
</div>
<line-chart :options="optionsOfIrregularPer" style="height:70px"></line-chart>
</div>
</div>
<el-table class="thbg" :data="irregularTableData">
- <el-table-column label="鎺掑悕"></el-table-column>
- <el-table-column label="濮撳悕"></el-table-column>
- <el-table-column label="杩濊娆℃暟"></el-table-column>
- <el-table-column label="鍛ㄦ定骞�"></el-table-column>
+ <el-table-column label="鎺掑悕" type="index"></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>
- <el-pagination
+ <!-- <el-pagination
@size-change="handleTableSizeChange"
@current-change="renderIrregularMenTable"
:current-page.sync="PageIndex"
@@ -174,6 +174,15 @@
:page-sizes="pageSizes"
layout="total,sizes, prev, pager, next"
:total="tableTotal"
+ ></el-pagination> -->
+ <el-pagination
+ @size-change="handleTableSizeChange"
+ @current-change="renderIrregularMenTable"
+ :current-page.sync="PageIndex"
+ :page-size="PageSize"
+ :page-sizes="pageSizes"
+ layout="total,sizes, prev, pager, next"
+ :total="irregularTableData.length"
></el-pagination>
</div>
</div>
@@ -220,7 +229,7 @@
</div>
<div class="content">
<div class="indicator-title">鏈懆浠诲姟鎸囨淳閲�</div>
- <div class="indicator-val">8000</div>
+ <div class="indicator-val">742</div>
</div>
</div>
<div class="indicator">
@@ -229,7 +238,7 @@
</div>
<div class="content">
<div class="indicator-title">鍒嗘瀽閲�</div>
- <div class="indicator-val">8000</div>
+ <div class="indicator-val">735</div>
</div>
</div>
<div class="indicator lastOne">
@@ -238,7 +247,7 @@
</div>
<div class="content">
<div class="indicator-title">杩濊閲�</div>
- <div class="indicator-val">8000</div>
+ <div class="indicator-val">245</div>
</div>
</div>
</div>
@@ -480,7 +489,7 @@
name: '鏁伴噺',
type: 'bar',
barWidth: '24%',
- data: [270, 500, 300, 430, 620, 540]
+ data: [21, 102, 100, 1, 7, 14]
}
]
},
@@ -493,7 +502,7 @@
orient: 'vertical',
right: 10,
y: 'center',
- data: ['鏈福绗�', '鏈墜姣�', '鏈懠鍞�', '杩愯涓潯瑙�', '鏈鏌�', '鏈簲绛�']
+ data: ['寮犵', '鏉庡洓', '鐜嬩附', '椹畯瀹�', '鍒樹箖瓒�', '浣曞厜瀹�']
},
series: [
{
@@ -519,12 +528,12 @@
show: false
},
data: [
- { value: 270, name: '鏈福绗�' },
- { value: 500, name: '鏈墜姣�' },
- { value: 300, name: '鏈懠鍞�' },
- { value: 430, name: '杩愯涓潯瑙�' },
- { value: 620, name: '鏈鏌�' },
- { value: 540, name: '鏈簲绛�' },
+ { value: 270, name: '寮犵' },
+ { value: 500, name: '鏉庡洓' },
+ { value: 300, name: '鐜嬩附' },
+ { value: 430, name: '椹畯瀹�' },
+ { value: 620, name: '鍒樹箖瓒�' },
+ { value: 540, name: '浣曞厜瀹�' },
]
}
]
@@ -532,19 +541,39 @@
rankList: [{
id: 'jl',
name: '鏈鸿締鍒嗗叕鍙�',
- val: 324456
- }, {
- id: 'jg',
- name: '浜珮閾佽矾',
- val: 328356
+ val: 121
}, {
id: 'ztyj',
name: '涓搧涓�灞�',
- val: 4563356
- }, {
+ val: 52
+ },{
id: 'ztsj',
+ name: '涓搧鍥涘眬',
+ val: 40
+ },{
+ id: 'ztsanj',
name: '涓搧涓夊眬',
- val: 4563856
+ val: 38
+ },{
+ id: 'ztswj',
+ name: '涓搧鍗佷簲灞�',
+ val: 36
+ },{
+ id: 'ztslj',
+ name: '涓搧鍗佸叚灞�',
+ val: 33
+ },{
+ id: 'jtjw',
+ name: '浜搧鏈哄姟',
+ val: 24
+ },{
+ id: 'lhjw',
+ name: '璺崕鏈哄姟',
+ val: 15
+ },{
+ id: 'nhjw',
+ name: '鍗楃幆鏈哄姟',
+ val: 14
}],
optionsOfIrregularSum: {
animation: false,
@@ -637,7 +666,7 @@
}
]
},
- irregularTableData: [],
+ irregularTableData: [{name:'鍚村浗姊�',wg:2},{name:'鐜嬩粊鍏�',wg:1},{name:'缃楀厓鍙�',wg:1}],
PageIndex: 1,
PageSize: 5,
pageSizes: [5, 10],
@@ -692,18 +721,18 @@
}
]
},
- searchTaskAnalyzeTime: [],
+ searchTaskAnalyzeTime: [new Date(2021,1,22),new Date(2021,2,1)],
optionsOfTaskAnalyzeBar: {
color: ['#fbd438', '#4fcb74'],
dataset: {
source: [
- ['mon', 70, 30],
- ['tue', 30, 50],
- ['wed', 30, 60],
- ['thu', 40, 50],
- ['fri', 20, 30],
- ['sat', 30, 20],
- ['sun', 20, 40],
+ ['mon', 44, 83],
+ ['tue', 47, 83],
+ ['wed', 43, 85],
+ ['thu', 44, 85],
+ ['fri', 46, 80],
+ ['sat', 12, 40],
+ ['sun', 9, 34],
]
},
legend: {
@@ -764,11 +793,12 @@
]
},
taskAnalyzeCaseTableData: [
- { name: '鏉庢柉', rwl: 233, fxl: 214, pdwgl: 1354, pdwglv: '7%', wcl: '30%' },
- { name: '鐜嬩簲', rwl: 263, fxl: 234, pdwgl: 64, pdwglv: '8%', wcl: '100%' },
- { name: '澶╁ぉ', rwl: 213, fxl: 204, pdwgl: 654, pdwglv: '78%', wcl: '100%' },
- { name: '璧典附', rwl: 233, fxl: 204, pdwgl: 454, pdwglv: '79%', wcl: '100%' },
- { name: '鐜嬪啎', rwl: 253, fxl: 244, pdwgl: 454, pdwglv: '87%', wcl: '100%' }],
+ { 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%'}],
jsTreeNodes: [],
}
},
diff --git a/src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue b/src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue
index 9900f5e..553228f 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue
@@ -7,7 +7,7 @@
<div class="flex-box">
<div>
<div class="dimension">杩濊鐜�</div>
- <div class="dimension-val">{{slide.ratio}}</div>
+ <div class="dimension-val">{{slide.ratio}}%</div>
</div>
<div style="margin-left: 60px;">
<Pie :options="optOfPie(slide)" :pieW="70" :pieH="70"></Pie>
@@ -50,13 +50,13 @@
observeParents: true,
},
slides: [
- { id: 'jlfgs', name: '鏈洪噺鍒嗗叕鍙�', ratio: 82, },
- { id: 'ztyj', name: '涓搧涓�灞�', ratio: 78, },
- { id: 'ztsj', name: '涓搧涓夊眬', ratio: 45 },
- { id: 'ztsij', name: '涓搧鍥涘眬', ratio: 30 },
- { id: 'jtjw', name: '浜搧鏈哄姟', ratio: 30 },
- { id: 'ztwj', name: '涓搧浜斿眬', ratio: 30 },
- { id: 'jgjw', name: '浜珮鏈哄姟', ratio: 30 },
+ { id: 'jlfgs', name: '鏈洪噺鍒嗗叕鍙�', ratio: 1.5, },
+ { id: 'ztyj', name: '涓搧涓�灞�', ratio: 1.6, },
+ { id: 'ztsj', name: '涓搧涓夊眬', ratio: 1.2 },
+ { id: 'ztsij', name: '涓搧鍥涘眬', ratio: 1.3 },
+ { id: 'jtjw', name: '浜搧鏈哄姟', ratio: 0.2 },
+ { id: 'ztwj', name: '涓搧浜斿眬', ratio: 1.2 },
+ { id: 'jgjw', name: '浜珮鏈哄姟', ratio: 0.7 },
],
actSlide: ''
}
--
Gitblit v1.8.0