From b5d1ece6b5e20fb5e03ac313542a1a408db8fce3 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 06 五月 2023 13:05:16 +0800
Subject: [PATCH] 1.系统首页优化
---
src/views/xtsy/index.vue | 98 ++++++++++++++++----------------
vue.config.js | 4
src/views/jcsz/jsqd.vue | 28 +++++----
src/views/kb/zhkbc.vue | 16 ++--
src/views/kb/zhkb.vue | 16 ++--
src/utils/myEcharts.js | 4
6 files changed, 84 insertions(+), 82 deletions(-)
diff --git a/src/utils/myEcharts.js b/src/utils/myEcharts.js
index 39b9c28..a8ad846 100644
--- a/src/utils/myEcharts.js
+++ b/src/utils/myEcharts.js
@@ -308,9 +308,9 @@
}
},
yAxis: {
- max: 1,
+ max: 14,
min: 0,
- interval: 0.2,
+ interval: 2,
splitLine: {
show: false
},
diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index 0813aea..3e28ad7 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -1056,7 +1056,7 @@
},
/* 鍏宠仈鐢ㄦ埛妯″潡*/
- async userClick(row) {
+ userClick(row) {
if (row.role_code === 'S001') {
return this.$message.info('姝よ鑹叉棤娉曟搷浣滐紒')
}
@@ -1070,29 +1070,31 @@
this.userForm.roleName = row.role_name
this.dialogFormUser.rolecode = row.role_code
- const res = await this.getRoleAssociationUser()
- if (res.code === '200') {
- setTimeout(() => {
- loading.close()
- this.userDialogVisible = true
- this.$nextTick(() => {
- this.$refs.multipleTable.doLayout()
+ this.getRoleAssociationUser().then(res => {
+ if (res.code === '200') {
+ setTimeout(() => {
+ loading.close()
+
+ this.$nextTick(() => {
+ this.$refs.multipleTableRef.doLayout()
+ })
})
- }, 1000)
- } else {
- loading.close()
- }
+ } else {
+ loading.close()
+ }
+ })
},
// 鑾峰彇瑙掕壊娓呭崟鍏宠仈鐢ㄦ埛
async getRoleAssociationUser() {
const res = await RoleAssociationUser(this.dialogFormUser)
this.dialogFormUserTable = res.data
this.dialogFormUserTableLength = res.count
+ this.userDialogVisible = true
this.$nextTick(() => {
this.dialogFormUserTable.forEach((item, index) => {
if (item.flag === 'Y') {
- this.$refs.multipleTable.toggleRowSelection(this.dialogFormUserTable[index], true)
+ this.$refs.multipleTableRef.toggleRowSelection(this.dialogFormUserTable[index], true)
}
})
})
diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index 2724636..52c9f99 100644
--- a/src/views/kb/zhkb.vue
+++ b/src/views/kb/zhkb.vue
@@ -30,8 +30,8 @@
<div class="circle" style="background-color: rgb(255 255 255)"></div>
<div style="margin-left: 10px" >鏈紑濮�</div>
- <div class="circle" style="margin-left: 10px;background-color: blue;"></div>
- <div style="margin-left: 10px" >寮�宸�</div>
+<!-- <div class="circle" style="margin-left: 10px;background-color: blue;"></div>-->
+<!-- <div style="margin-left: 10px" >寮�宸�</div>-->
<div class="circleYellow" style="margin-left: 10px"></div>
<div style="margin-left: 10px" >鎵ц涓�</div>
@@ -90,13 +90,13 @@
class="kb_block03_02_content flex_c_c"
>
<div class="flex_c_c content01">
+<!-- <div-->
+<!-- v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"-->
+<!-- class="circle"-->
+<!-- style="background-color: blue;"-->
+<!-- />-->
<div
- v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
- class="circle"
- style="background-color: blue;"
- />
- <div
- v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
+ v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
class="circle"
style="background-color: rgb(255 255 255)"
/>
diff --git a/src/views/kb/zhkbc.vue b/src/views/kb/zhkbc.vue
index 670b129..22b0ae6 100644
--- a/src/views/kb/zhkbc.vue
+++ b/src/views/kb/zhkbc.vue
@@ -30,8 +30,8 @@
<div class="circle" style="background-color: rgb(255 255 255)"></div>
<div style="margin-left: 10px" >鏈紑濮�</div>
- <div class="circle" style="margin-left: 10px;background-color: blue;"></div>
- <div style="margin-left: 10px" >寮�宸�</div>
+<!-- <div class="circle" style="margin-left: 10px;background-color: blue;"></div>-->
+<!-- <div style="margin-left: 10px" >寮�宸�</div>-->
<div class="circleYellow" style="margin-left: 10px"></div>
<div style="margin-left: 10px" >鎵ц涓�</div>
@@ -90,13 +90,13 @@
class="kb_block03_02_content flex_c_c"
>
<div class="flex_c_c content01">
+<!-- <div-->
+<!-- v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"-->
+<!-- class="circle"-->
+<!-- style="background-color: blue;"-->
+<!-- />-->
<div
- v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
- class="circle"
- style="background-color: blue;"
- />
- <div
- v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
+ v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
class="circle"
style="background-color: rgb(255 255 255)"
/>
diff --git a/src/views/xtsy/index.vue b/src/views/xtsy/index.vue
index 2906260..77b16a0 100644
--- a/src/views/xtsy/index.vue
+++ b/src/views/xtsy/index.vue
@@ -11,18 +11,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩鐧诲綍</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">1/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">15/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
<div id="barTop01" class="barTop" style="width: 100%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩鐧诲綍</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">18/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop02" class="barTop" />
+ <div id="barTop02" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -33,18 +33,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">15/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop03" class="barTop" />
+ <div id="barTop03" class="barTop" style="width: 100%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">18/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop04" class="barTop" />
+ <div id="barTop04" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -55,18 +55,18 @@
<div class="top_card_content_flex">
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
- <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">15/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop05" class="barTop" />
+ <div id="barTop05" class="barTop" style="width:100%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
- <div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <div class="content_end1">18/
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop06" class="barTop" />
+ <div id="barTop06" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -78,17 +78,17 @@
<div class="content" style="width: 84%">
<div class="content_title1">浠婃棩娲昏穬</div>
<div class="content_end1" :style="{color:`rgb(${barTopColor04[0]})`}">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop07" class="barTop" />
+ <div id="barTop07" class="barTop" style="width: 92%;" />
<div class="content" style="width: 84%">
<div class="content_title1">鏄ㄦ棩娲昏穬</div>
<div class="content_end1">0/
- <countTo :start-val="0" :end-val="999" :duration="3000" />
+ <countTo :start-val="0" :end-val="37" :duration="3000" />
</div>
</div>
- <div id="barTop08" class="barTop" />
+ <div id="barTop08" class="barTop" style="width: 92%;" />
</div>
</div>
</div>
@@ -134,7 +134,7 @@
mainHeight: 0,
tableHeight: 0,
barTopColor01: ['42,197,137', '187,236,218'],
- barTopColor02: ['248,216,76', '255,250,238'],
+ barTopColor02: ['248,216,76', '255,250,188'],
barTopColor03: ['42,197,137', '187,236,218'],
barTopColor04: ['232,103,103', '253,240,240']
}
@@ -167,28 +167,28 @@
this.getLine01()
},
getTopData() {
- loadEcharts('barTop01', barTop(1, this.barTopColor01))
- loadEcharts('barTop02', barTop(0, this.barTopColor01))
- loadEcharts('barTop03', barTop(0, this.barTopColor02))
- loadEcharts('barTop04', barTop(0, this.barTopColor02))
- loadEcharts('barTop05', barTop(0, this.barTopColor03))
- loadEcharts('barTop06', barTop(0, this.barTopColor03))
+ loadEcharts('barTop01', barTop(15, this.barTopColor01))
+ loadEcharts('barTop02', barTop(18, this.barTopColor01))
+ loadEcharts('barTop03', barTop(15, this.barTopColor02))
+ loadEcharts('barTop04', barTop(18, this.barTopColor02))
+ loadEcharts('barTop05', barTop(15, this.barTopColor03))
+ loadEcharts('barTop06', barTop(18, this.barTopColor03))
loadEcharts('barTop07', barTop(0, this.barTopColor04))
loadEcharts('barTop08', barTop(0, this.barTopColor04))
},
async getBar01() {
// const res=await xxx()
let data = [
- { key: 'admin0', value: 300 },
- { key: 'admin1', value: 310 },
- { key: 'admin2', value: 180 },
- { key: 'admin3', value: 190 },
- { key: 'admin4', value: 120 },
- { key: 'admin5', value: 230 },
- { key: 'admin6', value: 270 },
- { key: 'admin7', value: 250 },
- { key: 'admin8', value: 260 },
- { key: 'admin9', value: 180 }
+ { key: '璐剧孩骞�', value: 455 },
+ { key: '鏋楀懆', value: 510 },
+ { key: '姣涜嫳', value: 380 },
+ { key: '鐜嬪畾', value: 390 },
+ { key: '浠樺皬骞�', value: 220 },
+ { key: '榛勬磥', value: 234 },
+ { key: '鍙剁帀绁�', value: 271 },
+ { key: '娉ㄥ杞﹂棿', value: 259 },
+ { key: '閲戝伐杞﹂棿', value: 262 },
+ { key: '瑁呴厤杞﹂棿', value: 180 }
]
data = data.sort((a, b) => b.value - a.value)
loadEcharts('bar01', bar01(data))
@@ -202,17 +202,17 @@
// console.log(document.getElementById('line01'))
const data2 = [
{ key: '2', value: 0 },
- { key: '4', value: 0.2 },
- { key: '6', value: 0.3 },
- { key: '8', value: 0.1 },
- { key: '10', value: 0.8 },
- { key: '12', value: 0.2 },
- { key: '14', value: 0.3 },
- { key: '16', value: 0.3 },
- { key: '18', value: 0 },
- { key: '20', value: 0.2 },
- { key: '22', value: 0.1 },
- { key: '24', value: 0.4 }
+ { key: '4', value: 0 },
+ { key: '6', value: 0 },
+ { key: '8', value: 10 },
+ { key: '10', value: 12 },
+ { key: '12', value: 8 },
+ { key: '14', value: 8 },
+ { key: '16', value: 6 },
+ { key: '18', value: 3 },
+ { key: '20', value: 1 },
+ { key: '22', value: 0 },
+ { key: '24', value: 0 }
]
loadEcharts('line01', line01(data2))
}
diff --git a/vue.config.js b/vue.config.js
index d50e77d..bae9898 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -53,8 +53,8 @@
proxy: {
[process.env.VUE_APP_BASE_API]: {
// target: 'http://121.196.36.24:8013', // 璇锋眰鐨勭涓夆絽鎺モ紳鍦板潃 鏈湴寮�鍙戞湇鍔″櫒
- target: 'http://192.168.188.180:8001', // 璇锋眰鐨勭涓夆絽鎺モ紳鍦板潃 绂忚幈娉� 锛堟湭涓婁簯锛�
- // target: 'http://xnkeij.natappfree.cc', // 璇锋眰鐨勭涓夆絽鎺モ紳鍦板潃 绂忚幈娉� 锛堜笂浜戯級
+ // target: 'http://192.168.188.180:8001', // 璇锋眰鐨勭涓夆絽鎺モ紳鍦板潃 绂忚幈娉� 锛堟湭涓婁簯锛�
+ target: 'http://xnkeij.natappfree.cc', // 璇锋眰鐨勭涓夆絽鎺モ紳鍦板潃 绂忚幈娉� 锛堜笂浜戯級
changeOrigin: true, // 璇锋眰璺ㄥ煙鏃讹紝闇� 閰嶇疆姝ら」
pathRewrite: { // 璺緞閲嶅啓,鏇挎崲target涓殑璇锋眰鍦板潃
--
Gitblit v1.9.3