From e97ff7c70cd36c36458ca588e0a7249539e4ac0c Mon Sep 17 00:00:00 2001
From: huangchenhao <123673748@qq.com>
Date: Mon, 10 Nov 2025 18:07:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=B0=E9=9B=AA=E4=B8=93=E9=A2=98App?=
 =?UTF-8?q?=E7=AB=AF=20=E6=95=B0=E6=8D=AE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/Equipment/EquipmentDetails.vue  |   2 +-
 .../src/views/Material/MaterialDetails.vue    |   2 +-
 .../views/ServiceStationManagePage/index.vue  | 146 ++++++++++--------
 .../ServiceStationManagePage/personData.vue   |  49 ++++++
 4 files changed, 136 insertions(+), 63 deletions(-)
 create mode 100644 packages/screen/src/views/ServiceStationManagePage/personData.vue

diff --git a/packages/mobile/src/views/Equipment/EquipmentDetails.vue b/packages/mobile/src/views/Equipment/EquipmentDetails.vue
index 4c662ba..d88d26a 100644
--- a/packages/mobile/src/views/Equipment/EquipmentDetails.vue
+++ b/packages/mobile/src/views/Equipment/EquipmentDetails.vue
@@ -663,7 +663,7 @@ const getEquipmentDetailInfo = async () => {
       method: "GET",
     });
     if (res.code && res.code === "00000") {
-      equipmentDetailInfo.value = res.data;
+      equipmentDetailInfo.value = res.data.equipment;
       console.log("设备详情", toRaw(equipmentDetailInfo.value));
     } else {
       throw new Error(res.data.message);
diff --git a/packages/mobile/src/views/Material/MaterialDetails.vue b/packages/mobile/src/views/Material/MaterialDetails.vue
index 5b301e0..1467d9b 100644
--- a/packages/mobile/src/views/Material/MaterialDetails.vue
+++ b/packages/mobile/src/views/Material/MaterialDetails.vue
@@ -58,7 +58,7 @@ const getwzDetail = async () => {
       method: "GET",
     });
     if (res.code && res.code === "00000") {
-      wzDetailData.value = res.data;
+      wzDetailData.value = res.data.material;
     } else {
       throw new Error(res.message);
     }
diff --git a/packages/screen/src/views/ServiceStationManagePage/index.vue b/packages/screen/src/views/ServiceStationManagePage/index.vue
index e135637..601b9e6 100644
--- a/packages/screen/src/views/ServiceStationManagePage/index.vue
+++ b/packages/screen/src/views/ServiceStationManagePage/index.vue
@@ -39,69 +39,89 @@
         :onCancel="handleCancel"
         width="60%"
       >
-        <el-form
-          label-position="right"
-          label-width="auto"
-          style="overflow-y: auto; max-height: 60vh; padding-right: 50px"
+        <el-tabs
+          v-model="activeName"
+          class="demo-tabs"
+          @tab-click="handleClick"
         >
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="区县名称:" prop="qxmc">
-                <el-input disabled v-model="detailData.qxmc" />
-              </el-form-item>
-              <el-form-item label="站点类型:" prop="zdlx">
-                <el-select
-                  disabled
-                  v-model="detailData.zdlx"
-                  placeholder="请选择站点类型"
-                  :options="zdlxOptions"
-                />
-              </el-form-item>
-              <el-form-item label="路线编码:" prop="lxbm">
-                <el-input disabled v-model="detailData.lxbm" />
-              </el-form-item>
-              <el-form-item label="里程桩号:" prop="lczh">
-                <el-input disabled v-model="detailData.lczh" />
-              </el-form-item>
-              <el-form-item label="行政等级:" prop="xzdj">
-                <el-input disabled v-model="detailData.xzdj" />
-              </el-form-item>
-              <el-form-item label="机动车月交通流量:" prop="yjtll">
-                <el-input disabled v-model="detailData.yjtll" />
-              </el-form-item>
-              <el-form-item label="技术等级:" prop="jsdj">
-                <el-input disabled v-model="detailData.jsdj" />
-              </el-form-item>
-              <el-form-item label="备注:" prop="bz">
-                <el-input disabled v-model="detailData.bz" type="textarea" />
-              </el-form-item>
-            </el-col>
+          <el-tab-pane label="基本信息" name="Basic">
+            <el-form
+              label-position="right"
+              label-width="auto"
+              style="overflow-y: auto; max-height: 60vh; padding-right: 50px"
+            >
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item label="区县名称:" prop="qxmc">
+                    <el-input disabled v-model="detailData.qxmc" />
+                  </el-form-item>
+                  <el-form-item label="站点类型:" prop="zdlx">
+                    <el-select
+                      disabled
+                      v-model="detailData.zdlx"
+                      placeholder="请选择站点类型"
+                      :options="zdlxOptions"
+                    />
+                  </el-form-item>
+                  <el-form-item label="路线编码:" prop="lxbm">
+                    <el-input disabled v-model="detailData.lxbm" />
+                  </el-form-item>
+                  <el-form-item label="里程桩号:" prop="lczh">
+                    <el-input disabled v-model="detailData.lczh" />
+                  </el-form-item>
+                  <el-form-item label="行政等级:" prop="xzdj">
+                    <el-input disabled v-model="detailData.xzdj" />
+                  </el-form-item>
+                  <el-form-item label="机动车月交通流量:" prop="yjtll">
+                    <el-input disabled v-model="detailData.yjtll" />
+                  </el-form-item>
+                  <el-form-item label="技术等级:" prop="jsdj">
+                    <el-input disabled v-model="detailData.jsdj" />
+                  </el-form-item>
+                  <el-form-item label="备注:" prop="bz">
+                    <el-input
+                      disabled
+                      v-model="detailData.bz"
+                      type="textarea"
+                    />
+                  </el-form-item>
+                </el-col>
 
