From 85da22c4861736f7b0cabbc75daecbe4fea1bf80 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期日, 04 七月 2021 21:01:12 +0800
Subject: [PATCH] 周天更改
---
src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue | 639 +++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 549 insertions(+), 90 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
index e39e5bd..9075503 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue
@@ -13,11 +13,11 @@
<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>
- <span class="triangle green"></span>
+ <span class="triangle red"></span>
<span>12%</span>
</div>
<div class="day-ratio">
@@ -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:40px"></line-chart>
+ <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,14 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">8846</div>
- <div class="trend"></div>
+ <div class="val">{{$numberFormat(1025)}}</div>
+ <div class="trend">
+ <Bar :options="optionsOfTransferSumBar" style="height: 70px;"></Bar>
+ </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,8 +73,17 @@
<i class="el-icon-warning-outline"></i>
</span>
</div>
- <div class="val">78%</div>
- <div class="trend"></div>
+ <div class="val">99%</div>
+ <div class="trend">
+ <el-progress
+ class="defined-progress"
+ :percentage="99"
+ stroke-linecap="square"
+ color="#1890ff"
+ :stroke-width="14"
+ :show-text="false"
+ ></el-progress>
+ </div>
<div class="devide"></div>
<div class="detail week-day-ratio">
<div class="week-ratio">
@@ -82,20 +93,21 @@
</div>
<div class="day-ratio">
<span>鏃ョ幆姣�</span>
- <span class="triangle red"></span>
+ <span class="triangle green"></span>
<span>11%</span>
</div>
</div>
</el-card>
</div>
<div class="part">
- <div class="header-width-tab">
- <el-tabs class="tab-menu" v-model="hidDangerTab">
+ <div class="part-top">
+ <div class="header-width-tab">
+ <el-tabs class="tab-menu" v-model="actHiddanderTab" @tab-click="initTabContent">
<el-tab-pane label="闅愭偅浜嬩欢缁熻" name="hidDanderStatistic"></el-tab-pane>
<el-tab-pane label="闅愭偅浜嬩欢瓒嬪娍" name="hidDanderTrend"></el-tab-pane>
</el-tabs>
<div class="rt">
- <time-shortcut @actPickerChange="timeShortChange"></time-shortcut>
+ <time-shortcut actPicker="week" @actPickerChange="timeShortChange"></time-shortcut>
<el-date-picker
v-model="searchHidDanderTime"
type="datetimerange"
@@ -109,28 +121,55 @@
</div>
<div class="statics">
<div class="lt">
- <el-radio-group v-model="actHidDanderChart" size="mini">
- <el-radio-button label="bar">鏌辩姸鍥�</el-radio-button>
- <el-radio-button label="pie">楗煎浘</el-radio-button>
- </el-radio-group>
- <Bar :options="optionsOfHidDangerBar" v-show="actHidDanderChart=='bar'"></Bar>
- <Pie :options="optionsOfHidDangerPie" v-show="actHidDanderChart=='pie'"></Pie>
+ <template v-if="actHiddanderTab == 'hidDanderStatistic'">
+ <el-radio-group v-model="actHidDanderStatiscChart" size="mini">
+ <el-radio-button label="bar">鏌辩姸鍥�</el-radio-button>
+ <el-radio-button label="pie">楗煎浘</el-radio-button>
+ </el-radio-group>
+ <Bar
+ :options="optionsOfHidDangerBar"
+ v-if="actHidDanderStatiscChart=='bar'"
+ ></Bar>
+ <Pie
+ :options="optionsOfHidDangerPie"
+ v-if="actHidDanderStatiscChart=='pie'"
+ ></Pie>
+ </template>
+ <template v-if="actHiddanderTab == 'hidDanderTrend'">
+ <el-radio-group v-model="actHidDanderTrendChart" size="mini">
+ <el-radio-button label="line">鎶樼嚎鍥�</el-radio-button>
+ <el-radio-button label="pie">楗煎浘</el-radio-button>
+ </el-radio-group>
+ <line-chart
+ :options="optionsOfHidDangerTrend"
+ v-if="actHidDanderTrendChart=='line'"
+ style="height:350px"
+ ></line-chart>
+ <Pie
+ :options="optionsOfHidDangerTrendPie"
+ v-if="actHidDanderTrendChart=='pie'"
+ ></Pie>
+ </template>
</div>
<div class="rt">
<div class="header">
<span class="title">閮ㄩ棬闅愭偅鏁伴噺鎺掑悕</span>
- <el-select v-if="hidDangerTab=='hidDanderStatistic'" size="small">
+ <!-- <el-select v-if="actHiddanderTab=='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" >
- <span class="rank-index" :class="{'first':index==0,'second':index==1,'third':index==2}">{{index+1}}</span>
+ <div class="rank-item" v-for="(rankItem,index) in rankList" :key="rankItem.id">
+ <span
+ class="rank-index"
+ :class="{'first':index==0,'second':index==1,'third':index==2}"
+ >{{index+1}}</span>
<span class="name">{{rankItem.name}}</span>
<span class="val">{{rankItem.val}}</span>
</div>
</div>
</div>
+ </div>
</div>
<div class="statics flex-box">
<div class="lt">
@@ -144,7 +183,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>
@@ -152,18 +191,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" 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>
- <el-pagination
+ <!-- <el-pagination
@size-change="handleTableSizeChange"
@current-change="renderIrregularMenTable"
:current-page.sync="PageIndex"
@@ -171,6 +210,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>
@@ -182,20 +230,24 @@
<time-shortcut @actPickerChange="irregularEventStatistic"></time-shortcut>
</div>
<div class="statics-content">
- <el-radio-group v-model="irregularEventType" @change="checkIrregularEventType" size="small">
+ <el-radio-group
+ v-model="irregularEventType"
+ @change="checkIrregularEventType"
+ size="small"
+ >
<el-radio-button label="fhdd">闃叉姢鍦版</el-radio-button>
<el-radio-button label="jcz">杩涘嚭绔�</el-radio-button>
<el-radio-button label="gfx">杩囧垎鐩�</el-radio-button>
<el-radio-button label="hc">浼氳溅</el-radio-button>
- <el-radio-button label="lsmx">涓存椂鎱㈡��</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>
</div>
- <div class="part">
+ <div class="part-bottom" >
<div class="tab-swiper">
<swipe-tabs @checkTab="checkTabInSwipe"></swipe-tabs>
</div>
@@ -213,7 +265,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">
@@ -222,7 +274,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">
@@ -231,7 +283,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>
@@ -266,7 +318,7 @@
<time-shortcut @actPickerChange="partAssignstatics"></time-shortcut>
</div>
<div class="statics-content">
- <Pie :options="optionsOfHidDangerPie"></Pie>
+ <Pie :options="optionsOfTaskAssignPie"></Pie>
</div>
</div>
</div>
@@ -307,13 +359,13 @@
<el-table-column prop="rwl" label="浠诲姟閲�"></el-table-column>
<el-table-column prop="fxl" label="鍒嗘瀽閲�"></el-table-column>
<el-table-column prop="pdwgl" label="鍒ゅ畾杩濊閲�"></el-table-column>
- <el-table-column prop="wgl" label="鍒ゅ畾杩濊鐜�"></el-table-column>
+ <el-table-column prop="pdwglv" label="鍒ゅ畾杩濊鐜�"></el-table-column>
<el-table-column prop="wcl" label="瀹屾垚鐜�"></el-table-column>
</el-table>
</div>
<div class="flex-end">
- <el-pagination
+ <!-- <el-pagination
@size-change="handleTableSizeChange"
@current-change="renderIrregularMenTable"
:current-page.sync="PageIndex"
@@ -321,6 +373,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="taskAnalyzeCaseTableData.length"
></el-pagination>
</div>
</div>
@@ -340,18 +401,46 @@
import DatasetChart from './charts/dataset';
export default {
components: { timeShortcut, Bar, Pie, LineChart, SwipeTabs, DatasetChart },
+ mounted () {
+ let tempArr = [{
+ "text": "Same but with checkboxes",
+ "children": [
+ {
+ "text": "initially selected",
+ "selected": true
+ }
+ ]
+ }];
+ for (var i = 0; i < 20; i++) {
+ tempArr[0].children.push({
+ "text": "initially open",
+ "icon": "fa fa-folder icon-state-default",
+ "opened": true,
+ "children": [
+ {
+ "text": "Another node"
+ }
+ ]
+ })
+ }
+ tempArr.forEach(node => {
+ //if(node.children.length)
+
+ })
+ this.jsTreeNodes = tempArr
+ },
data () {
return {
- //actCardTab: 'dataStatistic',
- actCardTab: 'taskStatistic',
- hidDangerTab: 'hidDanderStatistic',
- optionsOfWeekAnalyze:{
+ actCardTab: 'dataStatistic',
+ //actHiddanderTab: 'hidDanderStatistic',
+ optionsOfWeekAnalyze: {
animation: false,
grid: {
top: 0,
left: 0,
right: 0,
bottom: 10,
+ //containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -380,7 +469,7 @@
},
series: [
{
- data: [820, 932, 901, 934, 1290, 1330, 1320],
+ data: [100, 103, 101, 107, 104, 111, 109],
type: 'line',
smooth: true,
areaStyle: {
@@ -390,8 +479,54 @@
}
]
},
+ optionsOfTransferSumBar: {
+ color: ['#3ba1ff'],
+ grid: {
+ top: 0,
+ left: 10,
+ right: 10,
+ bottom: 30,
+ //containLabel: true
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'cross',
+ label: {
+ backgroundColor: '#6a7985'
+ }
+ }
+ },
+ xAxis: {
+ show: false,
+ type: 'category',
+ boundaryGap: false,
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ label: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ show: false,
+ boundaryGap: [0, '45%'],
+ label: {
+ show: false
+ }
+ },
+ series: [
+ {
+ name: '鏁伴噺',
+ type: 'bar',
+ barWidth: '24%',
+ data: [123, 120, 157, 140, 147, 172, 166]
+ }
+ ]
+ },
searchHidDanderTime: [],
- actHidDanderChart: 'bar',
+ actHiddanderTab: 'hidDanderStatistic',
+ actHidDanderStatiscChart: 'bar',
+ actHidDanderTrendChart: 'line',
optionsOfHidDangerBar: {
color: ['#9ed2f5'],
tooltip: {
@@ -435,8 +570,103 @@
{
name: '鏁伴噺',
type: 'bar',
- barWidth: '24%',
- data: [270, 500, 300, 430, 620, 540]
+ barWidth: '60%',
+ data: [{value:21,itemStyle:{color:'#3aa0ff'}},{value:102,itemStyle:{color:'#36cbcb'}},{value:100,itemStyle:{color:'#4dcb73'}},{value:1,itemStyle:{color:'#fad337'}},{value:7,itemStyle:{color:'#f2637b'}}, {value:14,itemStyle:{color:'#975fe4'}}]
+ }
+ ]
+ },
+ optionsOfHidDangerTrend: {
+ grid: {
+ top: 40,
+ left: 10,
+ right: 10,
+ containLabel: true,
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'cross',
+ label: {
+ backgroundColor: '#6a7985'
+ }
+ }
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ label: {
+ show: false
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLine: {
+ show: false
+ },
+ label: {
+ show: false
+ }
+ },
+ series: [
+ {
+ data: [83, 83, 85, 85, 80, 40, 30],
+ type: 'line',
+ color: '#5dbafd',
+ symbolSize: 10,
+ symbol: 'circle',
+ lineStyle: {
+ color: '#61b4ff',
+ width: 2,
+ },
+ itemStyle: {
+ color: '#98d87d'
+ }
+ }
+ ]
+ },
+ optionsOfHidDangerTrendPie: {
+ 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: ['50%', '80%'],
+ //center: ['40%','60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ // position: 'center',
+ formatter: '{b}\n{c} '
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '20',
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 83, name: '鏈福绗�' },
+ { value: 83, name: '鏈墜姣�' },
+ { value: 85, name: '鏈懠鍞�' },
+ { value: 80, name: '杩愯涓潯瑙�' },
+ { value: 40, name: '鏈鏌�' },
+ { value: 30, name: '鏈簲绛�' },
+ ]
}
]
},
@@ -449,7 +679,7 @@
orient: 'vertical',
right: 10,
y: 'center',
- data: ['鏈福绗�', '鏈墜姣�', '鏈懠鍞�', '杩愯涓潯瑙�', '鏈鏌�', '鏈簲绛�']
+ data: ['鏈福绗�', '鏈墜姣�', '鏈懠鍞�', '杩愯涓潯瑙�', '鏈鏌�', '鏈簲绛�'],
},
series: [
{
@@ -475,12 +705,57 @@
show: false
},
data: [
- { value: 270, name: '鏈福绗�' },
- { value: 500, name: '鏈墜姣�' },
- { value: 300, name: '鏈懠鍞�' },
- { value: 430, name: '杩愯涓潯瑙�' },
- { value: 620, name: '鏈鏌�' },
- { value: 540, name: '鏈簲绛�' },
+ { 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: [
+ {
+ 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: 127, name: '寮犵' },
+ { value: 130, name: '鏉庡洓' },
+ { value: 128, name: '鐜嬩附' },
+ { value: 129, name: '椹畯瀹�' },
+ { value: 126, name: '鍒樹箖瓒�' },
+ { value: 112, name: '浣曞厜瀹�' },
]
}
]
@@ -488,19 +763,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,
@@ -508,6 +803,7 @@
top: 0,
left: 0,
bottom: 10,
+ containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -553,6 +849,7 @@
top: 0,
left: 0,
bottom: 10,
+ containLabel: true
},
tooltip: {
trigger: 'axis',
@@ -591,14 +888,67 @@
}
]
},
- irregularTableData: [],
+ irregularTableData: [{ name: '鍚村浗姊�', wg: 2 }, { name: '鐜嬩粊鍏�', wg: 1 }, { name: '缃楀厓鍙�', wg: 1 }],
PageIndex: 1,
PageSize: 5,
pageSizes: [5, 10],
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: ['50%', '80%'],
+ //center: ['40%','60%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ // position: 'center',
+ formatter: '{b}\n{c} '
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '20',
+ fontWeight: 'bold'
+ }
+ },
+ itemStyle:{
+ normal:{
+ label:{
+ show:true,
+ formatter: '{b}\n{c} ',
+ labelLine:{
+ show:true
+ }
+ }
+ }
+ },
+ // labelLine: {
+ // show: false
+ // },
+ data: [
+ { value: 32, name: '闃叉姢鍦版' },
+ { value: 55, name: '杩涘嚭绔�' },
+ { value: 42, name: '杩囧垎鐩�' },
+ { value: 96, name: '浼氳溅' },
+ { value: 20, name: '涓存椂鎱㈣' },
+ ]
+ }
+ ]
},
searchTaskAssignTime: [],
optionsOfTaskAssign: {
@@ -646,18 +996,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: {
@@ -717,15 +1067,29 @@
}
]
},
- taskAnalyzeCaseTableData: []
+ taskAnalyzeCaseTableData: [
+ { 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: [],
}
},
methods: {
- checkTabInSwipe(tab){
- debugger
+ initTabContent(tab){
+ if(tab.name == "hidDanderStatistic"){
+ this.actHidDanderStatiscChart = 'bar'
+ }else{
+ this.actHidDanderTrendChart = 'line'
+ }
},
- checkIrregularEventType(type){
- debugger
+ checkTabInSwipe (tab) {
+
+ },
+ checkIrregularEventType (type) {
+
},
taskAnalyzeCase (time) {
@@ -755,14 +1119,64 @@
}
},
- mounted(){
- debugger
- }
+
}
+
+
+
+// title : {
+// /* text: '鏌愮珯鐐圭敤鎴疯闂潵婧�',
+// subtext: '绾睘铏氭瀯',
+// x:'center'*/
+// },
+// tooltip : {
+// trigger: 'item',
+// formatter: "{a} <br/>{b} : {c} ({d}%)"
+// },
+// legend: {
+// orient: 'vertical',
+// left: 'right',
+// bottom:'80px',
+// data: ['浼佷笟','涓綋','绀句細缁勭粐','浜嬩笟鍗曚綅','鏈哄叧鍗曚綅','鍏朵粬']
+// },
+// series : [
+// {
+// name: '鍗犳瘮鎯呭喌',
+// type: 'pie',
+// radius : '55%',
+// center: ['40%', '60%'],
+// data: data,
+// /*鍦╯eries涓坊鍔爄temStyle鍗冲彲鐩磋鏄剧ず楗煎瀷鏁板��*/
+// itemStyle:{
+// normal:{
+// label:{
+// show: true,
+// formatter: '{b} : {c} ({d}%)'
+// },
+// labelLine :{show:true}
+// }
+// }
+// }
+// ]
+
+// };
+// myChart_qyhhmd.setOption(option,true)
</script>
<style lang="scss">
+
.guide-index {
+ background-color: #f0f2f5;
+ .tab-menu {
+ background-color: #fff;
+ height: 60px;
+ }
+ .el-progress-bar__outer {
+ border-radius: 2px;
+ }
+ .el-progress-bar__inner {
+ border-radius: 2px;
+ }
.triangle {
width: 0;
height: 0;
@@ -780,6 +1194,27 @@
border-right-color: transparent;
}
}
+ .defined-progress{
+ position: relative;
+ &:before{
+ content: '';
+ position: absolute;
+ width: 2px;
+ height: 4px;
+ background: #1890ff;
+ top: -6px;
+ right: -5px;
+ }
+ &:after{
+ content: '';
+ position: absolute;
+ width: 2px;
+ height: 4px;
+ background: #1890ff;
+ bottom: -6px;
+ right: -5px;
+ }
+ }
.tab-menu {
.el-tabs__item {
padding: 0 30px !important;
@@ -788,10 +1223,14 @@
}
}
.tab-content {
+ // padding: 18px 12px;
padding: 20px;
+
.card-view {
display: flex;
- margin-right: -20px;
+ margin-right: -20px;
+
+ // margin-left: -2px;
.el-card {
flex: 1;
margin-right: 20px;
@@ -848,21 +1287,37 @@
}
}
.part {
- padding: 20px 0;
+ padding:20px 0;
margin-bottom: 20px;
+ .part-top{
+ background-color: #fff;
+ }
+ .part-bottom{
+ background-color: #fff;
+ // padding: 0 30px 30px 30px;
+ padding: 0 0 25px 0;
+
+ .tab-detail{
+ margin: 0 25px;
+ }
+ }
.header-width-tab {
display: flex;
justify-content: space-between;
+ margin-bottom: 12px;
+
.rt {
display: flex;
padding-top: 20px;
+ margin-right: 25px;
+
}
}
.statics {
display: flex;
- padding: 0 10px;
+ // padding: 0 10px;
min-height: 400px;
- margin-bottom: 30px;
+ margin-bottom: 20px;
.statics-header {
height: 50px;
display: flex;
@@ -903,10 +1358,15 @@
.lt {
text-align: left;
flex: 1;
- padding-right: 40px;
+ padding: 3px 15px 15px 18px;
+ background-color: #fff;
+ margin-right: 18px;
+
}
.rt {
text-align: left;
+ background-color: #fff;
+ padding: 3px 15px 15px 18px;
width: 400px;
.header {
display: flex;
@@ -964,12 +1424,11 @@
.gt {
flex: 1;
width: auto;
- //padding: 0 20px;
}
}
.tab-swiper {
- width: calc(100vw - 340px);
- margin-bottom: 20px;
+ width: calc(100vw - 367px);
+ margin: 0 0 20px 20px;
}
}
.general-view {
--
Gitblit v1.8.0