Compare commits

..

2 Commits

4 changed files with 136 additions and 63 deletions

View File

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

View File

@ -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);
}

View File

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

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>