feat: 恢复重建PC端 页面调整
This commit is contained in:
parent
210128041e
commit
ea2fbf61db
@ -52,19 +52,6 @@ const route = useRoute()
|
||||
const breadcrumbList = ref([])
|
||||
const currentIndex = ref(0)
|
||||
|
||||
// 路由配置映射表(用于查找父级路由)
|
||||
const routeMap = {
|
||||
'warningManagement': {
|
||||
path: '/warningManagement',
|
||||
name: 'warningManagement',
|
||||
meta: { title: '响应预警' }
|
||||
},
|
||||
'ledgerManagement': {
|
||||
path: '/ledgerManagement',
|
||||
name: 'ledgerManagement',
|
||||
meta: { title: '驻地台账' }
|
||||
}
|
||||
}
|
||||
|
||||
// 生成面包屑数据
|
||||
const generateBreadcrumb = () => {
|
||||
|
||||
@ -1,451 +0,0 @@
|
||||
<template>
|
||||
<div class="detail-container">
|
||||
<el-form ref="formRef" :model="form" label-position="right" label-width="150px"
|
||||
style="max-height: 60vh; overflow-y: auto; padding-right: 50px" :rules="rules" :disabled="disabled">
|
||||
<el-row style="margin: 20px 20px;">
|
||||
<h4>基本信息</h4>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="区县名称" prop="区县名称">
|
||||
<el-input v-model="form.project.districtName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="路线编码" prop="路线编码">
|
||||
<el-input v-model="form.project.routeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实施里程(公里)" prop="实施里程">
|
||||
<el-input-number v-model="form.project.implementMileage" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="路线名称" prop="路线名称">
|
||||
<el-input v-model="form.project.routeName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="起点桩号" prop="起点桩号">
|
||||
<el-input v-model="form.project.startStakeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="止点桩号" prop="止点桩号">
|
||||
<el-input v-model="form.project.endStakeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="总投资(万元)" prop="总投资">
|
||||
<el-input-number v-model="form.project.totalInvestment" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预估费用(万元)" prop="预估费用">
|
||||
<el-input-number v-model="form.project.estimatedCost" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术等级" prop="技术等级">
|
||||
<el-select v-model="form.project.technicalGrade">
|
||||
<el-option
|
||||
v-for="item in [{ value: '三级', label: '三级' }, { value: '二级', label: '二级' }, { value: '一级', label: '一级' }]"
|
||||
:key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="资金来源" prop="资金来源">
|
||||
<el-input v-model="form.project.fundingSource"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="处置灾毁处数" prop="处置灾毁处数">
|
||||
<el-input-number v-model="form.project.disposalCount" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="已完工处数" prop="已完工处数">
|
||||
<el-input-number v-model="form.project.completedCount" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="项目费用类型" prop="项目费用类型">
|
||||
<el-radio-group v-model="form.project.projectExpenseType">
|
||||
<el-radio value="自费重修">自费重修</el-radio>
|
||||
<el-radio value="申报重修">申报重修</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin: 20px 20px;">
|
||||
<h4>实施情况</h4>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="主要建设内容" prop="主要建设内容">
|
||||
<el-input v-model="form.project.mainConstructionContent" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开工或预计开工时间" prop="开工或预计开工时间">
|
||||
<el-date-picker type="date" v-model="form.project.startTime" format="YYYY/MM/DD"
|
||||
value-format="YYYY-MM-DD"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="完工或预计完工时间" prop="完工或预计完工时间">
|
||||
<el-date-picker type="date" v-model="form.project.endTime" format="YYYY/MM/DD"
|
||||
value-format="YYYY-MM-DD"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="是否在部交通统计报表管理系统报送投资" prop="是否在部交通统计报表管理系统报送投资" label-width="300px">
|
||||
<el-radio-group v-model="form.project.isReportedToMinistry">
|
||||
<el-radio value="1">是</el-radio>
|
||||
<el-radio value="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="已报送投资额" prop="已报送投资额" label-width="160px">
|
||||
<el-input-number v-model="form.project.reportedInvestment" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建设单位名称" prop="建设单位名称">
|
||||
<el-input v-model="form.project.constructionUnit"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建设单位联系人" prop="建设单位联系人">
|
||||
<el-input v-model="form.project.constructionUnitContact"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建设单位联系电话" prop="建设单位联系电话">
|
||||
<el-input v-model="form.project.constructionUnitPhone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工单位名称" prop="施工单位名称">
|
||||
<el-input v-model="form.project.executionUnit"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工单位联系人" prop="施工单位联系人">
|
||||
<el-input v-model="form.project.executionUnitContact"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工单位联系电话" prop="施工单位联系电话">
|
||||
<el-input v-model="form.project.executionUnitPhone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="设计单位名称" prop="设计单位名称">
|
||||
<el-input v-model="form.project.designUnit"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="设计单位联系人" prop="设计单位联系人">
|
||||
<el-input v-model="form.project.designUnitContact"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="设计单位联系电话" prop="设计单位联系电话">
|
||||
<el-input v-model="form.project.designUnitPhone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监理单位名称" prop="监理单位名称">
|
||||
<el-input v-model="form.project.supervisionUnit"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监理单位联系人" prop="监理单位联系人">
|
||||
<el-input v-model="form.project.supervisionUnitContact"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监理单位联系电话" prop="监理单位联系电话">
|
||||
<el-input v-model="form.project.supervisionUnitPhone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工图批复时间" prop="施工图批复时间">
|
||||
<el-date-picker type="date" v-model="form.project.designApprovalTime" format="YYYY/MM/DD"
|
||||
value-format="YYYY-MM-DD"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工图批复文件" prop="施工图批复文件">
|
||||
<el-input v-model="form.project.xxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工合同时间" prop="施工合同时间">
|
||||
<el-date-picker type="date" v-model="form.project.contractTime" format="YYYY/MM/DD"
|
||||
value-format="YYYY-MM-DD"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工合同金额" prop="施工合同金额">
|
||||
<el-input-number v-model="form.project.contractAmount" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="施工合同" prop="施工合同">
|
||||
<el-input v-model="form.project.xxxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="建设完成投资" prop="建设完成投资">
|
||||
<el-input-number v-model="form.project.completedInvestment" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="交竣工验收时间" prop="交竣工验收时间">
|
||||
<el-date-picker type="date" v-model="form.project.acceptanceTime" format="YYYY/MM/DD"
|
||||
value-format="YYYY-MM-DD"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="交竣工证书" prop="交竣工证书">
|
||||
<el-input v-model="form.project.xxxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="其他佐证文件" prop="其他佐证文件">
|
||||
<el-input v-model="form.project.xxxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="完工项目上传" prop="完工项目上传">
|
||||
<el-input v-model="form.project.xxxx"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch, computed } from "vue";
|
||||
import { request } from "@/utils/request";
|
||||
const formRef = ref(null);
|
||||
defineExpose({ formRef });
|
||||
|
||||
const props = defineProps({
|
||||
form: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
}
|
||||
});
|
||||
const sfjwd = ref("是");
|
||||
const qx = ref("");
|
||||
const loading = ref(false);
|
||||
const selectOptions = ref([]);
|
||||
const qxList = ref([]);
|
||||
|
||||
// 根据用户信息 查询角色列表
|
||||
const getUserList = async (key) => {
|
||||
try {
|
||||
const keyword = key;
|
||||
let url = "";
|
||||
if (keyword) {
|
||||
url = `/snow-ops-platform/yhzry/getUserByKey?key=${keyword}`;
|
||||
} else {
|
||||
url = `/snow-ops-platform/yhzry/getUserByKey?key=`;
|
||||
}
|
||||
const res = await request({
|
||||
url: url,
|
||||
method: "GET",
|
||||
});
|
||||
if (res.code === "00000") {
|
||||
return res.data;
|
||||
} else {
|
||||
throw new Error(res.message);
|
||||
}
|
||||
} catch (error) {
|
||||
ElMessage.error(error.message);
|
||||
console.log(error);
|
||||
}
|
||||
};
|
||||
|
||||
// 选择人员筛选
|
||||
const remoteMethod = async (query) => {
|
||||
if (query === "") {
|
||||
selectOptions.value = [];
|
||||
return [];
|
||||
}
|
||||
loading.value = true;
|
||||
const res = await getUserList(query);
|
||||
if (res) {
|
||||
selectOptions.value = res;
|
||||
}
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
// 根据区县名称 查询区县列表
|
||||
const getQxList = async (key) => {
|
||||
try {
|
||||
const keyword = key;
|
||||
let url = "";
|
||||
if (keyword) {
|
||||
url = `/snow-ops-platform/district/listDistricts?qxmc=${keyword}`;
|
||||
} else {
|
||||
url = `/snow-ops-platform/district/listDistricts?qxmc=`;
|
||||
}
|
||||
const res = await request({
|
||||
url: url,
|
||||
method: "GET",
|
||||
});
|
||||
if (res.code === "00000") {
|
||||
return res.data;
|
||||
} else {
|
||||
throw new Error(res.message);
|
||||
}
|
||||
} catch (error) { }
|
||||
};
|
||||
|
||||
// 选择区县筛选
|
||||
const remoteMethod_qx = async (query) => {
|
||||
loading.value = true;
|
||||
const res = await getQxList(query);
|
||||
if (res) {
|
||||
qxList.value = res;
|
||||
}
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
// 选择区县
|
||||
const handleSelect_qx = (value) => {
|
||||
props.form.qxmc = value;
|
||||
};
|
||||
|
||||
// 选择人员
|
||||
const handleSelect = (value) => {
|
||||
console.log("value", value);
|
||||
props.form.fzrXm = value.realName;
|
||||
props.form.fzrSjhm = value.phone;
|
||||
props.form.fzrUserId = value.userId;
|
||||
};
|
||||
|
||||
const rules = computed(() => {
|
||||
return {
|
||||
mc: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.mc) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入服务站名称"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
qxmc: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.qxmc) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请选择所属区县"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
fzr: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.fzrUserId && props.form.fzrXm && props.form.fzrSjhm) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请选择负责人"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
jd: [
|
||||
{
|
||||
required: sfjwd.value === "否",
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.jd) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入站点经度"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
wd: [
|
||||
{
|
||||
required: sfjwd.value === "否",
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.wd) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入站点纬度"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
};
|
||||
});
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -0,0 +1,289 @@
|
||||
<template>
|
||||
<div class="detail-container">
|
||||
<el-form ref="formRef" :model="form" label-position="right" label-width="150px"
|
||||
style="max-height: 60vh; overflow-y: auto; padding-right: 50px" :rules="rules" :disabled="disabled">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="区县名称" prop="区县名称">
|
||||
<el-input v-model="form.project.districtName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="路线编码" prop="路线编码">
|
||||
<el-input v-model="form.project.routeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实施里程(公里)" prop="实施里程">
|
||||
<el-input-number v-model="form.project.implementMileage" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="塌方及损失" prop="塌方及损失">
|
||||
<el-input-number v-model="form.project.earthworkLoss" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="起点桩号" prop="起点桩号">
|
||||
<el-input v-model="form.project.startStakeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="止点桩号" prop="止点桩号">
|
||||
<el-input v-model="form.project.endStakeNo"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="路况位置" prop="路况位置">
|
||||
<el-input v-model="form.project.roadLocation"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="阻断点小地名" prop="阻断点小地名">
|
||||
<el-input v-model="form.project.blockedPointName"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="灾害类型" prop="灾害类型">
|
||||
<el-input v-model="form.project.disasterType"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="预估费用" prop="预估费用">
|
||||
<el-input-number v-model="form.project.estimatedCost" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="技术等级" prop="技术等级">
|
||||
<el-select v-model="form.project.technicalGrade">
|
||||
<el-option
|
||||
v-for="item in [{ value: '三级', label: '三级' }, { value: '二级', label: '二级' }, { value: '一级', label: '一级' }]"
|
||||
:key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="资金来源" prop="资金来源">
|
||||
<el-input v-model="form.project.fundingSource"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="处置灾毁处数" prop="处置灾毁处数">
|
||||
<el-input-number v-model="form.project.disposalCount" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="已完工处数" prop="已完工处数">
|
||||
<el-input-number v-model="form.project.completedCount" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="总投资" prop="总投资">
|
||||
<el-input-number v-model="form.project.totalInvestment" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="项目费用类型" prop="项目费用类型">
|
||||
<el-radio-group v-model="form.project.projectExpenseType">
|
||||
<el-radio value="自费重修">自费重修</el-radio>
|
||||
<el-radio value="申报重修">申报重修</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, watch, computed } from "vue";
|
||||
import { request } from "@/utils/request";
|
||||
const formRef = ref(null);
|
||||
defineExpose({ formRef });
|
||||
|
||||
const props = defineProps({
|
||||
form: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
}
|
||||
});
|
||||
const sfjwd = ref("是");
|
||||
const qx = ref("");
|
||||
const loading = ref(false);
|
||||
const selectOptions = ref([]);
|
||||
const qxList = ref([]);
|
||||
|
||||
// 根据用户信息 查询角色列表
|
||||
const getUserList = async (key) => {
|
||||
try {
|
||||
const keyword = key;
|
||||
let url = "";
|
||||
if (keyword) {
|
||||
url = `/snow-ops-platform/yhzry/getUserByKey?key=${keyword}`;
|
||||
} else {
|
||||
url = `/snow-ops-platform/yhzry/getUserByKey?key=`;
|
||||
}
|
||||
const res = await request({
|
||||
url: url,
|
||||
method: "GET",
|
||||
});
|
||||
if (res.code === "00000") {
|
||||
return res.data;
|
||||
} else {
|
||||
throw new Error(res.message);
|
||||
}
|
||||
} catch (error) {
|
||||
ElMessage.error(error.message);
|
||||
console.log(error);
|
||||
}
|
||||
};
|
||||
|
||||
// 选择人员筛选
|
||||
const remoteMethod = async (query) => {
|
||||
if (query === "") {
|
||||
selectOptions.value = [];
|
||||
return [];
|
||||
}
|
||||
loading.value = true;
|
||||
const res = await getUserList(query);
|
||||
if (res) {
|
||||
selectOptions.value = res;
|
||||
}
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
// 根据区县名称 查询区县列表
|
||||
const getQxList = async (key) => {
|
||||
try {
|
||||
const keyword = key;
|
||||
let url = "";
|
||||
if (keyword) {
|
||||
url = `/snow-ops-platform/district/listDistricts?qxmc=${keyword}`;
|
||||
} else {
|
||||
url = `/snow-ops-platform/district/listDistricts?qxmc=`;
|
||||
}
|
||||
const res = await request({
|
||||
url: url,
|
||||
method: "GET",
|
||||
});
|
||||
if (res.code === "00000") {
|
||||
return res.data;
|
||||
} else {
|
||||
throw new Error(res.message);
|
||||
}
|
||||
} catch (error) { }
|
||||
};
|
||||
|
||||
// 选择区县筛选
|
||||
const remoteMethod_qx = async (query) => {
|
||||
loading.value = true;
|
||||
const res = await getQxList(query);
|
||||
if (res) {
|
||||
qxList.value = res;
|
||||
}
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
// 选择区县
|
||||
const handleSelect_qx = (value) => {
|
||||
props.form.qxmc = value;
|
||||
};
|
||||
|
||||
// 选择人员
|
||||
const handleSelect = (value) => {
|
||||
console.log("value", value);
|
||||
props.form.fzrXm = value.realName;
|
||||
props.form.fzrSjhm = value.phone;
|
||||
props.form.fzrUserId = value.userId;
|
||||
};
|
||||
|
||||
const rules = computed(() => {
|
||||
return {
|
||||
mc: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.mc) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入服务站名称"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
qxmc: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.qxmc) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请选择所属区县"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
fzr: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.fzrUserId && props.form.fzrXm && props.form.fzrSjhm) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请选择负责人"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
jd: [
|
||||
{
|
||||
required: sfjwd.value === "否",
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.jd) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入站点经度"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
wd: [
|
||||
{
|
||||
required: sfjwd.value === "否",
|
||||
validator: (rule, value, callback) => {
|
||||
if (props.form.wd) {
|
||||
callback();
|
||||
} else {
|
||||
callback(new Error("请输入站点纬度"));
|
||||
}
|
||||
},
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
};
|
||||
});
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,7 +1,7 @@
|
||||
import { h, ref, onMounted, reactive, watch, toRaw, nextTick } from "vue";
|
||||
import { request } from "@/utils/request";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import AddDialog from "./addDialog.vue";
|
||||
import ExamineDialog from "./examineDialog.vue";
|
||||
|
||||
const tableData = ref([]); // 表格数据
|
||||
const modelVisible = ref(false); // 弹窗状态
|
||||
@ -42,59 +42,63 @@ const drawerRef = ref(null); // 抽屉实例
|
||||
|
||||
const columns = [
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "districtName",
|
||||
label: "区县",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "routeNo",
|
||||
label: "路线编码",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "disasterType",
|
||||
label: "灾害类型",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "startStakeNo",
|
||||
label: "起点桩号",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "endStakeNo",
|
||||
label: "止点桩号",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "implementMileage",
|
||||
label: "实施里程(公里)",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "technicalGrade",
|
||||
label: "技术等级",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "totalInvestment",
|
||||
label: "总投资金额(万元)",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "estimatedCost",
|
||||
label: "投资估算(万元)",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "startTime",
|
||||
label: "开工或预计开工时间",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "endTime",
|
||||
label: "完工或预计完工时间",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
label: "申报状态",
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "approvalStatus",
|
||||
label: "审批状态",
|
||||
formatter: (row) => {
|
||||
const statusMap = {
|
||||
0: '待审批',
|
||||
1: '审批通过',
|
||||
2: '审批驳回'
|
||||
};
|
||||
return statusMap[row.approvalStatus] || '未知状态';
|
||||
}
|
||||
},
|
||||
{
|
||||
prop: "xxx",
|
||||
prop: "updateTime",
|
||||
label: "更新日期",
|
||||
},
|
||||
{
|
||||
@ -130,8 +134,8 @@ const columns = [
|
||||
|
||||
// 过滤条件
|
||||
const filterData = reactive({
|
||||
year: "",
|
||||
code: "",
|
||||
submitTimeStart: "",
|
||||
routeNo: "",
|
||||
})
|
||||
// 分页
|
||||
const pagination = reactive({
|
||||
@ -147,30 +151,33 @@ const pagination = reactive({
|
||||
},
|
||||
});
|
||||
|
||||
// 获取预警列表
|
||||
// 获取项目列表
|
||||
const getTableData = async (filterData) => {
|
||||
try {
|
||||
const res = await request({
|
||||
url: '',
|
||||
url: '/snow-ops-platform/recovery/list',
|
||||
method: "GET",
|
||||
params: {
|
||||
|
||||
...filterData,
|
||||
submitTimeStart: filterData.submitTimeStart ? filterData.submitTimeStart+`-01-01 00:00:00` : null,
|
||||
pageNum: pagination.current,
|
||||
pageSize: pagination.pageSize,
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
|
||||
console.error('获取项目列表失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 打开填报项目弹窗
|
||||
const openAddDialog = () => {
|
||||
model.title = '';
|
||||
// 打开审批弹窗
|
||||
const openExamineDialog = async () => {
|
||||
model.title = '项目审批';
|
||||
Object.assign(form, INIT_FORM);
|
||||
model.props = {
|
||||
form: form,
|
||||
};
|
||||
model.content = AddDialog;
|
||||
model.content = ExamineDialog;
|
||||
model.onCancel = () => {
|
||||
modelVisible.value = false;
|
||||
};
|
||||
@ -184,8 +191,10 @@ const openAddDialog = () => {
|
||||
});
|
||||
};
|
||||
model.width = "50%"
|
||||
// model.footerPosition = 'center'
|
||||
// model.onCancelType = 'null'
|
||||
model.footerPosition = 'flex-end'
|
||||
model.onCancelType = 'danger'
|
||||
model.onConfirmName = '审批通过'
|
||||
model.onCancelName = '审批驳回'
|
||||
// model.tagType = 'warning'
|
||||
// model.tagContent = '测试'
|
||||
modelVisible.value = true;
|
||||
@ -193,10 +202,20 @@ const openAddDialog = () => {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
export default () => {
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
onMounted(() => {
|
||||
getTableData();
|
||||
})
|
||||
|
||||
|
||||
watch(filterData, (val) => {
|
||||
getTableData(filterData);
|
||||
}, { deep: true })
|
||||
|
||||
|
||||
return {
|
||||
@ -211,6 +230,6 @@ export default () => {
|
||||
drawer,
|
||||
dialogRef,
|
||||
drawerRef,
|
||||
openAddDialog,
|
||||
openExamineDialog,
|
||||
}
|
||||
}
|
||||
@ -1,13 +1,12 @@
|
||||
<template>
|
||||
<div class="root">
|
||||
<div class="search-box">
|
||||
<el-date-picker v-model="script.filterData.year" type="year" placeholder="年度" format="YYYY"
|
||||
<el-date-picker v-model="script.filterData.submitTimeStart" type="year" placeholder="年度" format="YYYY" value-format="YYYY"
|
||||
style="width: 240px; margin-right: 10px" size="large" />
|
||||
<el-input v-model="script.filterData.code" style="width: 240px; margin-right: 10px" size="large"
|
||||
<el-input v-model="script.filterData.routeNo" style="width: 240px; margin-right: 10px" size="large"
|
||||
placeholder="路线编码" :suffix-icon="Search" />
|
||||
</div>
|
||||
<div class="event-box">
|
||||
<el-button type="primary" @click="script.openAddDialog">项目填报</el-button>
|
||||
<el-button type="primary" color="#952DE6" @click="">导出</el-button>
|
||||
</div>
|
||||
<DynamicTable :dataSource="script.tableData.value" :columns="script.columns" :autoHeight="true"
|
||||
|
||||
@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<div class="root">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.root {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -93,8 +93,8 @@ export default defineConfig(({ command, mode }) => {
|
||||
cors: true,
|
||||
proxy: {
|
||||
'/snow-ops-platform': {
|
||||
target: 'http://192.168.110.16:8661/',
|
||||
// target: 'http://8.137.54.85:8661/', //测试环境
|
||||
// target: 'http://192.168.110.16:8661/',
|
||||
target: 'http://8.137.54.85:8661/', //测试环境
|
||||
// target: 'http://192.168.110.36:8661/', //张启生本地环境
|
||||
changeOrigin: true,
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user