-            <el-col :span="12">
-              <el-form-item label="服务保障点具体名称:" prop="mc">
-                <el-input disabled v-model="detailData.mc" />
-              </el-form-item>
-              <el-form-item label="产权隶属单位:" prop="ssdw">
-                <el-input disabled v-model="detailData.ssdw" />
-              </el-form-item>
-              <el-form-item label="经度:" prop="jd">
-                <el-input disabled v-model="detailData.jd" />
-              </el-form-item>
-              <el-form-item label="纬度:" prop="wd">
-                <el-input disabled v-model="detailData.wd" />
-              </el-form-item>
-              <el-form-item label="充电桩根数:" prop="cdzgs">
-                <el-input disabled v-model="detailData.cdzgs" />
-              </el-form-item>
-              <el-form-item label="是否对外开放:" prop="sfdwkf">
-                <el-input disabled v-model="detailData.sfdwkf" />
-              </el-form-item>
-              <el-form-item label="对外开放的是否有如厕功能:" prop="sfdwkfrc">
-                <el-input disabled v-model="detailData.sfdwkfrc" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
+                <el-col :span="12">
+                  <el-form-item label="服务保障点具体名称:" prop="mc">
+                    <el-input disabled v-model="detailData.mc" />
+                  </el-form-item>
+                  <el-form-item label="产权隶属单位:" prop="ssdw">
+                    <el-input disabled v-model="detailData.ssdw" />
+                  </el-form-item>
+                  <el-form-item label="经度:" prop="jd">
+                    <el-input disabled v-model="detailData.jd" />
+                  </el-form-item>
+                  <el-form-item label="纬度:" prop="wd">
+                    <el-input disabled v-model="detailData.wd" />
+                  </el-form-item>
+                  <el-form-item label="充电桩根数:" prop="cdzgs">
+                    <el-input disabled v-model="detailData.cdzgs" />
+                  </el-form-item>
+                  <el-form-item label="是否对外开放:" prop="sfdwkf">
+                    <el-input disabled v-model="detailData.sfdwkf" />
+                  </el-form-item>
+                  <el-form-item
+                    label="对外开放的是否有如厕功能:"
+                    prop="sfdwkfrc"
+                  >
+                    <el-input disabled v-model="detailData.sfdwkfrc" />
+                  </el-form-item>
+                </el-col>
+              </el-row> </el-form
+          ></el-tab-pane>
+          <el-tab-pane label="人员信息" name="Person">
+            <PersonData 
+              :yhzData="detailData"
+              >
+           </PersonData>
+          </el-tab-pane>
+        </el-tabs>
       </MyDialog>
       <MyDialog
         v-model="editDialogVisible"
@@ -187,6 +207,7 @@ import { useRouter, useRoute } from "vue-router";
 import { request } from "@/utils/request";
 import { Search } from "@element-plus/icons-vue";
 import MyDialog from "../../component/MyDialog";
+import PersonData from "./personData.vue";
 
 const tableData = ref([]);
 const detailData = ref({});
@@ -541,6 +562,9 @@ const handleClickWz = (row) => {
     path: `/yhzwz/${encodeURIComponent(JSON.stringify(row))}`,
   });
 };
+
+// 当前标签
+const activeName = ref("Basic");
 </script>
   
   <style scoped>
diff --git a/packages/screen/src/views/ServiceStationManagePage/personData.vue b/packages/screen/src/views/ServiceStationManagePage/personData.vue
new file mode 100644
index 0000000..0bd9c7a
--- /dev/null
+++ b/packages/screen/src/views/ServiceStationManagePage/personData.vue
@@ -0,0 +1,49 @@
+<template>
+  <div>1145141919810</div>
+</template>
+
+<script lang="ts" setup>
+import { h, ref, onMounted, reactive, watch, toRaw } from "vue";
+
+const props = defineProps({
+  yhzData: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+
+// 养护站ID
+const yhzId = ref(props.yhzData.id);
+// 表格过滤条件
+const filterData = reactive({
+  xm: "", // 姓名
+});
+const pagination = reactive({
+  current: 1,
+  pageSize: 10,
+  total: 0,
+  pageSizes: [10, 20, 50],
+  layout: "prev, pager, next, jumper",
+  onChange: (page, pageSize) => {
+    pagination.current = page;
+    pagination.pageSize = pageSize;
+    getyhzryList(filterData);
+  },
+}); // 表格分页
+
+// 获取养护站人员列表
+const getyhzryList = async (filterData) => {
+  try {
+    
+  } catch (error) {
+    
+  }
+};
+// 分页查询养护站
+onMounted(() => {});
+
+console.log("养护站id", yhzId.value);
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file