diff --git a/jsowell-ui/src/views/pile/basic/detail.vue b/jsowell-ui/src/views/pile/basic/detail.vue
index 8a83fa432..239b965e1 100644
--- a/jsowell-ui/src/views/pile/basic/detail.vue
+++ b/jsowell-ui/src/views/pile/basic/detail.vue
@@ -13,7 +13,7 @@
           <el-col :span="5">
             <!-- 充电设备 -->
             <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">
                   <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>
@@ -245,6 +245,7 @@ export default {
   dicts: ["connector_status", "connector_type", "sim_supplier", "sim_operator"],
   data() {
     return {
+      pileDetailLoading: false,
       pileListLoading: false,
       pileId: this.$route.params.pileId,
       // 右侧数据数组
@@ -329,6 +330,7 @@ export default {
     },
     // 查询充电桩详情接口
     getPileDetail() {
+      this.pileDetailLoading = true;
       // console.log(this.pileId);
       const queryForm = {
         pileId: this.pileId,
@@ -336,6 +338,7 @@ export default {
       getPileDetailById(queryForm).then((response) => {
         this.pileDetail = response.data;
         this.pileSn = this.pileDetail.pileSn;
+        this.pileDetailLoading = false;
         console.log("getPileDetailById结果：", this.pileDetail);
       });
     },