From 801770456ae3750a44e0989b0025a98ccbad24e6 Mon Sep 17 00:00:00 2001
From: bob <bob.zhang@highdatas.com>
Date: 星期四, 13 八月 2020 17:13:53 +0800
Subject: [PATCH] 最新
---
src/views/Overview.vue | 114 ++++++++++++++++++++++++++++++++-------------------------
1 files changed, 64 insertions(+), 50 deletions(-)
diff --git a/src/views/Overview.vue b/src/views/Overview.vue
index ab7a7cd..5183399 100644
--- a/src/views/Overview.vue
+++ b/src/views/Overview.vue
@@ -1,34 +1,34 @@
<template>
- <div class="class_overview">
+ <div class="class_overview" >
<div style="float: left; width: 100%; height: 50px;">
<span>璇烽�夋嫨椤圭洰锛�</span>
- <el-select @change="selectChange_" filterable v-model="value" placeholder="璇烽�夋嫨" size="small">
+ <el-select @change="selectChange_" filterable v-model="value" placeholder="璇烽�夋嫨" size="small">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
- <div style="float: left; margin-left: 1%; width: 69%; height: 70vh; ">
- <div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 43%; border: 1px solid #e4eef9;">
+ <div style="float: left; margin-left: 1%; width: 69%; height: 75vh; ">
+ <div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 58%; border: 1px solid #e4eef9;">
<div id="myChart" :style="{width: '100%', height: '100%'}"></div>
</div>
- <div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 43%; border: 1px solid #e4eef9;overflow: auto;padding: 5px;">
- <el-timeline :reverse="reverse">
+ <div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 58%; border: 1px solid #e4eef9;overflow: auto;padding: 5px;">
+ <el-timeline style="margin-top: 30px;">
<el-timeline-item v-for="(deal, index) in deals" :key="index" :timestamp="deal.createTime">
{{deal.desp}}
</el-timeline-item>
</el-timeline>
</div>
- <div class="z_shadow" style="float: left; margin: 10px; width: 46%; height: 43%; border: 1px solid #e4eef9;">
+ <div class="z_shadow" style="float: left; margin: 10px; width: 46%; height: 33%; border: 1px solid #e4eef9;">
<el-row :gutter="20">
<el-col :span="6" v-for="(oneUser, index) in userList" :key="index"><div class="grid-content bg-purple">
<i class="el-icon-user-solid"></i>
<span>{{oneUser.name}}</span></div></el-col>
</el-row>
</div>
- <div class="z_shadow" style="float: left; margin: 10px; padding: 10px; box-sizing: border-box; width: 46%; height: 43%; border: 1px solid #e4eef9;">
+ <div class="z_shadow" style="float: left; margin: 10px; padding: 10px; box-sizing: border-box; width: 46%; height: 33%; border: 1px solid #e4eef9;">
<h3 style="margin: 0px;">鏂囨。搴�</h3>
<div class="files_div">
<div style="width: 0px; height: 0px;">
@@ -46,10 +46,10 @@
</div>
</div>
</div>
- <div class="z_shadow" style="float: right; margin-right: 1%; padding: 10px; box-sizing: border-box; width: 28%; height: 70vh; border: 1px solid #e4eef9; overflow: auto;">
- <h3 style="margin: 0px;">椤圭洰姒傝</h3>
+ <div class="z_shadow" style="float: right; margin-right: 1%; padding: 10px; box-sizing: border-box; width: 28%; height: 75vh; border: 1px solid #e4eef9; overflow: auto;">
+ <h3 style="margin: 0px;">椤圭洰姒傝({{usedCnt}}/{{totalCnt}})</h3>
<div v-for="(type_itm, k_) in task_itm" :key="k_">
- <h3>{{k_+1}}銆亄{type_itm.name}} <span style="font-size: 12px; color: #409EFF;">{{type_itm.state}} </span></h3>
+ <h3>{{k_+1}}銆亄{type_itm.name}} ({{type_itm.usedCnt}}/{{type_itm.totalCnt}})<span style="font-size: 12px; color: #409EFF;">{{type_itm.state}} </span></h3>
<div>
<span>{{type_itm.desp}}</span>
</div>
@@ -70,7 +70,8 @@
dialog_1: false,
fileLevel: 0,
fileList: [],
-
+ usedCnt: 0,
+ totalCnt: 0,
task_itm: [
],
@@ -82,24 +83,9 @@
mounted() {
this.initSelect();
this.myChart = this.$echarts.init(document.getElementById('myChart'))
- let fileList1 = [{
- name: "鏂囦欢鍚嶇О1",
- type: "isfile",
- path: ""
- },
- {
- name: "鏂囦欢鍚嶇О2",
- type: "isfile",
- path: ""
- },
- {
- name: "鏂囦欢澶瑰悕绉�",
- type: "isfiles",
- path: ""
- },
- ];
+ let fileList1 = [];
this.fileList = fileList1;
- this.initChart();
+ //this.initChart();
},
methods: {
@@ -107,11 +93,14 @@
var me = this;
this.$axios.get("/api/scheme/all")
.then(data_ => {
- console.log(data_);
if (data_.data.success) {
me.options = [];
var datas = data_.data.data;
datas.forEach(function(one) {
+ if (!me.value) {
+ me.value = one.id;
+ }
+
var item = {
value: one.id,
label: one.name
@@ -119,13 +108,13 @@
me.options.push(item);
});
}
+ me.selectChange_();
}).catch(error => {
- console.log(error);
})
},
file_click(file) {
if (!file.file) {
-
+
let url = "/api/file/child" ;
this.$axios.get(url,{
params:{
@@ -133,7 +122,7 @@
}
})
.then(data_ => {
- console.log(data_);
+
if (data_.data.success) {
var datas = data_.data.data;
@@ -144,8 +133,8 @@
this.fileLevel++;
}
+
}).catch(error => {
- console.log(error);
})
} else {
@@ -169,7 +158,6 @@
}
})
.then(data_ => {
- console.log(data_);
if (data_.data.success) {
var datas = data_.data.data;
@@ -177,7 +165,6 @@
this.fileLevel--;
}
}).catch(error => {
- console.log(error);
})
},
@@ -187,15 +174,21 @@
},
selectChange_(val) {
let me = this;
+ const loading = this.$loading({
+ lock: true,
+ text: '姝ｅ湪鍔犺浇鏁版嵁',
+ });
let url = "/api/scheme/getSchemeInfo/" + this.value;
this.$axios.get(url, {
}).then(data_ => {
- console.log(data_);
if (data_.data.success) {
+ window.console.log(data_);
let result = data_.data.data;
me.initChart(result.option);
me.userList = result.users;
+ me.usedCnt = result.usedCnt;
+ me.totalCnt = result.totalCnt;
result.paths = result.paths.map(el => {
el.path = decodeURI(el.path);
return el;
@@ -226,9 +219,10 @@
me.fileList = result.paths;
me.task_itm = result.scheme;
me.deals = result.record;
+ loading.close();
}
}).catch(error => {
- console.log(error);
+ loading.close();
})
},
@@ -237,8 +231,8 @@
backgroundColor: '#FFF',
grid: {
top: '12%',
- bottom: '19%',
- left: '8%',
+ bottom: '18%',
+ left: '12%',
right: '8%'
},
tooltip: {
@@ -268,9 +262,10 @@
show: false,
alignWithLabel: true
},
- data: [
- '12-3', '12-4', '12-5', '12-6', '12-7', '12-8', '12-9', '12-10', '12-11'
- ]
+ data: datas.xAxis,
+ // [
+ // '12-3', '12-4', '12-5', '12-6', '12-7', '12-8', '12-9', '12-10', '12-11'
+ // ]
},
yAxis: {
axisLine: {
@@ -293,6 +288,21 @@
}
}
},
+ dataZoom: [{
+ "show": true,
+ "height": 16,
+ "xAxisIndex": [0],
+ bottom:'3%',
+ "start": 0,
+ "end": 30,
+ handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
+ handleSize: '110%',
+ handleStyle:{
+ color:"#d3dee5",
+ },
+ textStyle:{ color:"#fff"},
+ borderColor:"#90979c"
+ }],
series: [{
name: "瀹為檯",
type: 'line',
@@ -346,9 +356,10 @@
}
}
},
- data: [
- 20, 18, 17, 10, 7, 4,
- ]
+ data: datas.yAxis2,
+ // [
+ // 20, 18, 17, 10, 7, 4,
+ // ]
},
{
name: "鍙傝��",
@@ -390,10 +401,11 @@
}
},
- data: [
- 20, 17.5, 15, 12.5, 10,
- 7.5, 5, 2.5, 0
- ]
+ data: datas.yAxis1,
+ // [
+ // 20, 17.5, 15, 12.5, 10,
+ // 7.5, 5, 2.5, 0
+ // ]
}
]
});
@@ -412,6 +424,8 @@
.files_div {
height: 90%;
+ margin-top: 10px;
+ margin-left: 10px;
overflow: auto;
}
--
Gitblit v1.8.0