You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

659 lines
22 KiB

<template>
<div class="app-container">
<el-descriptions
class="margin-top"
:column="2"
border
:labelStyle="{
'text-align': 'left',
width: '180px',
height: '50px',
}"
:contentStyle="{ minWidth: '350px' }"
>
<el-descriptions-item>
<template slot="label"> 堤防名称 </template>
{{ this.form.dikeName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 堤防代码 </template>
{{ this.form.dikeCode }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 行政区划 </template>-->
<!-- {{ $formatAdcd(this.form) }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 安全类别 </template>-->
<!-- {{ securityCategoryFormat(this.form) }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 堤防型式 </template>
{{ dikePattFormat(this.form) }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 起点经度 </template>
{{ this.form.dikeStartLong }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 起点纬度 </template>
{{ this.form.dikeStartLat }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 终点经度 </template>
{{ this.form.dikeEndLong }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 终点纬度 </template>
{{ this.form.dikeEndLat }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防所在位置 </template>-->
<!-- {{ this.form.dikeLoc }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 堤防类型 </template>
{{ dikeTypeFormat(this.form) }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防用途 </template>-->
<!-- {{ this.form.dikeUse }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 堤防级别 </template>
{{ engGradFormat(this.form) }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 高程转换值 </template>
{{ this.form.elevSysConver }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 管理单位 </template>
{{ this.form.mnun }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 主要建筑物级别 </template>-->
<!-- {{ mainBuildGradFormat(this.form) }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 最大过闸流量 </template>-->
<!-- {{ this.form.desLockDisc }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 闸孔数量 </template>-->
<!-- {{ this.form.gaorNum }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 闸孔总净宽 </template>-->
<!-- {{ this.form.gaorTotNetWid }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 工程建设情况 </template>-->
<!-- {{ this.form.engStat }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 开工时间 </template>-->
<!-- {{ this.form.startDate }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 建成时间 </template>-->
<!-- {{ this.form.compDate }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 归口管理部门 </template>-->
<!-- {{ this.form.admDep }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 是否为套闸工程 </template>-->
<!-- {{ isGateProjectFormat(this.form) }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 观测项目 </template>-->
<!-- {{ this.form.observationProject }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 水准基面 </template>-->
<!-- {{ this.form.levelDatum }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 堤防概况 </template>
{{ this.form.sluiceOverview }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 起点所在位置 </template>
{{ this.form.startLoc }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 终点所在位置 </template>
{{ this.form.endLoc }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 堤防长度 </template>
{{ this.form.dikeLen }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防起点桩号 </template>-->
<!-- {{ this.form.dikeStartNum }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防终点桩号 </template>-->
<!-- {{ this.form.dikeEndNum }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 工程任务 </template>
{{ engTaskFormat(this.form) }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 所在河流 </template>-->
<!-- {{ this.form.dikeRiver }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 河流岸别 </template>-->
<!-- {{ this.form.dikeRvbk }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 规划防洪潮标准 </template>
{{ this.form.dikePlnStda }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 现状防洪潮标准 </template>
{{ this.form.dikeCrtStda }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 达标长度 </template>
{{ this.form.dikeStdaLen }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 不达标长度 </template>
{{ this.form.dikeNotStdaLen }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 不达标位置 </template>-->
<!-- {{ this.form.dikeNotStdaLoc }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 高程系统 </template>
{{ elevSysFormat(this.form) }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 起点堤顶高程 </template>
{{ this.form.startDikeTopEl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 终点堤顶高程 </template>
{{ this.form.endDikeTopEl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 防浪墙顶最低高程 </template>
{{ this.form.dikeWawaMinElev }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 防浪墙顶最高高程 </template>
{{ this.form.dikeWawaMaxElev }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 防浪墙顶最低高程位置 </template>-->
<!-- {{ this.form.dikeWawaMinLoc }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 防浪墙顶最高高程位置 </template>-->
<!-- {{ this.form.dikeWawaMaxLoc }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 堤顶最低高程 </template>
{{ this.form.dikeElevMin }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 堤顶最高高程 </template>
{{ this.form.dikeElevMax }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防最小高度 </template>-->
<!-- {{ this.form.dikeHeigMin }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤防最大高度 </template>-->
<!-- {{ this.form.dikeHeigMax }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤顶最小宽度 </template>-->
<!-- {{ this.form.dikeTopWidMin }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 堤顶最大宽度 </template>-->
<!-- {{ this.form.dikeTopWidMax }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 穿堤水闸数 </template>
{{ this.form.sluicesAmount }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 穿堤泵站数 </template>
{{ this.form.pumpsAmount }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 备注 </template>
{{ this.form.note }}
</el-descriptions-item>
<!-- <el-descriptions-item>
<template slot="label"> 安全鉴定状态 </template>
{{ securityStatusFormat(this.form) }}
</el-descriptions-item> -->
</el-descriptions>
<!-- <div class="btnList">
<el-button type="primary" @click="pass"> </el-button>
<el-button @click="noPass">不通过</el-button>
</div> -->
</div>
</template>
<script>
import {
listJbxx,
getJbxx,
delJbxx,
addJbxx,
updateJbxx,
exportJbxx,
} from "@/api/yg/dike/jbxx";
import { regionData, codeToText, TextToCode } from "element-china-area-data";
import { cascaderLazyLoad } from "@/utils/elUtils";
export default {
name: "Jbxx",
props: {
baseDataId: String,
},
data() {
return {
areasOptionProps: {
emitPath: false,
checkStrictly: true, //选择任意一级
expandTrigger: "hover",
lazy: true,
lazyLoad: cascaderLazyLoad,
},
areasOptions: [],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 堤防安全管理基本信息表格数据
jbxxList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 登记状态字典
statusOptions: [],
// 堤防型式字典
dikePattOptions: [],
// 堤防类型字典
dikeTypeOptions: [],
// 主要建筑物级别字典
mainBuildGradOptions: [],
// 堤防级别字典
engGradOptions: [],
// 是否为套闸工程字典
isGateProjectOptions: [],
// 安全类别字典
securityCategoryOptions: [],
// 工程任务字典
engTaskOptions: [],
// 高程系统字典
elevSysOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
ids: null,
data: {
dikeName: null,
dikePatt: null,
dikeStartLong: null,
dikeStartLat: null,
dikeEndLong: null,
dikeEndLat: null,
dikeLoc: null,
dikeType: null,
dikeUse: null,
engGrad: null,
mainBuildGrad: null,
desLockDisc: null,
gaorNum: null,
gaorTotNetWid: null,
engStat: null,
startDate: null,
compDate: null,
admDep: null,
isGateProject: null,
observationProject: null,
levelDatum: null,
dikeOverview: null,
createUid: null,
updateUid: null,
owerDept: null,
relation: null,
status: null,
securityCategory: null,
adcd: null,
hzStatus: null,
zxStatus: null,
reason: null,
startLoc: null,
endLoc: null,
dikeLen: null,
dikeStartNum: null,
dikeEndNum: null,
engTask: null,
dikeRiver: null,
dikeRvbk: null,
dikePlnStda: null,
dikeCrtStda: null,
dikeStdaLen: null,
dikeNotStdaLen: null,
dikeNotStdaLoc: null,
elevSys: null,
startDikeTopEl: null,
endDikeTopEl: null,
dikeWawaMinElev: null,
dikeWawaMaxElev: null,
dikeWawaMinLoc: null,
dikeWawaMaxLoc: null,
dikeElevMin: null,
dikeElevMax: null,
dikeHeigMin: null,
dikeHeigMax: null,
dikeTopWidMin: null,
dikeTopWidMax: null,
sluicesAmount: null,
pumpsAmount: null,
note: null,
effDate: null,
exprDate: null,
},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序,升序asc
sortBy: "desc",
},
},
// 表单参数
form: {},
// 表单校验
rules: {
dikeName: [
{ required: true, message: "堤防名称不能为空", trigger: "blur" },
],
dikeCode: [
{ required: true, message: "堤防编码不能为空", trigger: "blur" },
],
dikeStartLong: [
{
pattern:
/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{1,15})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{1,15}|180)$/,
message: "请输入正确的经度,-180至180,小数可有15位",
trigger: "blur",
},
],
dikeEndLong: [
{
pattern:
/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{1,15})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{1,15}|180)$/,
message: "请输入正确的经度,-180至180,小数可有15位",
trigger: "blur",
},
],
dikeStartLat: [
{
pattern:
/^(\-|\+)?([0-8]?\d{1}\.\d{1,15}|90\.0{1,15}|[0-8]?\d{1}|90)$/,
message: "请输入正确的纬度,-90至90,小数可有15位",
trigger: "blur",
},
],
dikeEndLat: [
{
pattern:
/^(\-|\+)?([0-8]?\d{1}\.\d{1,15}|90\.0{1,15}|[0-8]?\d{1}|90)$/,
message: "请输入正确的纬度,-90至90,小数可有15位",
trigger: "blur",
},
],
securityCategory: [
{ required: true, message: "请选择安全类别", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.getDicts("report_status").then((response) => {
this.statusOptions = response.data;
});
this.getDicts("embankment_form").then((response) => {
this.dikePattOptions = response.data;
});
this.getDicts("embankment_type").then((response) => {
this.dikeTypeOptions = response.data;
});
this.getDicts("embankment_level").then((response) => {
this.engGradOptions = response.data;
});
this.getDicts("building_level").then((response) => {
this.mainBuildGradOptions = response.data;
});
this.getDicts("whether").then((response) => {
this.isGateProjectOptions = response.data;
});
this.getDicts("security_category").then((response) => {
this.securityCategoryOptions = response.data;
});
this.getDicts("dike_engineering_task").then((response) => {
this.engTaskOptions = response.data;
});
this.getDicts("elevation_system").then((response) => {
this.elevSysOptions = response.data;
});
},
methods: {
pass() {
console.log("审核通过");
},
noPass() {
console.log("审核不通过");
},
/** 查询堤防安全管理基本信息列表 */
getList() {
this.loading = true;
const id = this.$route.query.baseDataId || this.baseDataId;
getJbxx(id).then((response) => {
console.log(1111, response);
this.form = response.data;
// this.jbxxList = response.records;
// this.total = response.total;
// this.loading = false;
});
},
// 登记状态字典翻译
statusFormat(row) {
return this.selectDictLabel(this.statusOptions, row.status);
},
// 堤防型式字典翻译
dikePattFormat(row, column) {
// 将 row.dikePatt 按逗号分割成数组
let dikePattArray = row.dikePatt.split(',');
// 遍历数组,逐个元素查找字典的标签
let formattedLabels = dikePattArray.map(code => {
return this.selectDictLabel(this.dikePattOptions, code);
});
// 将结果用逗号拼接
return formattedLabels.join(', ');
},
// 堤防类型字典翻译
dikeTypeFormat(row, column) {
return this.selectDictLabel(this.dikeTypeOptions, row.dikeType);
},
// 堤防级别字典翻译
engGradFormat(row, column) {
return this.selectDictLabel(this.engGradOptions, row.dikeGrad);
},
// 主要建筑物级别字典翻译
mainBuildGradFormat(row, column) {
return this.selectDictLabel(this.mainBuildGradOptions, row.mainBuildGrad);
},
// 是否为套闸工程字典翻译
isGateProjectFormat(row, column) {
return this.selectDictLabel(this.isGateProjectOptions, row.isGateProject);
},
// 安全类别字典翻译
securityCategoryFormat(row, column) {
return this.selectDictLabel(
this.securityCategoryOptions,
row.securityCategory
);
},
// 工程任务字典翻译
engTaskFormat(row, column) {
return this.selectDictLabel(this.engTaskOptions, row.engTask);
},
// 高程系统字典翻译
elevSysFormat(row, column) {
if (row.elevSys.length < 2) {
row.elevSys = "0" + row.elevSys
}
return this.selectDictLabel(this.elevSysOptions, row.elevSys);
},
// 取消按钮
cancel() {
// this.reset();
this.$router.back();
},
// 表单重置
reset() {
this.form = {
id: null,
dikeName: null,
dikeCode: null,
dikePatt: null,
dikeStartLong: null,
dikeStartLat: null,
dikeEndLong: null,
dikeEndLat: null,
dikeLoc: null,
dikeType: null,
dikeUse: null,
engGrad: null,
mainBuildGrad: null,
desLockDisc: null,
gaorNum: null,
gaorTotNetWid: null,
engStat: null,
startDate: null,
compDate: null,
admDep: null,
isGateProject: "0",
observationProject: null,
levelDatum: null,
dikeOverview: null,
createUid: null,
updateUid: null,
createTime: null,
updateTime: null,
owerDept: null,
remark: null,
relation: null,
status: "0",
securityCategory: null,
adcd: null,
hzStatus: "0",
zxStatus: "0",
reason: null,
startLoc: null,
endLoc: null,
dikeLen: null,
dikeStartNum: null,
dikeEndNum: null,
engTask: null,
dikeRiver: null,
dikeRvbk: null,
dikePlnStda: null,
dikeCrtStda: null,
dikeStdaLen: null,
dikeNotStdaLen: null,
dikeNotStdaLoc: null,
elevSys: null,
startDikeTopEl: null,
endDikeTopEl: null,
dikeWawaMinElev: null,
dikeWawaMaxElev: null,
dikeWawaMinLoc: null,
dikeWawaMaxLoc: null,
dikeElevMin: null,
dikeElevMax: null,
dikeHeigMin: null,
dikeHeigMax: null,
dikeTopWidMin: null,
dikeTopWidMax: null,
sluicesAmount: null,
pumpsAmount: null,
note: null,
effDate: null,
exprDate: null,
};
this.resetForm("form");
},
/** 提交按钮 */
submitForm() {
console.log("审核通过");
// this.$refs["form"].validate((valid) => {
// if (valid) {
// if (this.form.id != null) {
// updateJbxx(this.form).then((response) => {
// if (response.code === 200) {
// this.msgSuccess("修改成功");
// // this.open = false;
// this.getList();
// }
// });
// } else {
// addJbxx(this.form).then((response) => {
// if (response.code === 200) {
// this.msgSuccess("新增成功");
// // this.open = false;
// this.getList();
// }
// });
// }
// }
// });
},
},
};
</script>
<style lang="scss" scoped>
.btnList {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1;
}
</style>