新增 桩详情页面添加个人桩信息板块

jsowell-admin/src/main/java/com/jsowell/web/controller/pile/PileBasicInfoController.java

@@ -18,6 +18,7 @@ import com.jsowell.pile.dto.ReplaceMerchantStationDTO;
 import com.jsowell.pile.dto.ThirdPartySnRelationDTO;
 import com.jsowell.pile.service.IThirdpartySnRelationService;
 import com.jsowell.pile.service.PileBasicInfoService;
+import com.jsowell.pile.service.PileMemberRelationService;
 import com.jsowell.pile.service.PileMsgRecordService;
 import com.jsowell.pile.vo.web.PileDetailVO;
 import com.jsowell.pile.vo.web.ThirdPartySnRelationVO;
@@ -57,6 +58,9 @@ public class PileBasicInfoController extends BaseController {
 	@Autowired
 	private IThirdpartySnRelationService thirdpartySnRelationService;
 
+	@Autowired
+	private PileMemberRelationService pileMemberRelationService;
+
 	/**
 	 * 查询设备管理列表
 	 */
@@ -225,4 +229,16 @@ public class PileBasicInfoController extends BaseController {
 		return response;
 	}
 
+
+	/**
+	 * 获取该桩绑定的用户（查询个人桩）
+	 * @param dto
+	 * @return
+	 */
+	@PostMapping("/getPersonalPileList")
+	public TableDataInfo getPersonalPileList(@RequestBody ThirdPartySnRelationDTO dto) {
+		return getDataTable(pileMemberRelationService.selectPileMemberRelationByPileSn(dto.getPileSn()));
+	}
+
+
 }

jsowell-ui/src/api/pile/basic.js

@@ -113,3 +113,12 @@ export function updateThirdPartySnRelation(data) {
         data: data
     })
 }
+
+// 查询该桩绑定用户信息（查询个人桩）
+export function getPersonalPileList(data) {
+    return request({
+        url: '/pile/basic/getPersonalPileList',
+        method: 'post',
+        data: data
+    })
+}

jsowell-ui/src/views/pile/basic/detail.vue

@@ -94,8 +94,29 @@
                                         </el-descriptions-item>
                                     </el-descriptions>
                                 </div>
+
+
+
                                 <!-- <div ></div> -->
                             </el-card>
+                            <div class="advContent" v-if="personalPileInfoList">
+                                <el-card class="box-card" shadow="hover">
+                                    <div slot="header" class="clearfix">
+                                        <span>个人桩信息</span>
+                                    </div>
+                                    <!-- 表格 -->
+                                    <div style="margin: 10px 0" v-for="personalPileInfo in personalPileInfoList">
+                                        <el-descriptions :column="1" border>
+                                            <el-descriptions-item label="所属会员">
+                                                {{personalPileInfo.memberId}}
+                                            </el-descriptions-item>
+                                            <el-descriptions-item label="身份类型">
+                                                {{personalPileInfo.type}}
+                                            </el-descriptions-item>
+                                        </el-descriptions>
+                                    </div>
+                                </el-card>
+                            </div>
                         </div>
                     </el-col>
                     <!-- 右侧内容 -->
@@ -204,6 +225,7 @@
 <script>
 import remoteUpgrade from "./components/remoteUpgrade.vue";
 import {
+    getPersonalPileList,
     getPileDetailById,
     getPileFeedList, getThirdPartySnRelation,
     listBasic,
@@ -237,6 +259,7 @@ export default {
             pileDetail: { url: "" },
             feedListLoading: false,
             snRelationList: [],
+            personalPileInfoList: [],
             qrWidth: 60,
             flag: true,
             // 充电桩通信日志
@@ -274,7 +297,8 @@ export default {
         this.getPileDetail();
         // 查询充电桩接口列表
         this.queryPileConnectorList();
-        // 查询桩对应的第三方平台桩编号列表
+        // 查询桩绑定的用户列表
+        this.getMemberInfoBySn();
     },
     mounted() {
         setTimeout(() => {
@@ -394,14 +418,15 @@ export default {
                 this.pileSn = this.pileDetail.pileSn;
                 this.pileDetailLoading = false;
                 console.log("getPileDetailById结果：", this.pileDetail);
-                this.getThirdPartysnRelationList();
+                this.getThirdPartySnRelationList();
+                this.getMemberInfoBySn();
             });
         },
-        getThirdPartysnRelationList() {
+        getThirdPartySnRelationList() {
             const params = {
                 pileSn: this.pileDetail.pileSn
             }
-            console.log("params", params)
+            // console.log("params", params)
             getThirdPartySnRelation(params).then((response) => {
                 this.snRelationList = response.rows;
                 //默认添加一个状态
@@ -411,7 +436,23 @@ export default {
                         disabled: true
                     };
                 });
-                console.log("snRelationList:", this.snRelationList)
+                // console.log("snRelationList:", this.snRelationList)
+            });
+        },
+        getMemberInfoBySn() {
+            const param = {
+                pileSn: this.pileDetail.pileSn,
+            }
+            getPersonalPileList(param).then((response) => {
+                console.log("getMemberInfoBySn :", response);
+                this.personalPileInfoList = response.rows;
+                //默认添加一个状态
+                this.personalPileInfoList = this.personalPileInfoList.map(item => {
+                    return {
+                        ...item,
+                        disabled: true
+                    };
+                });
             });
         },
         handleClick(tab) {
@@ -448,6 +489,7 @@ export default {
             }
         },
     },
+
 };
 </script>