ljf
/
shuili-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: 对得差不多了

sy-water-data-board-ui
panyuyi 1 month ago
parent
abf527c47c
commit
66b506fadd
9 changed files with 252 additions and 493 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/views/dike/safeMonitorSetting/index.vue
  2. 43
      src/views/dike/safeOperation/components/DataStatistics.vue
  3. 20
      src/views/dike/safeOperation/index.vue
  4. 12
      src/views/reservoir/safeOperation/components/DataStatistics.vue
  5. 16
      src/views/reservoir/safeOperation/index.vue
  6. 4
      src/views/sluice/safeMonitorSetting/index.vue
  7. 576
      src/views/sluice/safeOperation/components/BaseInfo.vue
  8. 43
      src/views/sluice/safeOperation/components/DataStatistics.vue
  9. 25
      src/views/sluice/safeOperation/index.vue

4
src/views/dike/safeMonitorSetting/index.vue
View File

@ -234,8 +234,8 @@ export default {
}, },
handleClickTree(data, node) { handleClickTree(data, node) {
console.log("handleClickTree >>>>> ", data, node); console.log("handleClickTree >>>>> ", data, node);
if (node.isLeaf) { if (node.isLeaf && data.layer < 3) {
console.log("点击叶子节点----加载水库列表 >>>> "); console.log("点击叶子节点----加载测站列表 >>>> ");
this.tableData = []; this.tableData = [];
this.tabsList = []; this.tabsList = [];
this.params.pageNum = 1; this.params.pageNum = 1;

43
src/views/dike/safeOperation/components/DataStatistics.vue
View File

@ -21,12 +21,20 @@
end-placeholder="结束日期" end-placeholder="结束日期"
> >
</el-date-picker> </el-date-picker>
<el-button type="primary" class="!ml-12" @click="handleSearch" <el-button
size="small"
type="primary"
class="!ml-12"
@click="handleSearch"
>查询</el-button >查询</el-button
> >
</div> </div>
<el-radio-group v-model="showType" @change="handleChangeShowType"> <el-radio-group
size="small"
v-model="showType"
@change="handleChangeShowType"
>
<el-radio-button label="1">指标</el-radio-button> <el-radio-button label="1">指标</el-radio-button>
<el-radio-button label="2">图表</el-radio-button> <el-radio-button label="2">图表</el-radio-button>
</el-radio-group> </el-radio-group>
@ -63,21 +71,17 @@
<!-- 图表 --> <!-- 图表 -->
<div v-else-if="showType === '2'" class="echarts-box"> <div v-else-if="showType === '2'" class="echarts-box">
<div class="echarts-dom-box"> <div class="echarts-dom-box">
<div class="title">水库基本情况</div> <div class="title">水雨情监测</div>
<div ref="echarts1" class="echarts-dom"></div> <div ref="echarts1" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box"> <div class="echarts-dom-box">
<div class="title">环境情况</div> <div class="title">渗流监测</div>
<div ref="echarts2" class="echarts-dom"></div> <div ref="echarts2" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box"> <div class="echarts-dom-box echarts-dom-box2">
<div class="title">应变应力情况</div> <div class="title">堤围工程堤段表面变形信息统计</div>
<div ref="echarts3" class="echarts-dom"></div> <div ref="echarts3" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box">
<div class="title">渗流压力情况</div>
<div ref="echarts4" class="echarts-dom"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -182,47 +186,45 @@ export default {
options && chartInstance.setOption(options); options && chartInstance.setOption(options);
}, },
getEchartsData() { getEchartsData() {
// 水库基本情况 // 1
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "WATER_LEVEL", elementType: "C_SEEPAGE_FLOW",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart1, this.$refs.echarts1); this.initChart(res.data, this.echart1, this.$refs.echarts1);
} }
}); });
// 环境情况 // 2
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "ENV", elementType: "C_DISPLACEMENT",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart2, this.$refs.echarts2); this.initChart(res.data, this.echart2, this.$refs.echarts2);
} }
}); });
// 应变应力 // 3
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "C_STRESS", elementType: "DF_WATER_LEVEL",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart3, this.$refs.echarts3); this.initChart(res.data, this.echart3, this.$refs.echarts3);
} }
}); });
// 渗流压力情况-没数据
this.initChart([], this.echart4, this.$refs.echarts4);
}, },
handleSearch() { handleSearch() {
this.attributesList = []; this.attributesList = [];
@ -332,6 +334,11 @@ export default {
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
} }
} }
.echarts-dom-box2 {
.echarts-dom {
width: 980px;
}
}
} }
} }
</style> </style>

