增加换热站详情部分表格数据的获取，明天完善表格的显示

src/api/heatStation/index.ts

@@ -21,5 +21,6 @@ export default {
     del: (id: number) => del('/region/heatStation/del', { id }),
     detail: (id: number) => get('/region/heatStation/getInfoById', { id }),
     getAllStaAndLoop: (params?: object) => get('/region/heatStation/getAllStaAndLoop', params),
+    stationDetail: (params?: object) => get('/energy/performance/station/detail', params),
   }
-}
+}

src/views/heating/heatStation/heatStation/component/detail.vue

@@ -1,23 +1,23 @@
 <template>
 	<div class="system-edit-dic-container">
-		<el-dialog title="换热站详情" v-model="isShowDialog" width="575px">
-			<el-form :model="ruleForm" ref="formRef" :rules="rules" size="default" label-width="110px">
+		<el-dialog title="换热站详情" v-model="state.isShowDialog" width="1000px">
+			<el-form :model="state.ruleForm" ref="formRef" size="default" label-width="110px">
 				<el-form-item label="换热站名称" prop="name">
-					{{ ruleForm.name }}
+					{{ state.ruleForm.name }}
 				</el-form-item>
 				<el-form-item label="换热站位置" prop="position">
-					{{ ruleForm.position }}
+					{{ state.ruleForm.position }}
 				</el-form-item>
 				<el-form-item label="负责人" prop="principalInfo.userNickname">
-					{{ ruleForm.principalInfo.userNickname }}
+					{{ state.ruleForm.principalInfo.userNickname }}
 				</el-form-item>
 				<el-form-item label="状态" prop="status">
-					{{ ruleForm.status === 1 ? '启用' : '禁用' }}
+					{{ state.ruleForm.status === 1 ? '启用' : '禁用' }}
 				</el-form-item>
-        <el-form-item label="地图展示" prop="">
+				<el-form-item label="地图展示" prop="">
 					<div>
-						<span>经度：{{ ruleForm.lnt ? `${ruleForm.lnt}，` : '' }}</span>
-						<span style="margin-left: 10px">纬度：{{ ruleForm.lat }}</span>
+						<span>经度：{{ state.ruleForm.lnt ? `${state.ruleForm.lnt}，` : '' }}</span>
+						<span style="margin-left: 10px">纬度：{{ state.ruleForm.lat }}</span>
 					</div>
 				</el-form-item>
 			</el-form>
@@ -25,41 +25,36 @@
 	</div>
 </template>
 
-<script lang="ts">
-import { reactive, toRefs, defineComponent, ref, unref } from 'vue';
-import api from '/@/api/device';
-import { ElMessage } from 'element-plus';
+<script lang="ts" setup>
+import { reactive } from 'vue';
+import api from '/@/api/heatStation';
+// import { ElMessage } from 'element-plus';
 
+const state = reactive({
+	isShowDialog: false,
+	ruleForm: {} as any,
+});
+// 打开弹窗
+const openDialog = (row: any) => {
+	if (row) {
+		state.ruleForm = row;
+		api.heatStation
+			.stationDetail({
+				stationId: row.id,
+				pageNum: 1,
+				pageSize: 10,
+			})
+			.then((res: any) => {
+				console.log(res);
+			});
+	}
+	state.isShowDialog = true;
+};
 
-export default defineComponent({
-	name: 'deviceEditPro',
-	setup(prop, { emit }) {
-		const state = reactive({
-			isShowDialog: false,
-			ruleForm: {}
-		});
-		// 打开弹窗
-		const openDialog = (row: any) => {
-			if (row) {
-				state.ruleForm = row;
-			}
-			state.isShowDialog = true;
-		};
+// 关闭弹窗
+const closeDialog = () => {
+	state.isShowDialog = false;
+};
 
-		// 关闭弹窗
-		const closeDialog = () => {
-			state.isShowDialog = false;
-		};
-		// 取消
-		const onCancel = () => {
-			closeDialog();
-		};
-		return {
-			openDialog,
-			closeDialog,
-			onCancel,
-			...toRefs(state),
-		};
-	},
-});
+defineExpose({ openDialog });
 </script>