panyuyi
12 months ago
16 changed files with 630 additions and 562 deletions
@ -0,0 +1,82 @@ |
|||
<template> |
|||
<el-tabs v-model="activeName"> |
|||
<el-tab-pane label="堤防基本信息" name="basePage" :lazy="true"> |
|||
<basePage :baseDataId="this.id" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="堤防横断面" name="dikeCrossSection" :lazy="true"> |
|||
<dikeCrossSection :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="堤防横断面特征值" |
|||
name="dikeCrossSectionTrait" |
|||
:lazy="true" |
|||
> |
|||
<dikeCrollSectionTrait :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="水文特征" |
|||
name="hydrologicalCharacteristics" |
|||
:lazy="true" |
|||
> |
|||
<hydrologicalCharacteristics :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="管理体制" name="managementSystem" :lazy="true"> |
|||
<managementSystem :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="历史决溢记录" |
|||
name="historyOverflowsRecords" |
|||
:lazy="true" |
|||
> |
|||
<historyOverflowsRecords :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="主要效益指标" name="bainBenefitIndex" :lazy="true"> |
|||
<bainBenefitIndex :dikeCode="this.code" /> |
|||
</el-tab-pane> |
|||
<!-- <el-tab-pane |
|||
label="风险隐患调查信息" |
|||
name="riskInvestigationInformation" |
|||
:lazy="true" |
|||
> |
|||
<riskInvestigationInformation :dikeCode="this.code"/> |
|||
</el-tab-pane> --> |
|||
</el-tabs> |
|||
</template> |
|||
<script> |
|||
import basePage from "../../../../dike/engineeringCondition/dikeBaseInfo/options/basePage.vue"; |
|||
import dikeCrossSection from "../../../../dike/engineeringCondition/dikeBaseInfo/options/dikeCrossSection.vue"; |
|||
import dikeCrollSectionTrait from "../../../../dike/engineeringCondition/dikeBaseInfo/options/dikeCrossSectionTrait.vue"; |
|||
import hydrologicalCharacteristics from "../../../../dike/engineeringCondition/dikeBaseInfo/options/hydrologicalCharacteristics.vue"; |
|||
import managementSystem from "../../../../dike/engineeringCondition/dikeBaseInfo/options/managementSystem.vue"; |
|||
import historyOverflowsRecords from "../../../../dike/engineeringCondition/dikeBaseInfo/options/historyOverflowsRecords.vue"; |
|||
import bainBenefitIndex from "../../../../dike/engineeringCondition/dikeBaseInfo/options/bainBenefitIndex.vue"; |
|||
import riskInvestigationInformation from "../../../../dike/engineeringCondition/dikeBaseInfo/options/riskInvestigationInformation.vue"; |
|||
export default { |
|||
components: { |
|||
basePage, |
|||
dikeCrossSection, |
|||
dikeCrollSectionTrait, |
|||
hydrologicalCharacteristics, |
|||
managementSystem, |
|||
historyOverflowsRecords, |
|||
bainBenefitIndex, |
|||
riskInvestigationInformation, |
|||
}, |
|||
props: { |
|||
id: String, |
|||
code: String, |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: "basePage", |
|||
}; |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
reset() { |
|||
this.activeName = "basePage"; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="less"></style> |
|||
@ -0,0 +1,44 @@ |
|||
<template> |
|||
<div class="dike-detail-page"> |
|||
<el-dialog :visible.sync="showDialog" title="堤防详情" width="960px"> |
|||
<DikeBaseInfo ref="dikeRef" :id="this.id" :code="this.code" /> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import DikeBaseInfo from "@/views/dike/runManage/components/DikeBaseInfo/index.vue"; |
|||
|
|||
export default { |
|||
components: { DikeBaseInfo }, |
|||
props: { |
|||
value: Boolean, |
|||
id: String, |
|||
code: String, |
|||
}, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
computed: { |
|||
showDialog: { |
|||
get() { |
|||
return this.value; |
|||
}, |
|||
set(val) { |
|||
this.$emit("input", val); |
|||
}, |
|||
}, |
|||
}, |
|||
watch: { |
|||
value(newVal, old) { |
|||
if (newVal) { |
|||
} else { |
|||
this.$refs.dikeRef?.reset(); |
|||
} |
|||
}, |
|||
}, |
|||
methods: {}, |
|||
created() {}, |
|||
mounted() {}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="less"></style> |
|||
@ -1,358 +0,0 @@ |
|||
<template> |
|||
<div class="dike-detail-page"> |
|||
<el-dialog :visible.sync="showDialog" title="堤防详情" width="960px"> |
|||
<div class="title">工程基础信息</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>堤防名称：</span> |
|||
<span>这是什么名称啊啊啊啊啊</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>堤防编码：</span> |
|||
<span>44011111000009</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>起点所在行政区划：</span> |
|||
<span>广东省广州市白云区</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>终点所在行政区划：</span> |
|||
<span>广州市白云区</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>空间位置：</span> |
|||
<el-button type="primary" link>打开地图</el-button> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>起点桩号：</span> |
|||
<span>沉香沙0+000</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>终点桩号：</span> |
|||
<span>沉香沙3+212</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>堤防类型：</span> |
|||
<span>江河堤</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>是否为蓄滞洪区堤防：</span> |
|||
<span>否</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>堤防跨界情况：</span> |
|||
<span>未跨县</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>所在河流：</span> |
|||
<span>珠江西航道支1</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>河流岸别：</span> |
|||
<span>左岸</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>堤防型式：</span> |
|||
<span>土石混合堤</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>最近达标加固完工状态：</span> |
|||
<span>已开展达标加固</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>最近达标加固完工时间：</span> |
|||
<span>2021-11-12</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>建成时间：</span> |
|||
<span>-</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>工程任务：</span> |
|||
<span>防洪</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>堤防级别：</span> |
|||
<span>4级</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>设计防洪(潮)标准[重现期]：</span> |
|||
<span>20</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>规划防洪(潮)标准[重现期]：</span> |
|||
<span>20</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>堤防长度(m)：</span> |
|||
<span>3631</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>达标长度(m)：</span> |
|||
<span>-</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>保护人口(单位:万人)：</span> |
|||
<span>0</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>保护农田(单位:万亩)：</span> |
|||
<span>否</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>重要基础设施：</span> |
|||
<span></span> |
|||
</el-col> |
|||
<!-- <el-col :span="8"> |
|||
<span></span> |
|||
<span></span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span></span> |
|||
<span></span> |
|||
</el-col> --> |
|||
</el-row> |
|||
<div class="title mt-20">工程管理情况</div> |
|||
<div class="tile-line mt-10"> |
|||
<span class="pl-2 pr-2">工程管理单位</span> |
|||
</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位：</span> |
|||
<span>广州市珠江前后航道流域实物中心</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位性质：</span> |
|||
<span>事业</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位权属：</span> |
|||
<span>市级管理</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位责任人：</span> |
|||
<span>胡细凤</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位负责人职务：</span> |
|||
<span>主任</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>工程管理单位责任人电话：</span> |
|||
<span>13609037391</span> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="tile-line mt-10"> |
|||
<span class="pl-2 pr-2">水行政主管部门</span> |
|||
</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>水行政主管部门：</span> |
|||
<span>广州市水务局</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>水行政主管部门性质：</span> |
|||
<span>机关</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>水行政主管部门负责人：</span> |
|||
<span>何矩文</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>水行政主管部门责任人职务：</span> |
|||
<span>二级调研员</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>水行政主管部门责任人电话：</span> |
|||
<span>13800000000</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>行业归口管理部门：水利部门</span> |
|||
<span>13609037391</span> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="tile-line mt-10"> |
|||
<span class="pl-2 pr-2">防汛行政责任人</span> |
|||
</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>防汛行政责任人：</span> |
|||
<span>周军</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>防汛行政责任人职务：</span> |
|||
<span>白云区副区长</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>防汛行政责任人手机号码：</span> |
|||
<span>13580325008</span> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="tile-line mt-10"> |
|||
<span class="pl-2 pr-2">划界确权</span> |
|||
</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>管理范围划界：</span> |
|||
<span>完成划定</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>完成时间：</span> |
|||
<span>2021-07</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span></span> |
|||
<span></span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="24"> |
|||
<span>上传证明材料：</span> |
|||
<span>xxxxxxx报告.pdf</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>管理范围确权：</span> |
|||
<span>尚未开展</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>保护范围划界：</span> |
|||
<span>完成划定</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<span>完成时间：</span> |
|||
<span>2021-07</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="24"> |
|||
<span>上传证明材料：</span> |
|||
<span>尚未开展</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="24"> |
|||
<span>工程图片：</span> |
|||
<span></span> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="tile-line mt-10"> |
|||
<span class="pl-2 pr-2">监控类型</span> |
|||
</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>监控类型：</span> |
|||
<span>无监控</span> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title mt-20">工程管理情况</div> |
|||
<el-row class="mt-12" :gutter="10"> |
|||
<el-col :span="8"> |
|||
<span>监控类型：</span> |
|||
<span>无监控</span> |
|||
</el-col> |
|||
</el-row> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { getDikeInfo } from "@/api/yg/dikeInfo"; |
|||
|
|||
export default { |
|||
props: { |
|||
value: Boolean, |
|||
id: String, |
|||
}, |
|||
data() { |
|||
return { |
|||
detailsData: null, |
|||
}; |
|||
}, |
|||
computed: { |
|||
showDialog: { |
|||
get() { |
|||
return this.value; |
|||
}, |
|||
set(val) { |
|||
this.$emit("input", val); |
|||
}, |
|||
}, |
|||
}, |
|||
watch: { |
|||
value(newVal, old) { |
|||
if (newVal) { |
|||
this.initData(); |
|||
} |
|||
}, |
|||
}, |
|||
methods: { |
|||
initData() { |
|||
if (this.id) { |
|||
getDikeInfo(this.id).then((res) => { |
|||
this.detailsData = res; |
|||
}); |
|||
} |
|||
}, |
|||
}, |
|||
created() {}, |
|||
mounted() {}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="less"> |
|||
.dike-detail-page { |
|||
.title { |
|||
position: relative; |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
padding-left: 20px; |
|||
&::before { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
content: " "; |
|||
background: #31a08e; |
|||
width: 4px; |
|||
height: 14px; |
|||
} |
|||
} |
|||
.tile-line { |
|||
display: flex; |
|||
align-items: center; |
|||
&::before { |
|||
flex: 1; |
|||
content: " "; |
|||
width: auto; |
|||
height: 1px; |
|||
background: #999; |
|||
} |
|||
&::after { |
|||
flex: 1; |
|||
content: " "; |
|||
width: auto; |
|||
height: 1px; |
|||
background: #999; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,16 +0,0 @@ |
|||
<template> |
|||
<div class='dike-details-map-page'></div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data(){ |
|||
return {} |
|||
}, |
|||
created(){}, |
|||
methods:{} |
|||
} |
|||
</script> |
|||
<style scoped lang='less'> |
|||
.dike-details-map-page{ |
|||
} |
|||
</style> |
|||
@ -0,0 +1,65 @@ |
|||
<template> |
|||
<el-tabs v-model="activeName"> |
|||
<el-tab-pane label="水闸基本信息" name="basePage" :lazy="true"> |
|||
<basePage :baseDataId="this.id" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="设计参数" name="designParameter2" :lazy="true"> |
|||
<designParameter2 :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="泄流能力" name="dischargeCapacity2" :lazy="true"> |
|||
<dischargeCapacity2 :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="管理体制" name="managementSystem" :lazy="true"> |
|||
<managementSystem :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="工程特性" |
|||
name="engineeringCharacteristics" |
|||
:lazy="true" |
|||
> |
|||
<engineeringCharacteristics :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="工程结构" name="engineeringStructure" :lazy="true"> |
|||
<engineeringStructure :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="出险记录" name="accidentRecord" :lazy="true"> |
|||
<accidentRecord :wagaCode="this.code" /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</template> |
|||
<script> |
|||
import basePage from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/basePage.vue"; |
|||
import designParameter2 from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/designParameter2.vue"; |
|||
import dischargeCapacity2 from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/dischargeCapacity2.vue"; |
|||
import managementSystem from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/managementSystem.vue"; |
|||
import engineeringCharacteristics from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/engineeringCharacteristics.vue"; |
|||
import engineeringStructure from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/engineeringStructure.vue"; |
|||
import accidentRecord from "../../../../sluice/engineeringCondition/sluiceBaseInfo/options/accidentRecord.vue"; |
|||
export default { |
|||
components: { |
|||
basePage, |
|||
designParameter2, |
|||
dischargeCapacity2, |
|||
managementSystem, |
|||
engineeringCharacteristics, |
|||
engineeringStructure, |
|||
accidentRecord, |
|||
}, |
|||
props: { |
|||
id: String, |
|||
code: String, |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: "basePage", |
|||
}; |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
reset() { |
|||
this.activeName = "basePage"; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="less"></style> |
|||
@ -0,0 +1,44 @@ |
|||
<template> |
|||
<div class="sluice-detail-page"> |
|||
<el-dialog :visible.sync="showDialog" title="水闸详情" width="960px"> |
|||
<SluiceBaseInfo ref="domRef" :id="this.id" :code="this.code" /> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import SluiceBaseInfo from "@/views/sluice/runManage/components/SluiceBaseInfo/index.vue"; |
|||
|
|||
export default { |
|||
components: { SluiceBaseInfo }, |
|||
props: { |
|||
value: Boolean, |
|||
id: String, |
|||
code: String, |
|||
}, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
computed: { |
|||
showDialog: { |
|||
get() { |
|||
return this.value; |
|||
}, |
|||
set(val) { |
|||
this.$emit("input", val); |
|||
}, |
|||
}, |
|||
}, |
|||
watch: { |
|||
value(newVal, old) { |
|||
if (newVal) { |
|||
} else { |
|||
this.$refs.domRef?.reset(); |
|||
} |
|||
}, |
|||
}, |
|||
methods: {}, |
|||
created() {}, |
|||
mounted() {}, |
|||
}; |
|||
</script> |
|||
<style scoped lang="less"></style> |
|||
Loading…
Reference in new issue