20
src/views/dike/safeOperation/index.vue
View File

@ -276,8 +276,8 @@ export default {
let tempName = name; let tempName = name;
// devRun(() => { // devRun(() => {
// // tempCode = "440111000008"; // // tempCode = "440111000008";
// // tempCode = "HP0174419000000566"; // tempCode = "HP0174419000000566";
// // tempName = "开发写死的名字"; // tempName = "开发写死的名字";
// }); // });
this.commonCode = tempCode; this.commonCode = tempCode;
this.commonName = tempName; this.commonName = tempName;
@ -315,14 +315,14 @@ export default {
created() { created() {
this.initData(); this.initData();
emitter.on("openDialog", this.openDialog); emitter.on("openDialog", this.openDialog);
devRun(() => { // devRun(() => {
setTimeout(() => { // setTimeout(() => {
this.openDialog({ // this.openDialog({
code: "", // code: "",
name: "", // name: "",
}); // });
}, 1000); // }, 1000);
}); // });
}, },
mounted() { mounted() {
setTimeout(() => { setTimeout(() => {

12
src/views/reservoir/safeOperation/components/DataStatistics.vue
View File

@ -21,12 +21,20 @@
end-placeholder="结束日期" end-placeholder="结束日期"
> >
</el-date-picker> </el-date-picker>
<el-button type="primary" class="!ml-12" @click="handleSearch" <el-button
size="small"
type="primary"
class="!ml-12"
@click="handleSearch"
>查询</el-button >查询</el-button
> >
</div> </div>
<el-radio-group v-model="showType" @change="handleChangeShowType"> <el-radio-group
size="small"
v-model="showType"
@change="handleChangeShowType"
>
<el-radio-button label="1">指标</el-radio-button> <el-radio-button label="1">指标</el-radio-button>
<el-radio-button label="2">图表</el-radio-button> <el-radio-button label="2">图表</el-radio-button>
</el-radio-group> </el-radio-group>

16
src/views/reservoir/safeOperation/index.vue
View File

@ -313,14 +313,14 @@ export default {
created() { created() {
this.initData(); this.initData();
emitter.on("openDialog", this.openDialog); emitter.on("openDialog", this.openDialog);
devRun(() => { // devRun(() => {
setTimeout(() => { // setTimeout(() => {
this.openDialog({ // this.openDialog({
code: "", // code: "",
name: "", // name: "",
}); // });
}, 1000); // }, 1000);
}); // });
}, },
mounted() { mounted() {
setTimeout(() => { setTimeout(() => {

4
src/views/sluice/safeMonitorSetting/index.vue
View File

@ -234,8 +234,8 @@ export default {
}, },
handleClickTree(data, node) { handleClickTree(data, node) {
console.log("handleClickTree >>>>> ", data, node); console.log("handleClickTree >>>>> ", data, node);
if (node.isLeaf) { if (node.isLeaf && data.layer < 3) {
console.log("点击叶子节点----加载水库列表 >>>> "); console.log("点击叶子节点----加载测站列表 >>>> ");
this.tableData = []; this.tableData = [];
this.tabsList = []; this.tabsList = [];
this.params.pageNum = 1; this.params.pageNum = 1;

576
src/views/sluice/safeOperation/components/BaseInfo.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="baseInfo-page"> <div class="baseInfo-page">
<el-tabs v-model="activeName" @tab-click="handleChangeTab"> <el-tabs v-model="activeName" @tab-click="handleChangeTab">
<el-tab-pane label="水库信息" name="1"> <el-tab-pane label="水闸信息" name="1">
<div>水库基本信息</div> <div>基本信息</div>
<el-descriptions <el-descriptions
class="mt-16" class="mt-16"
:column="3" :column="3"
@ -15,319 +15,158 @@
:contentStyle="{ minWidth: '180px' }" :contentStyle="{ minWidth: '180px' }"
> >
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 水库名称 </template> <template slot="label"> 水闸名称 </template>
{{ this.form.resName }} {{ this.form.wagaName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 水库代码 </template> <template slot="label"> 水闸代码 </template>
{{ this.form.resCode }} {{ this.form.wagaCode }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 水库注册登记号 </template> <template slot="label"> 水闸类型 </template>
{{ this.form.registerCode }} {{ this.form.wagaType }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库功能 </template>
{{ this.form.resAction }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库类型 </template>
{{ this.form.resType }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库状态 </template>
{{ this.form.resState }}
</el-descriptions-item> </el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 水闸用途 </template>-->
<!-- {{ this.form.wagaUse }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 行政区划 </template>-->
<!-- {{ $formatAdcd(this.form) }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 工程规模 </template> <template slot="label"> 工程规模 </template>
{{ this.form.engScal }} {{ this.form.engScal }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水闸所在位置 </template>
{{ this.form.wagaLoc }}
</el-descriptions-item>
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 起点经度 </template>-->
<!-- {{ this.form.wagaStartLong }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 起点纬度 </template>-->
<!-- {{ this.form.wagaStartLat }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 终点经度 </template>-->
<!-- {{ this.form.wagaEndLong }}-->
<!-- </el-descriptions-item>-->
<!-- <el-descriptions-item>-->
<!-- <template slot="label"> 终点纬度 </template>-->
<!-- {{ this.form.wagaEndLat }}-->
<!-- </el-descriptions-item>-->
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 工程等别 </template> <template slot="label"> 工程等别 </template>
{{ this.form.engGrad }} {{ this.form.engGrad }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 曾用名 </template>
{{ this.form.oldName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库中心经度 </template>
{{ this.form.resCenLong }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库中心纬度 </template>
{{ this.form.resCenLat }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 归口管理部门 </template>
{{ this.form.admDep }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库主管部门 </template>
{{ this.form.cmun }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库管理部门 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 所在行政区划 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 所在流域 </template>
{{ this.form.localBasin }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 所在河流 </template>
{{ this.form.localRiver }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水准基面 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 是否注册 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 左下角经度 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 左下角纬度 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 右上角经度 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 右上角纬度 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库所在位置 </template>
{{ this.form.resLoc }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库管理单位 </template>
{{ this.form.mnun }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 工程建设情况 </template>
{{ this.form.engStat }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 有效年份 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 主要建筑物级别 </template> <template slot="label"> 主要建筑物级别 </template>
{{ "" }} {{ this.form.mainBuildGrad }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <!-- <el-descriptions-item>-->
<template slot="label"> 控制流域面积 </template> <!-- <template slot="label"> 最大过闸流量 </template>-->
{{ this.form.watShedArea }} <!-- {{ this.form.desLockDisc }}-->
</el-descriptions-item> <!-- </el-descriptions-item>-->
<el-descriptions-item> <!-- <el-descriptions-item>-->
<template slot="label"> 河道长度 </template> <!-- <template slot="label"> 闸孔数量 </template>-->
{{ "" }} <!-- {{ this.form.gaorNum }}-->
</el-descriptions-item> <!-- </el-descriptions-item>-->
<el-descriptions-item> <!-- <el-descriptions-item>-->
<template slot="label"> 河道比降 </template> <!-- <template slot="label"> 闸孔总净宽 </template>-->
{{ "" }} <!-- {{ this.form.gaorTotNetWid }}-->
</el-descriptions-item> <!-- </el-descriptions-item>-->
<el-descriptions-item> <!-- <el-descriptions-item>-->
<template slot="label"> 多年平均径流量 </template> <!-- <template slot="label"> 工程建设情况 </template>-->
{{ this.form.avanrnam }} <!-- {{ engineerConstructionSituationFormat(this.form) }}-->
</el-descriptions-item> <!-- </el-descriptions-item>-->
<el-descriptions-item>
<template slot="label"> 多年平均降水量 </template> <!-- <el-descriptions-item>-->
{{ this.form.avanpram }} <!-- <template slot="label"> 开工时间 </template>-->
</el-descriptions-item> <!-- {{ this.form.startDate }}-->
<el-descriptions-item> <!-- </el-descriptions-item>-->
<template slot="label"> 多年平均流沙量 </template> <!-- <el-descriptions-item>-->
{{ this.form.avansdam }} <!-- <template slot="label"> 建成时间 </template>-->
</el-descriptions-item> <!-- {{ this.form.compDate }}-->
<el-descriptions-item> <!-- </el-descriptions-item>-->
<template slot="label"> 设计重现期 </template> <!-- <el-descriptions-item>-->
{{ this.form.dsrcin }} <!-- <template slot="label"> 归口管理部门 </template>-->
</el-descriptions-item> <!-- {{ this.form.admDep }}-->
<el-descriptions-item> <!-- </el-descriptions-item>-->
<template slot="label"> 设计洪峰流量 </template> <!-- <el-descriptions-item>-->
{{ this.form.dspkfl }} <!-- <template slot="label"> 是否为套闸工程 </template>-->
</el-descriptions-item> <!-- {{ isGateProjectFormat(this.form) }}-->
<el-descriptions-item> <!-- </el-descriptions-item>-->
<template slot="label"> 设计1日洪水洪量(万m³) </template> <!-- <el-descriptions-item>-->
{{ "" }} <!-- <template slot="label"> 观测项目 </template>-->
</el-descriptions-item> <!-- {{ observationProjectFormat(this.form) }}-->
<el-descriptions-item> <!-- </el-descriptions-item>-->
<template slot="label"> 设计3日洪水洪量(万m³) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核重现期 </template>
{{ this.form.chrcin }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核洪峰流量 </template>
{{ this.form.chpkfl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核洪水历时 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核洪水总量 </template>
{{ this.form.chflvl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 设计洪水位 </template>
{{ this.form.dsfllv }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核洪水位 </template>
{{ this.form.chfllv }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 防洪高水位 </template>
{{ this.form.uppLevFlco }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 防洪限制水位库容 </template>
{{ this.form.flLowLimLevCap }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 正常蓄水位 </template>
{{ this.form.normWatLev }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 正常蓄水位相应水面面积 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 正常蓄水位相应库容 </template>
{{ this.form.normPoolStagCap }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 死水位 </template>
{{ this.form.deadLev }}
</el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 总库容 </template> <template slot="label"> 水准基面 </template>
{{ this.form.totCap }} {{ this.form.levelDatum }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 调节库容 </template> <template slot="label"> 水闸概况 </template>
{{ this.form.storFlCap }} {{ this.form.sluiceOverview }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 死库容 </template> <template slot="label"> 水闸中心经度 </template>
{{ this.form.deadCap }} {{ this.form.wagaCenLong }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 防洪库容 </template> <template slot="label">水闸中心纬度</template>
{{ this.form.flcoCap }} {{ this.form.wagaCenLat }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 兴利库容 </template> <template slot="label">是否穿堤水闸</template>
{{ "" }} {{ this.form.ifCeb }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 坝址控制流域面积 </template> <template slot="label">是否为枢纽工程</template>
{{ this.form.watShedArea }} {{ this.form.ifHyj }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 地震基本烈度 </template> <template slot="label">是否为闸站工程</template>
{{ "" }} {{ this.form.ifGse }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 地震动峰值加速度 </template> <template slot="label">是否为套闸工程</template>
{{ "" }} {{ this.form.ifSge }} </el-descriptions-item
</el-descriptions-item> >.
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 设防地震烈度 </template> <template slot="label">设计地震烈度</template>
{{ "" }} {{ this.form.freqin }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 集雨面积 </template> <template slot="label">建成时间</template>
{{ "" }} {{ this.form.compDate }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 下泄生态流量 </template> <template slot="label">竣工验收时间</template>
{{ "" }} {{ this.form.checkDate }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 数据来源 </template> <template slot="label">管理部门</template>
{{ "" }} {{ this.form.mnun }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 数据创建时间 </template> <template slot="label">归口管理部门</template>
{{ this.form.createTime }} {{ this.form.admDep }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label">备注</template> <template slot="label">备注</template>
{{ this.form.note }} {{ this.form.note }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions>
<el-descriptions
class="mt-16"
:column="2"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '100px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item :span="2">
<template slot="label"> 水库概况 </template>
{{ this.form.resOv }}
</el-descriptions-item>
</el-descriptions>
<div class="mt-16">水库建设时间</div>
<el-descriptions
class="mt-16"
:column="2"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '60px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 开工时间 </template> <template slot="label">记录更新时间</template>
{{ this.form.startDate }} {{ this.form.updateDate }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 完工时间 </template>
{{ this.form.compDate }}
</el-descriptions-item>
</el-descriptions>
<div class="mt-16">最近异常加固改造时间</div>
<el-descriptions
class="mt-16"
:column="2"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '60px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item>
<template slot="label"> 更新时间 </template>
{{ this.form.updateTime }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="水文特征" name="2"> <el-tab-pane label="水文特征" name="2">
<div>水库水文特征</div> <div>水文特征</div>
<el-descriptions <el-descriptions
class="mt-16" class="mt-16"
:column="3" :column="3"
@ -340,183 +179,65 @@
:contentStyle="{ minWidth: '180px' }" :contentStyle="{ minWidth: '180px' }"
> >
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 控制流域面积(km²) </template> <template slot="label"> 河道宽度（m） </template>
{{ this.form.watShedArea }} {{ this.form.riverWidth }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 多年平均降雨量(mm) </template> <template slot="label"> 河道比降（%） </template>
{{ this.form.avanpram }} {{ this.form.riverGradient }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 多年平均径流量(万m³) </template> <template slot="label"> 多年平均径流量（万m³） </template>
{{ this.form.avanrnam }} {{ this.form.annualAverageRunoff }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 多年平均输沙两(万t) </template> <template slot="label"> 多年平均输沙量（万t） </template>
{{ this.form.avansdam }} {{ this.form.averageSedimentTransport }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 多年平均最低气温(℃) </template> <template slot="label"> 多年平均最低气温（℃） </template>
{{ this.form.myavgmintp }} {{ this.form.averageMinimumTemperature }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 多年平均蒸发量(mm) </template> <template slot="label"> 设计重现期（年一遇） </template>
{{ this.form.avanev }} {{ this.form.dsrcin }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 多年平均含沙量(kg/m³) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水库调节性能 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 正常蓄水位相应水面面积(km²) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 防洪高水位(m) </template>
{{ this.form.uppLevFlco }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 死水位(m) </template>
{{ this.form.deadLev }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 橙色预警水位(m) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 红色预警水位(m) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 黄色预警水位(m) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 汛期开始日期 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 汛期结束日期 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 水准基面 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 备注 </template>
{{ this.form.note }}
</el-descriptions-item>
</el-descriptions>
<div class="mt-16">设计洪水</div>
<el-descriptions
class="mt-16"
:column="3"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '50px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item>
<template slot="label"> 校核洪峰流量(m³/s) </template>
{{ this.form.chpkfl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 设计洪峰流量(m³/s) </template>
{{ this.form.dspkfl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 设计洪水位(m) </template>
{{ this.form.dsfllv }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 校核洪水位(m) </template>
{{ this.form.chfllv }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 设计1日洪水洪量(万m³) </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 设计3日洪水洪量(万m³) </template>
{{ "" }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 校核洪水历时(d) </template> <template slot="label"> 设计洪峰流量（m³/s） </template>
{{ "" }} {{ this.form.peakFlowRate }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 洪水总量 </template> <template slot="label"> 校核重现期（年一遇） </template>
{{ "" }} {{ this.form.chrcin }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions>
<div class="mt-16">汛期限制水位</div>
<el-descriptions
class="mt-16"
:column="3"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '50px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 设计重现期 </template> <template slot="label"> 校核洪峰流量（m³/s） </template>
{{ this.form.dsrcin }} {{ this.form.dsrcin }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 河道比降 </template> <template slot="label"> 设计过闸流量（m³） </template>
{{ "" }} {{ this.form.dslcfl }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 河道长度 </template>
{{ "" }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 汛期限制水位主汛期 </template>
{{ "" }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions>
<div class="mt-16">库容</div>
<el-descriptions
class="mt-16"
:column="3"
border
:labelStyle="{
'text-align': 'left',
width: '120px',
height: '50px',
}"
:contentStyle="{ minWidth: '180px' }"
>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 兴利库容 </template> <template slot="label"> 设计闸上水位（m） </template>
{{ "" }} {{ this.form.dsuswl }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 总库容(m³) </template> <template slot="label"> 设计闸下水位（m） </template>
{{ this.form.totCap }} {{ this.form.dsdswl }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 防洪库容(m³) </template> <template slot="label"> 校核过闸流量（m³） </template>
{{ this.form.flcoCap }} {{ this.form.chlcfl }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 调节库容(m³) </template> <template slot="label"> 校核闸上水位（m） </template>
{{ this.form.storFlCap }} {{ this.form.chuswl }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> 死库容(m³) </template> <template slot="label"> 校核闸下水位（m） </template>
{{ this.form.deadCap }} {{ this.form.chdswl }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
@ -553,6 +274,17 @@ import {
getReservoirRsppDetailData, getReservoirRsppDetailData,
} from "@/api/reservoir"; } from "@/api/reservoir";
import { getJbxx } from "@/api/yg/jbxx";
import {
listSwtz,
getSwtz,
delSwtz,
addSwtz,
updateSwtz,
exportSwtz,
} from "@/api/yg/swtz";
export default { export default {
props: { props: {
resCode: { resCode: {
@ -604,7 +336,7 @@ export default {
}, },
methods: { methods: {
initBaseInfo() { initBaseInfo() {
getReservoirBaseDetailData(this.resCode).then((res) => { getJbxx(this.resCode).then((res) => {
if (res?.data) { if (res?.data) {
this.form = { this.form = {
...this.form, ...this.form,
@ -615,11 +347,15 @@ export default {
}); });
}, },
initRsppInfo() { initRsppInfo() {
getReservoirRsppDetailData(this.resCode).then((res) => { listSwtz({
if (res?.data) { pageNum: 1,
Object.keys(res.data).forEach((key) => { pageSize: 10,
this.form[key] = res.data[key]; data: {
}); wagaId: this.resCode,
},
}).then((res) => {
if (res?.records) {
Object.assign(this.form, res.records[0] || {});
} }
}); });
}, },

43
src/views/sluice/safeOperation/components/DataStatistics.vue
View File

@ -21,12 +21,20 @@
end-placeholder="结束日期" end-placeholder="结束日期"
> >
</el-date-picker> </el-date-picker>
<el-button type="primary" class="!ml-12" @click="handleSearch" <el-button
size="small"
type="primary"
class="!ml-12"
@click="handleSearch"
>查询</el-button >查询</el-button
> >
</div> </div>
<el-radio-group v-model="showType" @change="handleChangeShowType"> <el-radio-group
size="small"
v-model="showType"
@change="handleChangeShowType"
>
<el-radio-button label="1">指标</el-radio-button> <el-radio-button label="1">指标</el-radio-button>
<el-radio-button label="2">图表</el-radio-button> <el-radio-button label="2">图表</el-radio-button>
</el-radio-group> </el-radio-group>
@ -62,22 +70,18 @@
</div> </div>
<!-- 图表 --> <!-- 图表 -->
<div v-else-if="showType === '2'" class="echarts-box"> <div v-else-if="showType === '2'" class="echarts-box">
<div class="echarts-dom-box"> <div class="echarts-dom-box echarts-dom-box2">
<div class="title">水库基本情况</div> <div class="title">水闸过闸流量水位分析</div>
<div ref="echarts1" class="echarts-dom"></div> <div ref="echarts1" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box"> <div class="echarts-dom-box">
<div class="title">环境情况</div> <div class="title">雨情分析</div>
<div ref="echarts2" class="echarts-dom"></div> <div ref="echarts2" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box"> <div class="echarts-dom-box">
<div class="title">应变应力情况</div> <div class="title">裂缝开合度分析</div>
<div ref="echarts3" class="echarts-dom"></div> <div ref="echarts3" class="echarts-dom"></div>
</div> </div>
<div class="echarts-dom-box">
<div class="title">渗流压力情况</div>
<div ref="echarts4" class="echarts-dom"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -181,40 +185,40 @@ export default {
options && chartInstance.setOption(options); options && chartInstance.setOption(options);
}, },
getEchartsData() { getEchartsData() {
// 水库基本情况 // 1
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "WATER_LEVEL", elementType: "SZ_SEEPAGE_AROUND",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart1, this.$refs.echarts1); this.initChart(res.data, this.echart1, this.$refs.echarts1);
} }
}); });
// 环境情况 // 2
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "ENV", elementType: "SZ_WATER_LEVEL",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart2, this.$refs.echarts2); this.initChart(res.data, this.echart2, this.$refs.echarts2);
} }
}); });
// 应变应力 // 3
getReservoirCZMonitorEchartsData({ getReservoirCZMonitorEchartsData({
startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "", startTime: this.dateArr ? this.dateArr[0] + " 00:00:00" : "",
endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "", endTime: this.dateArr ? this.dateArr[1] + " 23:59:59" : "",
resCode: this.resCode, resCode: this.resCode,
stcd: this.cascaderArr[0] || "", stcd: this.cascaderArr[0] || "",
mpcd: this.cascaderArr[1] || "", mpcd: this.cascaderArr[1] || "",
elementType: "C_STRESS", elementType: "SZ_DISPLACEMENT",
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.initChart(res.data, this.echart3, this.$refs.echarts3); this.initChart(res.data, this.echart3, this.$refs.echarts3);
@ -304,7 +308,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
.echarts-dom-box { .echarts-dom-box {
margin-bottom: 24px; margin-bottom: 24px;
&:nth-child(2n) { &:nth-child(1n) {
margin-left: 24px; margin-left: 24px;
} }
.title { .title {
@ -331,6 +335,11 @@ export default {
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
} }
} }
.echarts-dom-box2 {
.echarts-dom {
width: 980px;
}
}
} }
} }
</style> </style>

25
src/views/sluice/safeOperation/index.vue
View File

@ -274,11 +274,10 @@ export default {
console.log("打开弹窗获取resCode >>>>> ", code, name); console.log("打开弹窗获取resCode >>>>> ", code, name);
let tempCode = code; let tempCode = code;
let tempName = name; let tempName = name;
devRun(() => { // devRun(() => {
// tempCode = "440111000008"; // // tempCode = "HP007445221000001X";
tempCode = "HP0014412260000437"; // // tempName = "开发写死的名字";
tempName = "开发写死的名字"; // });
});
this.commonResCode = tempCode; this.commonResCode = tempCode;
this.commonResName = tempName; this.commonResName = tempName;
this.showDialog = true; this.showDialog = true;
@ -315,14 +314,14 @@ export default {
created() { created() {
this.initData(); this.initData();
emitter.on("openDialog", this.openDialog); emitter.on("openDialog", this.openDialog);
devRun(() => { // devRun(() => {
setTimeout(() => { // setTimeout(() => {
this.openDialog({ // this.openDialog({
code: "", // code: "",
name: "", // name: "",
}); // });
}, 1000); // }, 1000);
}); // });
}, },
mounted() { mounted() {
setTimeout(() => { setTimeout(() => {

Write Preview
Loading…
Cancel
Save