update 刷新按钮

This commit is contained in:
2023-03-10 17:11:33 +08:00
parent 7aa58265e2
commit ae9373a9cd

View File

@@ -13,7 +13,7 @@
<el-col :span="5"> <el-col :span="5">
<!-- 充电设备 --> <!-- 充电设备 -->
<div class="advContent"> <div class="advContent">
<el-card class="box-card" shadow="hover"> <el-card class="box-card" shadow="hover" v-loading="pileDetailLoading">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>充电设备(<span style="color: #bf1c1c">{{ status }}</span>)</span> <span>充电设备(<span style="color: #bf1c1c">{{ status }}</span>)</span>
<el-button icon="el-icon-refresh-right" style="float: right; padding: 3px 0" type="text" @click="getPileDetail">刷新</el-button> <el-button icon="el-icon-refresh-right" style="float: right; padding: 3px 0" type="text" @click="getPileDetail">刷新</el-button>
@@ -245,6 +245,7 @@ export default {
dicts: ["connector_status", "connector_type", "sim_supplier", "sim_operator"], dicts: ["connector_status", "connector_type", "sim_supplier", "sim_operator"],
data() { data() {
return { return {
pileDetailLoading: false,
pileListLoading: false, pileListLoading: false,
pileId: this.$route.params.pileId, pileId: this.$route.params.pileId,
// 右侧数据数组 // 右侧数据数组
@@ -329,6 +330,7 @@ export default {
}, },
// 查询充电桩详情接口 // 查询充电桩详情接口
getPileDetail() { getPileDetail() {
this.pileDetailLoading = true;
// console.log(this.pileId); // console.log(this.pileId);
const queryForm = { const queryForm = {
pileId: this.pileId, pileId: this.pileId,
@@ -336,6 +338,7 @@ export default {
getPileDetailById(queryForm).then((response) => { getPileDetailById(queryForm).then((response) => {
this.pileDetail = response.data; this.pileDetail = response.data;
this.pileSn = this.pileDetail.pileSn; this.pileSn = this.pileDetail.pileSn;
this.pileDetailLoading = false;
console.log("getPileDetailById结果", this.pileDetail); console.log("getPileDetailById结果", this.pileDetail);
}); });
}, },