|
|
@ -1,53 +1,195 @@ |
|
|
|
<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> |
|
|
|
{{ dikeCode }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 记录更新时间 </template> |
|
|
|
{{ this.form.updateDate }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢地点 </template> |
|
|
|
{{ this.form.brspPl }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢时间 </template> |
|
|
|
{{ this.form.brspDatetime }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢形式 </template> |
|
|
|
{{ this.form.brspForm }} |
|
|
|
</el-descriptions-item> |
|
|
|
<!-- <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>--> |
|
|
|
<!-- {{ dikeCode }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 记录更新时间 </template>--> |
|
|
|
<!-- {{ this.form.updateDate }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 决溢地点 </template>--> |
|
|
|
<!-- {{ this.form.brspPl }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 决溢损失 </template>--> |
|
|
|
<!-- {{ this.form.brspLs }}--> |
|
|
|
<!-- <template slot="label"> 决溢时间 </template>--> |
|
|
|
<!-- {{ this.form.brspDatetime }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 修复日期 </template>--> |
|
|
|
<!-- {{ this.form.rpTime }}--> |
|
|
|
<!-- <template slot="label"> 决溢形式 </template>--> |
|
|
|
<!-- {{ this.form.brspForm }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!--<!– <el-descriptions-item>–>--> |
|
|
|
<!--<!– <template slot="label"> 决溢损失 </template>–>--> |
|
|
|
<!--<!– {{ this.form.brspLs }}–>--> |
|
|
|
<!--<!– </el-descriptions-item>–>--> |
|
|
|
<!--<!– <el-descriptions-item>–>--> |
|
|
|
<!--<!– <template slot="label"> 修复日期 </template>–>--> |
|
|
|
<!--<!– {{ this.form.rpTime }}–>--> |
|
|
|
<!--<!– </el-descriptions-item>–>--> |
|
|
|
<!--<!– <el-descriptions-item>–>--> |
|
|
|
<!--<!– <template slot="label"> 淹没范围 </template>–>--> |
|
|
|
<!--<!– {{ this.form.inRn }}–>--> |
|
|
|
<!--<!– </el-descriptions-item>–>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 淹没范围 </template>--> |
|
|
|
<!-- {{ this.form.inRn }}--> |
|
|
|
<!-- <template slot="label"> 备注 </template>--> |
|
|
|
<!-- {{ this.form.note }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 备注 </template> |
|
|
|
{{ this.form.note }} |
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
<!-- </el-descriptions>--> |
|
|
|
<el-dialog |
|
|
|
:title="viewTitle" |
|
|
|
:visible.sync="viewOpen" |
|
|
|
width="1200px" |
|
|
|
append-to-body |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<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> |
|
|
|
{{ dikeCode }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 记录更新时间 </template> |
|
|
|
{{ this.form.updateDate }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢地点 </template> |
|
|
|
{{ this.form.brspPl }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢时间 </template> |
|
|
|
{{ this.form.brspDatetime }} |
|
|
|
</el-descriptions-item> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 决溢形式 </template> |
|
|
|
{{ this.form.brspForm }} |
|
|
|
</el-descriptions-item> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 决溢损失 </template>--> |
|
|
|
<!-- {{ this.form.brspLs }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 修复日期 </template>--> |
|
|
|
<!-- {{ this.form.rpTime }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<!-- <el-descriptions-item>--> |
|
|
|
<!-- <template slot="label"> 淹没范围 </template>--> |
|
|
|
<!-- {{ this.form.inRn }}--> |
|
|
|
<!-- </el-descriptions-item>--> |
|
|
|
<el-descriptions-item> |
|
|
|
<template slot="label"> 备注 </template> |
|
|
|
{{ this.form.note }} |
|
|
|
</el-descriptions-item> |
|
|
|
</el-descriptions> |
|
|
|
</el-dialog> |
|
|
|
<el-table |
|
|
|
v-loading="loading" |
|
|
|
:data="tableData" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55" align="center" fixed /> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
width="50" |
|
|
|
align="center" |
|
|
|
fixed |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="堤防代码" |
|
|
|
align="center" |
|
|
|
prop="dikeCode" |
|
|
|
min-width="120" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="记录更新时间" |
|
|
|
align="center" |
|
|
|
prop="updateDate" |
|
|
|
min-width="120" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="决溢地点" |
|
|
|
align="center" |
|
|
|
prop="brspPl" |
|
|
|
min-width="120" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="决溢时间" |
|
|
|
align="center" |
|
|
|
prop="brspDatetime" |
|
|
|
min-width="120" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="" |
|
|
|
align="决溢形式" |
|
|
|
prop="brspForm" |
|
|
|
min-width="120" |
|
|
|
/> |
|
|
|
<!-- <el-table-column |
|
|
|
label="责任人类型" |
|
|
|
align="center" |
|
|
|
prop="personResponsibleType" |
|
|
|
:formatter="personResponsibleTypeFormat" |
|
|
|
min-width="120" |
|
|
|
/> --> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
class-name="small-padding fixed-width" |
|
|
|
width="180" |
|
|
|
fixed="right" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-view" |
|
|
|
@click="viewInFo(scope.row)" |
|
|
|
v-hasPermi="['yg:fzr:view']" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<!-- <el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
v-hasPermi="['yg:fzr:edit']" |
|
|
|
>修改</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
v-hasPermi="['yg:fzr:remove']" |
|
|
|
>删除</el-button |
|
|
|
> --> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<!-- <div class="btnList"> |
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
|
@ -72,7 +214,7 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// 遮罩层 |
|
|
|
loading: true, |
|
|
|
loading: false, |
|
|
|
// 选中数组 |
|
|
|
ids: [], |
|
|
|
// 非单个禁用 |
|
|
@ -81,6 +223,10 @@ export default { |
|
|
|
multiple: true, |
|
|
|
// 显示搜索条件 |
|
|
|
showSearch: true, |
|
|
|
tableData:[], |
|
|
|
viewTitle: "", |
|
|
|
// 是否显示弹出层 |
|
|
|
viewOpen: false, |
|
|
|
// 总条数 |
|
|
|
total: 0, |
|
|
|
// 决溢记录表格数据 |
|
|
@ -128,12 +274,19 @@ export default { |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
viewInFo(row) { |
|
|
|
this.form = row; |
|
|
|
this.viewTitle = "历史决溢记录信息"; |
|
|
|
this.viewOpen = true; |
|
|
|
}, |
|
|
|
/** 查询决溢记录列表 */ |
|
|
|
getList() { |
|
|
|
this.queryParams.data.dikeCode = this.dikeCode; |
|
|
|
listJyjl(this.queryParams).then((response) => { |
|
|
|
if (response.records[0]) { |
|
|
|
this.form = response.records[0]; |
|
|
|
this.tableData=response.record; |
|
|
|
this.loading=false |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|