From afd974bb27cfdb988d46ffb92d81624aa47450de Mon Sep 17 00:00:00 2001
From: "autumn.g@foxmail.com" <autumn.g@foxmail.com>
Date: Fri, 10 Mar 2023 17:04:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=85=E7=94=B5=E6=A1=A9=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E4=BC=98=E5=8C=96=EF=BC=8C=E6=96=B0=E5=A2=9E=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E5=88=97=E8=A1=A8=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jsowell-ui/src/views/pile/basic/detail.vue | 34 +++++++++++++---------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/jsowell-ui/src/views/pile/basic/detail.vue b/jsowell-ui/src/views/pile/basic/detail.vue
index c0c474e01..91cf0f8c9 100644
--- a/jsowell-ui/src/views/pile/basic/detail.vue
+++ b/jsowell-ui/src/views/pile/basic/detail.vue
@@ -95,9 +95,12 @@
           <!-- 右侧内容 -->
           <el-col :span="19" style="margin-left: 15px">
             <el-card class="box-card" shadow="hover">
-              <div style="margin: 12px 0">接口列表</div>
-              <div style="margin-top: 20px">
-                <!-- 刷新按钮 -->
+              <div style="margin: 12px 0">
+                <span>接口列表</span>
+                <el-button icon="el-icon-refresh-right" size="mini" @click="refreshPileConnectorList">刷新</el-button>
+              </div>
+              <!--<div style="margin-top: 20px">
+                &lt;!&ndash; 刷新按钮 &ndash;&gt;
                 <el-button
                   size="medium"
                   type="primary"
@@ -105,13 +108,13 @@
                 >
                   刷新
                 </el-button>
-              </div>
+              </div>-->
               <div class="sideNav" id="app">
                 <!-- 接口列表表单 -->
                 <el-table
                   :data="connectorList"
                   style="width: 100%"
-                  v-loading="Loading"
+                  v-loading="pileListLoading"
                 >
                   <el-table-column
                     prop="pileConnectorCode"
@@ -198,9 +201,12 @@
                 </el-table>
               </div>
             </el-card>
-            <el-card style="margin-top: 20px">
-              <div style="margin: 12px 0">充电桩通信日志</div>
-              <el-table :data="feedList" stripe style="width: 100%">
+            <el-card style="margin-top: 20px" shadow="hover">
+              <div style="margin: 12px 0">
+                <span>充电桩通信日志</span>
+                <el-button icon="el-icon-refresh-right" size="mini" @click="getFeedList">刷新</el-button>
+              </div>
+              <el-table :data="feedList" stripe style="width: 100%" v-loading="feedListLoading">
                 <el-table-column prop="createTime" label="触发时间" align="center" width="200"/>
                 <el-table-column prop="description" label="描述" align="center" width="200"/>
                 <el-table-column prop="originalMsg" label="原始报文" align="center"/>
@@ -241,14 +247,14 @@ export default {
   dicts: ["connector_status", "connector_type", "sim_supplier", "sim_operator"],
   data() {
     return {
-      Loading: false,
+      pileListLoading: false,
       pileId: this.$route.params.pileId,
       // 右侧数据数组
       connectorList: [],
       stationId: 1,
       // 充电桩详情 竖向 表格渲染的数据
       pileDetail: { url: "" },
-      loading: false,
+      feedListLoading: false,
       qrWidth: 60,
       flag: true,
       // 充电桩通信日志
@@ -340,21 +346,21 @@ export default {
     },
     // 刷新按钮重新获取数据
     refreshPileConnectorList() {
-      this.Loading = true;
+      this.pileListLoading = true;
       setTimeout(() => {
         this.queryPileConnectorList();
-        this.Loading = false;
+        this.pileListLoading = false;
       }, 1000);
     },
     /** 查询充电桩通信日志 */
     getFeedList() {
-      this.loading = true;
+      this.feedListLoading = true;
       this.queryParams.pileSn = this.pileSn;
       getPileFeedList(this.queryParams).then((response) => {
         console.log("查询充电桩通信日志", response);
         this.feedList = response.data.list;
         this.total = response.data.total;
-        this.loading = false;
+        this.feedListLoading = false;
       });
       // this.feedList = [
       //   {