From 60076cbbe1da6cc8ed3a4ebb8f67e92ea9be9e4a Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 15 八月 2023 16:02:58 +0800
Subject: [PATCH] 设置按钮的加载效果
---
src/views/HistoryFume.vue | 193 ++++--------------------------------------------
1 files changed, 17 insertions(+), 176 deletions(-)
diff --git a/src/views/HistoryFume.vue b/src/views/HistoryFume.vue
index 1d24f06..58bf326 100644
--- a/src/views/HistoryFume.vue
+++ b/src/views/HistoryFume.vue
@@ -23,6 +23,10 @@
},
data() {
return {
+ button:{
+ // 鏌ヨ鐨勬寜閽�
+ queryButton:false,
+ },
// 绌虹姸鎬�
isNoData:false,
// 涓嬫媺妗嗕竴寮�濮嬪睍绀虹殑鍚嶅瓧
@@ -89,158 +93,7 @@
],
// 閫夋嫨搴楅摵鍚�
devId: [null,null],
- optionsShop: [
- {
- value: '浠樺皬濮愬湪鎴愰兘',
- label: '浠樺皬濮愬湪鎴愰兘',
- children: [
- {
- value: 'qinshi_31010320210010',
- label: 'qinshi_31010320210010'
- }
- ]
- },
- {
- value: '鍚夊埢鑱旂洘',
- label: '鍚夊埢鑱旂洘 ',
- children: [
- {
- value: 'qinshi_31010320200006',
- label: 'qinshi_31010320200006'
- }
- ]
- },
- {
- value: '瀹跺湪濉斿暒',
- label: '瀹跺湪濉斿暒',
- children: [
- {
- value: 'hengzhiyuan_64480047347215',
- label: 'hengzhiyuan_64480047347215'
- }
- ]
- },
- {
- value: '鐙兼潵浜�',
- label: '鐙兼潵浜� ',
- children: [
- {
- value: 'zhuoquan_31011020175012',
- label: 'zhuoquan_31011020175012'
- }
- ]
- },
- {
- value: '涔愬嚡鎾掓槦娓稿簵',
- label: '涔愬嚡鎾掓槦娓稿簵',
- children: [
- {
- value: 'qinshi_31010320200007',
- label: 'qinshi_31010320200007'
- }
- ]
- },
- {
- value: '棣ㄨ繙缇庨灏忛晣锛堝搱灏肩編椋熷箍鍦猴級',
- label: '棣ㄨ繙缇庨灏忛晣锛堝搱灏肩編椋熷箍鍦猴級',
- children: [
- {
- value: 'hengzhiyuan_64480047078091',
- label: 'hengzhiyuan_64480047078091'
- }
- ]
- },
- {
- value: '妫掔害缈�',
- label: '妫掔害缈�',
- children: [
- {
- value: 'qinshi_31010320190005',
- label: 'qinshi_31010320190005'
- }
- ]
- },
- {
- value: '寮勫爞鍜亾',
- label: '寮勫爞鍜亾',
- children: [
- {
- value: 'zhuoquan_31011020175008',
- label: 'zhuoquan_31011020175008'
- }
- ]
- },
- {
- value: '鏉ㄨ榻愰綈鍝堝皵鐑よ倝',
- label: '鏉ㄨ榻愰綈鍝堝皵鐑よ倝',
- children: [
- {
- value: 'zhuoquan_31011020175002',
- label: 'zhuoquan_31011020175002'
- }
- ]
- },
- {
- value: '涓婃捣绋斾紶椁愰ギ绠＄悊鏈夐檺鍏徃锛堜汉鐢熶竴涓诧級',
- label: '涓婃捣绋斾紶椁愰ギ绠＄悊鏈夐檺鍏徃锛堜汉鐢熶竴涓诧級',
- children: [
- {
- value: 'GLHB00000000016004',
- label: 'GLHB00000000016004'
- }
- ]
- },
- {
- value: '缂樺',
- label: '缂樺',
- children: [
- {
- value: 'fucheng310104200914',
- label: 'fucheng310104200914'
- }
- ]
- },
- {
- value: '娉夌洓椁愰ギ锛堜笂娴凤級鏈夐檺鍏徃锛堥鍏跺锛�',
- label: '娉夌洓椁愰ギ锛堜笂娴凤級鏈夐檺鍏徃锛堥鍏跺锛�',
- children: [
- {
- value: 'GLHB00000000016155',
- label: 'GLHB00000000016155'
- }
- ]
- },
- {
- value: '涓拌寕鐑や覆',
- label: '涓拌寕鐑や覆',
- children: [
- {
- value: 'GLHB00000000016011',
- label: 'GLHB00000000016011'
- }
- ]
- },
- {
- value: '涓婃捣娉扮厡椁愰ギ绠＄悊鏈夐檺鍏徃锛堟嘲鐓岄浮锛�',
- label: '涓婃捣娉扮厡椁愰ギ绠＄悊鏈夐檺鍏徃锛堟嘲鐓岄浮锛�',
- children: [
- {
- value: 'GLHB00000000010279',
- label: 'GLHB00000000010279'
- }
- ]
- },
- {
- value: '寰愭眹鍖鸿景鐔欓棣�(灏忛搧鍚涗覆鐑у眳閰掑眿)',
- label: '寰愭眹鍖鸿景鐔欓棣�(灏忛搧鍚涗覆鐑у眳閰掑眿)',
- children: [
- {
- value: 'GLHB00000000010504',
- label: 'GLHB00000000010504'
- }
- ]
- }
- ]
+
};
},
@@ -402,10 +255,6 @@
},
// 杩斿洖鍓嶄竴鍛ㄥ垎閽熸暟鎹〃鏁版嵁
backMinuteDataAWeekAgo() {
-
-
- // 鎵撳紑椤甸潰鍔犺浇鏈�杩戜竴鍛ㄧ殑鏁版嵁
- this.loading = true;
// 缁欑骇鑱旈�夋嫨鍣ㄨ缃粯璁ょ殑閫夋嫨椤�
this.beginShowShopName = ['浠樺皬濮愬湪鎴愰兘', 'qinshi_31010320210010'];
this.devId = ['浠樺皬濮愬湪鎴愰兘', 'qinshi_31010320210010'];
@@ -423,17 +272,19 @@
params['devId'] = 'qinshi_31010320210010';
params['beginTime'] = this.beginTime;
params['endTime'] = this.endTime;
-
+ this.loading = true;
axiosInstanceInstance
.get('/fume/history', { params: params })
.then((response) => {
+ // 淇濆瓨杩斿洖鐨�
+ this.exceedingData = response.data.data;
+ this.loading = false;
if(response.data.data.length==0){
- alert('璇ユ椂娈垫棤鏁版嵁')
+ ElMessage('璇ユ椂娈垫棤鏁版嵁')
this.isNoData = true
return
}
- // 淇濆瓨杩斿洖鐨�
- this.exceedingData = response.data.data;
+
// 鍒嗛〉
this.total = this.exceedingData.length;
// 榛樿鏄剧ず绗竴椤�
@@ -465,6 +316,7 @@
params['endTime'] = this.endTime;
}
this.loading=true
+ this.button.queryButton = true
axiosInstanceInstance
.get('/fume/history', { params: params })
.then((response) => {
@@ -472,21 +324,18 @@
// 淇濆瓨杩斿洖鐨�
this.exceedingData = response.data.data;
this.loading=false
-
+ this.button.queryButton = false
if(response.data.data.length==0){
- alert('璇ユ椂娈垫棤鏁版嵁')
+ ElMessage('璇ユ椂娈垫棤鏁版嵁')
this.isNoData = true
return
}
// 绉婚櫎绌烘暟鎹姸鎬�
this.isNoData = false
- // this.displayData = response.data.data //琛ㄦ牸娓叉煋
// 鍒嗛〉
this.total = this.exceedingData.length;
// 榛樿鏄剧ず绗竴椤�
this.handleCurrentChange(1);
- // 灞曠ず鎶樼嚎鍥�
- // this.drawChart();
})
},
@@ -641,7 +490,7 @@
<!-- <el-date-picker v-model="beginTime" type="datetime" placeholder="寮�濮嬫椂闂�" value-format="YYYY-MM-DD HH:mm:ss" />
<el-date-picker v-model="endTime" type="datetime" placeholder="缁撴潫鏃堕棿" value-format="YYYY-MM-DD HH:mm:ss" /> -->
<TimeSelect @submit-time="giveTime"></TimeSelect>
- <el-button type="primary" plain @click="lineChart">鏌ヨ</el-button>
+ <el-button type="primary" plain :loading="button.queryButton" @click="lineChart">鏌ヨ</el-button>
<el-tooltip
@@ -825,20 +674,12 @@
.container {
display: flex;
flex-direction: column;
- height: 100vh;
}
:deep().el-dialog {
border-radius: 9px;
}
-@media screen and (max-width: 768px) {
- /* 鍦ㄥ皬灞忓箷涓婂簲鐢ㄧ殑鏍峰紡 */
-}
-@media screen and (min-width: 769px) and (max-width: 1024px) {
- /* 鍦ㄤ腑绛夊睆骞曚笂搴旂敤鐨勬牱寮� */
-}
-
-@media screen and (min-width: 1025px) {
- /* 鍦ㄥぇ灞忓箷涓婂簲鐢ㄧ殑鏍峰紡 */
+.el-table {
+ color: #000000;
}
</style>
--
Gitblit v1.9.3