冰雪专题App端 数据调整

This commit is contained in:
huangchenhao 2025-11-10 18:07:30 +08:00
parent 4146275019
commit e97ff7c70c
4 changed files with 136 additions and 63 deletions

View File

@ -663,7 +663,7 @@ const getEquipmentDetailInfo = async () => {
method: "GET", method: "GET",
}); });
if (res.code && res.code === "00000") { if (res.code && res.code === "00000") {
equipmentDetailInfo.value = res.data; equipmentDetailInfo.value = res.data.equipment;
console.log("设备详情", toRaw(equipmentDetailInfo.value)); console.log("设备详情", toRaw(equipmentDetailInfo.value));
} else { } else {
throw new Error(res.data.message); throw new Error(res.data.message);

View File

@ -58,7 +58,7 @@ const getwzDetail = async () => {
method: "GET", method: "GET",
}); });
if (res.code && res.code === "00000") { if (res.code && res.code === "00000") {
wzDetailData.value = res.data; wzDetailData.value = res.data.material;
} else { } else {
throw new Error(res.message); throw new Error(res.message);
} }

View File

@ -39,69 +39,89 @@
:onCancel="handleCancel" :onCancel="handleCancel"
width="60%" width="60%"
> >
<el-form <el-tabs
label-position="right" v-model="activeName"
label-width="auto" class="demo-tabs"
style="overflow-y: auto; max-height: 60vh; padding-right: 50px" @tab-click="handleClick"
> >
<el-row :gutter="20"> <el-tab-pane label="基本信息" name="Basic">
<el-col :span="12"> <el-form
<el-form-item label="区县名称:" prop="qxmc"> label-position="right"
<el-input disabled v-model="detailData.qxmc" /> label-width="auto"
</el-form-item> style="overflow-y: auto; max-height: 60vh; padding-right: 50px"
<el-form-item label="站点类型:" prop="zdlx"> >
<el-select <el-row :gutter="20">
disabled <el-col :span="12">
v-model="detailData.zdlx" <el-form-item label="区县名称:" prop="qxmc">
placeholder="请选择站点类型" <el-input disabled v-model="detailData.qxmc" />
:options="zdlxOptions" </el-form-item>
/> <el-form-item label="站点类型:" prop="zdlx">
</el-form-item> <el-select
<el-form-item label="路线编码:" prop="lxbm"> disabled
<el-input disabled v-model="detailData.lxbm" /> v-model="detailData.zdlx"
</el-form-item> placeholder="请选择站点类型"
<el-form-item label="里程桩号:" prop="lczh"> :options="zdlxOptions"
<el-input disabled v-model="detailData.lczh" /> />
</el-form-item> </el-form-item>
<el-form-item label="行政等级:" prop="xzdj"> <el-form-item label="路线编码:" prop="lxbm">
<el-input disabled v-model="detailData.xzdj" /> <el-input disabled v-model="detailData.lxbm" />
</el-form-item> </el-form-item>
<el-form-item label="机动车月交通流量:" prop="yjtll"> <el-form-item label="里程桩号:" prop="lczh">
<el-input disabled v-model="detailData.yjtll" /> <el-input disabled v-model="detailData.lczh" />
</el-form-item> </el-form-item>
<el-form-item label="技术等级:" prop="jsdj"> <el-form-item label="行政等级:" prop="xzdj">
<el-input disabled v-model="detailData.jsdj" /> <el-input disabled v-model="detailData.xzdj" />
</el-form-item> </el-form-item>
<el-form-item label="备注:" prop="bz"> <el-form-item label="机动车月交通流量:" prop="yjtll">
<el-input disabled v-model="detailData.bz" type="textarea" /> <el-input disabled v-model="detailData.yjtll" />
</el-form-item> </el-form-item>
</el-col> <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-col :span="12">
<el-form-item label="服务保障点具体名称:" prop="mc"> <el-form-item label="服务保障点具体名称:" prop="mc">
<el-input disabled v-model="detailData.mc" /> <el-input disabled v-model="detailData.mc" />
</el-form-item> </el-form-item>
<el-form-item label="产权隶属单位:" prop="ssdw"> <el-form-item label="产权隶属单位:" prop="ssdw">
<el-input disabled v-model="detailData.ssdw" /> <el-input disabled v-model="detailData.ssdw" />
</el-form-item> </el-form-item>
<el-form-item label="经度:" prop="jd"> <el-form-item label="经度:" prop="jd">
<el-input disabled v-model="detailData.jd" /> <el-input disabled v-model="detailData.jd" />
</el-form-item> </el-form-item>
<el-form-item label="纬度:" prop="wd"> <el-form-item label="纬度:" prop="wd">
<el-input disabled v-model="detailData.wd" /> <el-input disabled v-model="detailData.wd" />
</el-form-item> </el-form-item>
<el-form-item label="充电桩根数:" prop="cdzgs"> <el-form-item label="充电桩根数:" prop="cdzgs">
<el-input disabled v-model="detailData.cdzgs" /> <el-input disabled v-model="detailData.cdzgs" />
</el-form-item> </el-form-item>
<el-form-item label="是否对外开放:" prop="sfdwkf"> <el-form-item label="是否对外开放:" prop="sfdwkf">
<el-input disabled v-model="detailData.sfdwkf" /> <el-input disabled v-model="detailData.sfdwkf" />
</el-form-item> </el-form-item>
<el-form-item label="对外开放的是否有如厕功能:" prop="sfdwkfrc"> <el-form-item
<el-input disabled v-model="detailData.sfdwkfrc" /> label="对外开放的是否有如厕功能:"
</el-form-item> prop="sfdwkfrc"
</el-col> >
</el-row> <el-input disabled v-model="detailData.sfdwkfrc" />
</el-form> </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>
<MyDialog <MyDialog
v-model="editDialogVisible" v-model="editDialogVisible"
@ -187,6 +207,7 @@ import { useRouter, useRoute } from "vue-router";
import { request } from "@/utils/request"; import { request } from "@/utils/request";
import { Search } from "@element-plus/icons-vue"; import { Search } from "@element-plus/icons-vue";
import MyDialog from "../../component/MyDialog"; import MyDialog from "../../component/MyDialog";
import PersonData from "./personData.vue";
const tableData = ref([]); const tableData = ref([]);
const detailData = ref({}); const detailData = ref({});
@ -541,6 +562,9 @@ const handleClickWz = (row) => {
path: `/yhzwz/${encodeURIComponent(JSON.stringify(row))}`, path: `/yhzwz/${encodeURIComponent(JSON.stringify(row))}`,
}); });
}; };
//
const activeName = ref("Basic");
</script> </script>
<style scoped> <style scoped>

View File

@ -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>