xzt
1 year ago
9 changed files with 3250 additions and 7 deletions
@ -0,0 +1,31 @@ |
|||
::v-deep { |
|||
.el-dialog { |
|||
// margin-top: 2vh !important; |
|||
// height: 680px; |
|||
// overflow-y: auto; |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
.margin-top { |
|||
width: 95%; |
|||
border-left: 1px solid #f0f0f0; |
|||
border-right: 1px solid #f0f0f0; |
|||
} |
|||
} |
|||
} |
|||
.el-dialog__title { |
|||
font-weight: 700; |
|||
font-size: 28px; |
|||
} |
|||
} |
|||
.draLine { |
|||
width: 100%; |
|||
border: 2px solid #000; |
|||
margin: 10px 0 20px 0; |
|||
} |
|||
.infoTitle { |
|||
color: #000; |
|||
font-size: 20px; |
|||
font-weight: 700; |
|||
} |
|||
@ -1,3 +1,4 @@ |
|||
<template> |
|||
<router-view /> |
|||
<!-- <div>555</div> --> |
|||
</template> |
|||
|
|||
File diff suppressed because it is too large
@ -0,0 +1,862 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form |
|||
:model="queryParams" |
|||
ref="queryForm" |
|||
:inline="true" |
|||
v-show="showSearch" |
|||
label-width="68px" |
|||
> |
|||
<el-form-item label="水闸名称" prop="sluiceName"> |
|||
<el-input |
|||
v-model="queryParams.data.sluiceName" |
|||
placeholder="请输入水闸名称" |
|||
clearable |
|||
size="small" |
|||
@keyup.enter.native="handleQuery" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="行政区划" prop="adcd"> |
|||
<el-select |
|||
v-model="queryParams.data.adcd" |
|||
placeholder="请选择行政区划" |
|||
clearable |
|||
size="small" |
|||
> |
|||
<el-option label="请选择字典生成" value="" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<el-button |
|||
type="cyan" |
|||
icon="el-icon-search" |
|||
size="mini" |
|||
@click="handleQuery" |
|||
>搜索</el-button |
|||
> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
|||
>重置</el-button |
|||
> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="primary" |
|||
icon="el-icon-plus" |
|||
size="mini" |
|||
@click="handleAdd" |
|||
v-hasPermi="['yg:sluiceInfo:add']" |
|||
>新增</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="success" |
|||
icon="el-icon-edit" |
|||
size="mini" |
|||
:disabled="single" |
|||
@click="handleUpdate" |
|||
v-hasPermi="['yg:sluiceInfo:edit']" |
|||
>修改</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="danger" |
|||
icon="el-icon-delete" |
|||
size="mini" |
|||
:disabled="multiple" |
|||
@click="handleDelete" |
|||
v-hasPermi="['yg:sluiceInfo:remove']" |
|||
>删除</el-button |
|||
> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button |
|||
type="warning" |
|||
icon="el-icon-download" |
|||
size="mini" |
|||
@click="handleExport" |
|||
v-hasPermi="['yg:sluiceInfo:export']" |
|||
>导出</el-button |
|||
> |
|||
</el-col> |
|||
<right-toolbar |
|||
:showSearch.sync="showSearch" |
|||
@queryTable="getList" |
|||
></right-toolbar> |
|||
</el-row> |
|||
|
|||
<el-table |
|||
v-loading="loading" |
|||
:data="sluiceInfoList" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="序号" type="index" width="50" align="center" /> |
|||
|
|||
<el-table-column label="水闸名称" align="center" prop="sluiceName" /> |
|||
<el-table-column label="行政区划" align="center" prop="adcd" /> |
|||
<el-table-column label="水闸编码" align="center" prop="sluiceCode" /> |
|||
<el-table-column label="所在位置" align="center" prop="location" /> |
|||
<el-table-column label="标绘水闸" align="center" prop="plottingSluice" /> |
|||
<el-table-column |
|||
label="验收情况" |
|||
align="center" |
|||
prop="acceptanceStatus" |
|||
/> |
|||
<el-table-column |
|||
label="除险加固情况" |
|||
align="center" |
|||
prop="riskEliminationStatus" |
|||
/> |
|||
<el-table-column |
|||
label="是否为枢纽工程" |
|||
align="center" |
|||
prop="isHubProject" |
|||
/> |
|||
<el-table-column |
|||
label="是否为闸站工程" |
|||
align="center" |
|||
prop="isGateStation" |
|||
/> |
|||
<el-table-column |
|||
label="是否为套闸工程" |
|||
align="center" |
|||
prop="isSetGateProject" |
|||
/> |
|||
<el-table-column label="水闸类型" align="center" prop="sluiceType" /> |
|||
<el-table-column |
|||
label="设计过闸流量" |
|||
align="center" |
|||
prop="designGateFlow" |
|||
/> |
|||
<el-table-column |
|||
label="校核过闸流量" |
|||
align="center" |
|||
prop="verifiedGateFlow" |
|||
/> |
|||
<el-table-column label="工程规模" align="center" prop="projectScale" /> |
|||
<el-table-column label="建筑物级别" align="center" prop="buildingLevel" /> |
|||
<el-table-column |
|||
label="设计标准[重现期" |
|||
align="center" |
|||
prop="designStandards" |
|||
/> |
|||
<el-table-column |
|||
label="校核标准[重现期" |
|||
align="center" |
|||
prop="verificationStandards" |
|||
/> |
|||
<el-table-column |
|||
label="历史最大过闸流量(m³/s)" |
|||
align="center" |
|||
prop="historicalMaximumGate" |
|||
/> |
|||
<el-table-column |
|||
label="历史最大过闸流量日期" |
|||
align="center" |
|||
prop="historicalMaximumDate" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ |
|||
parseTime(scope.row.historicalMaximumDate, "{y}-{m}-{d}") |
|||
}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="设计地震烈度" |
|||
align="center" |
|||
prop="designSeismicIntensity" |
|||
/> |
|||
<el-table-column label="闸孔数量" align="center" prop="gateHolesNumber" /> |
|||
<el-table-column |
|||
label="闸孔总净宽(m)" |
|||
align="center" |
|||
prop="gateHoleWidth" |
|||
/> |
|||
<el-table-column label="闸门型式" align="center" prop="gateType" /> |
|||
<el-table-column label="启闭机数量" align="center" prop="hoistsNumber" /> |
|||
<el-table-column |
|||
label="观测项目" |
|||
align="center" |
|||
prop="observationProject" |
|||
/> |
|||
<el-table-column |
|||
label="闸室结构" |
|||
align="center" |
|||
prop="lockChamberStructure" |
|||
/> |
|||
<el-table-column label="启闭机形式" align="center" prop="machineForm" /> |
|||
<el-table-column |
|||
label="消能方式" |
|||
align="center" |
|||
prop="energyDissipationMethod" |
|||
/> |
|||
<el-table-column |
|||
label="自动化控制" |
|||
align="center" |
|||
prop="automationControl" |
|||
/> |
|||
<el-table-column label="自动化控制" align="center" prop="createUid" /> |
|||
<el-table-column label="自动化控制" align="center" prop="updateUid" /> |
|||
<el-table-column |
|||
label="自动化控制" |
|||
align="center" |
|||
prop="createTime" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="自动化控制" |
|||
align="center" |
|||
prop="updateTime" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.updateTime, "{y}-{m}-{d}") }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="自动化控制" align="center" prop="proNo" /> |
|||
<el-table-column label="自动化控制" align="center" prop="proCode" /> |
|||
<el-table-column label="关联字段1" align="center" prop="relation" /> |
|||
<el-table-column |
|||
label="建成时间" |
|||
align="center" |
|||
prop="completionTime" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.completionTime, "{y}-{m}-{d}") }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="竣工验收时间" |
|||
align="center" |
|||
prop="completionAcceptanceTime" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ |
|||
parseTime(scope.row.completionAcceptanceTime, "{y}-{m}-{d}") |
|||
}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="最近除险加固完工时间" |
|||
align="center" |
|||
prop="recentCompletionTime" |
|||
width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ |
|||
parseTime(scope.row.recentCompletionTime, "{y}-{m}-{d}") |
|||
}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="枢纽建筑物" align="center" prop="hubBuildings" /> |
|||
<el-table-column |
|||
label="副闸闸孔数量" |
|||
align="center" |
|||
prop="auxiliaryGateHoles" |
|||
/> |
|||
<el-table-column |
|||
label="副闸闸孔总净宽" |
|||
align="center" |
|||
prop="auxiliaryGateHolesWidth" |
|||
/> |
|||
<el-table-column |
|||
label="操作" |
|||
align="center" |
|||
class-name="small-padding fixed-width" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['yg:sluiceInfo:edit']" |
|||
>修改</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['yg:sluiceInfo:remove']" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改水闸工程基础信息对话框 --> |
|||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="水闸名称" prop="sluiceName"> |
|||
<el-input v-model="form.sluiceName" placeholder="请输入水闸名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="行政区划" prop="adcd"> |
|||
<el-select v-model="form.adcd" placeholder="请选择行政区划"> |
|||
<el-option label="请选择字典生成" value="" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="水闸编码" prop="sluiceCode"> |
|||
<el-input v-model="form.sluiceCode" placeholder="请输入水闸编码" /> |
|||
</el-form-item> |
|||
<el-form-item label="所在位置" prop="location"> |
|||
<el-input v-model="form.location" placeholder="请输入所在位置" /> |
|||
</el-form-item> |
|||
<el-form-item label="标绘水闸" prop="plottingSluice"> |
|||
<el-input |
|||
v-model="form.plottingSluice" |
|||
placeholder="请输入标绘水闸" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="验收情况"> |
|||
<el-radio-group v-model="form.acceptanceStatus"> |
|||
<el-radio label="1">请选择字典生成</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="除险加固情况"> |
|||
<el-radio-group v-model="form.riskEliminationStatus"> |
|||
<el-radio label="1">请选择字典生成</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
<el-form-item label="是否为枢纽工程" prop="isHubProject"> |
|||
<el-input |
|||
v-model="form.isHubProject" |
|||
placeholder="请输入是否为枢纽工程" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="是否为闸站工程" prop="isGateStation"> |
|||
<el-input |
|||
v-model="form.isGateStation" |
|||
placeholder="请输入是否为闸站工程" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="是否为套闸工程" prop="isSetGateProject"> |
|||
<el-input |
|||
v-model="form.isSetGateProject" |
|||
placeholder="请输入是否为套闸工程" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="水闸类型" prop="sluiceType"> |
|||
<el-select v-model="form.sluiceType" placeholder="请选择水闸类型"> |
|||
<el-option label="请选择字典生成" value="" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="设计过闸流量" prop="designGateFlow"> |
|||
<el-input |
|||
v-model="form.designGateFlow" |
|||
placeholder="请输入设计过闸流量" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="校核过闸流量" prop="verifiedGateFlow"> |
|||
<el-input |
|||
v-model="form.verifiedGateFlow" |
|||
placeholder="请输入校核过闸流量" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="工程规模" prop="projectScale"> |
|||
<el-input v-model="form.projectScale" placeholder="请输入工程规模" /> |
|||
</el-form-item> |
|||
<el-form-item label="建筑物级别" prop="buildingLevel"> |
|||
<el-input |
|||
v-model="form.buildingLevel" |
|||
placeholder="请输入建筑物级别" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="设计标准[重现期" prop="designStandards"> |
|||
<el-input |
|||
v-model="form.designStandards" |
|||
placeholder="请输入设计标准[重现期" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="校核标准[重现期" prop="verificationStandards"> |
|||
<el-input |
|||
v-model="form.verificationStandards" |
|||
placeholder="请输入校核标准[重现期" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item |
|||
label="历史最大过闸流量(m³/s)" |
|||
prop="historicalMaximumGate" |
|||
> |
|||
<el-input |
|||
v-model="form.historicalMaximumGate" |
|||
placeholder="请输入历史最大过闸流量(m³/s)" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="历史最大过闸流量日期" prop="historicalMaximumDate"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 200px" |
|||
v-model="form.historicalMaximumDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择历史最大过闸流量日期" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="设计地震烈度" prop="designSeismicIntensity"> |
|||
<el-input |
|||
v-model="form.designSeismicIntensity" |
|||
placeholder="请输入设计地震烈度" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="闸孔数量" prop="gateHolesNumber"> |
|||
<el-input |
|||
v-model="form.gateHolesNumber" |
|||
placeholder="请输入闸孔数量" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="闸孔总净宽(m)" prop="gateHoleWidth"> |
|||
<el-input |
|||
v-model="form.gateHoleWidth" |
|||
placeholder="请输入闸孔总净宽(m)" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="闸门型式" prop="gateType"> |
|||
<el-select v-model="form.gateType" placeholder="请选择闸门型式"> |
|||
<el-option label="请选择字典生成" value="" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="启闭机数量" prop="hoistsNumber"> |
|||
<el-input |
|||
v-model="form.hoistsNumber" |
|||
placeholder="请输入启闭机数量" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="观测项目" prop="observationProject"> |
|||
<el-input |
|||
v-model="form.observationProject" |
|||
placeholder="请输入观测项目" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="闸室结构" prop="lockChamberStructure"> |
|||
<el-input |
|||
v-model="form.lockChamberStructure" |
|||
placeholder="请输入闸室结构" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="启闭机形式" prop="machineForm"> |
|||
<el-input v-model="form.machineForm" placeholder="请输入启闭机形式" /> |
|||
</el-form-item> |
|||
<el-form-item label="消能方式" prop="energyDissipationMethod"> |
|||
<el-input |
|||
v-model="form.energyDissipationMethod" |
|||
placeholder="请输入消能方式" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="自动化控制" prop="automationControl"> |
|||
<el-input |
|||
v-model="form.automationControl" |
|||
placeholder="请输入自动化控制" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="自动化控制" prop="createUid"> |
|||
<el-input v-model="form.createUid" placeholder="请输入自动化控制" /> |
|||
</el-form-item> |
|||
<el-form-item label="自动化控制" prop="updateUid"> |
|||
<el-input v-model="form.updateUid" placeholder="请输入自动化控制" /> |
|||
</el-form-item> |
|||
<el-form-item label="自动化控制" prop="proNo"> |
|||
<el-input v-model="form.proNo" placeholder="请输入自动化控制" /> |
|||
</el-form-item> |
|||
<el-form-item label="自动化控制" prop="proCode"> |
|||
<el-input v-model="form.proCode" placeholder="请输入自动化控制" /> |
|||
</el-form-item> |
|||
<el-form-item label="关联字段1" prop="relation"> |
|||
<el-input v-model="form.relation" placeholder="请输入关联字段1" /> |
|||
</el-form-item> |
|||
<el-form-item label="建成时间" prop="completionTime"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 200px" |
|||
v-model="form.completionTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择建成时间" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="竣工验收时间" prop="completionAcceptanceTime"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 200px" |
|||
v-model="form.completionAcceptanceTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择竣工验收时间" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="最近除险加固完工时间" prop="recentCompletionTime"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 200px" |
|||
v-model="form.recentCompletionTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择最近除险加固完工时间" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="枢纽建筑物" prop="hubBuildings"> |
|||
<el-input |
|||
v-model="form.hubBuildings" |
|||
placeholder="请输入枢纽建筑物" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="副闸闸孔数量" prop="auxiliaryGateHoles"> |
|||
<el-input |
|||
v-model="form.auxiliaryGateHoles" |
|||
placeholder="请输入副闸闸孔数量" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="副闸闸孔总净宽" prop="auxiliaryGateHolesWidth"> |
|||
<el-input |
|||
v-model="form.auxiliaryGateHolesWidth" |
|||
placeholder="请输入副闸闸孔总净宽" |
|||
/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listSluiceInfo, |
|||
getSluiceInfo, |
|||
delSluiceInfo, |
|||
addSluiceInfo, |
|||
updateSluiceInfo, |
|||
exportSluiceInfo, |
|||
} from "@/api/yg/sluiceInfo"; |
|||
|
|||
export default { |
|||
name: "SluiceInfo", |
|||
data() { |
|||
return { |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 水闸工程基础信息表格数据 |
|||
sluiceInfoList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
sluiceName: null, |
|||
adcd: null, |
|||
sluiceCode: null, |
|||
location: null, |
|||
plottingSluice: null, |
|||
acceptanceStatus: null, |
|||
riskEliminationStatus: null, |
|||
isHubProject: null, |
|||
isGateStation: null, |
|||
isSetGateProject: null, |
|||
sluiceType: null, |
|||
designGateFlow: null, |
|||
verifiedGateFlow: null, |
|||
projectScale: null, |
|||
buildingLevel: null, |
|||
designStandards: null, |
|||
verificationStandards: null, |
|||
historicalMaximumGate: null, |
|||
historicalMaximumDate: null, |
|||
designSeismicIntensity: null, |
|||
gateHolesNumber: null, |
|||
gateHoleWidth: null, |
|||
gateType: null, |
|||
hoistsNumber: null, |
|||
observationProject: null, |
|||
lockChamberStructure: null, |
|||
machineForm: null, |
|||
energyDissipationMethod: null, |
|||
automationControl: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
proNo: null, |
|||
proCode: null, |
|||
relation: null, |
|||
completionTime: null, |
|||
completionAcceptanceTime: null, |
|||
recentCompletionTime: null, |
|||
hubBuildings: null, |
|||
auxiliaryGateHoles: null, |
|||
auxiliaryGateHolesWidth: null, |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: {}, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询水闸工程基础信息列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listSluiceInfo(this.queryParams).then((response) => { |
|||
this.sluiceInfoList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
sluiceName: null, |
|||
adcd: null, |
|||
sluiceCode: null, |
|||
location: null, |
|||
plottingSluice: null, |
|||
acceptanceStatus: "0", |
|||
riskEliminationStatus: "0", |
|||
isHubProject: null, |
|||
isGateStation: null, |
|||
isSetGateProject: null, |
|||
sluiceType: null, |
|||
designGateFlow: null, |
|||
verifiedGateFlow: null, |
|||
projectScale: null, |
|||
buildingLevel: null, |
|||
designStandards: null, |
|||
verificationStandards: null, |
|||
historicalMaximumGate: null, |
|||
historicalMaximumDate: null, |
|||
designSeismicIntensity: null, |
|||
gateHolesNumber: null, |
|||
gateHoleWidth: null, |
|||
gateType: null, |
|||
hoistsNumber: null, |
|||
observationProject: null, |
|||
lockChamberStructure: null, |
|||
machineForm: null, |
|||
energyDissipationMethod: null, |
|||
automationControl: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
proNo: null, |
|||
proCode: null, |
|||
relation: null, |
|||
completionTime: null, |
|||
completionAcceptanceTime: null, |
|||
recentCompletionTime: null, |
|||
hubBuildings: null, |
|||
auxiliaryGateHoles: null, |
|||
auxiliaryGateHolesWidth: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
sluiceName: null, |
|||
adcd: null, |
|||
sluiceCode: null, |
|||
location: null, |
|||
plottingSluice: null, |
|||
acceptanceStatus: "0", |
|||
riskEliminationStatus: "0", |
|||
isHubProject: null, |
|||
isGateStation: null, |
|||
isSetGateProject: null, |
|||
sluiceType: null, |
|||
designGateFlow: null, |
|||
verifiedGateFlow: null, |
|||
projectScale: null, |
|||
buildingLevel: null, |
|||
designStandards: null, |
|||
verificationStandards: null, |
|||
historicalMaximumGate: null, |
|||
historicalMaximumDate: null, |
|||
designSeismicIntensity: null, |
|||
gateHolesNumber: null, |
|||
gateHoleWidth: null, |
|||
gateType: null, |
|||
hoistsNumber: null, |
|||
observationProject: null, |
|||
lockChamberStructure: null, |
|||
machineForm: null, |
|||
energyDissipationMethod: null, |
|||
automationControl: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
proNo: null, |
|||
proCode: null, |
|||
relation: null, |
|||
completionTime: null, |
|||
completionAcceptanceTime: null, |
|||
recentCompletionTime: null, |
|||
hubBuildings: null, |
|||
auxiliaryGateHoles: null, |
|||
auxiliaryGateHolesWidth: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.id); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加水闸工程基础信息"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids; |
|||
getSluiceInfo(id).then((response) => { |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改水闸工程基础信息"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
if (this.form.id != null) { |
|||
updateSluiceInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addSluiceInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
if (ids) { |
|||
this.$confirm("是否删除选中的数据？", "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return delSluiceInfo(ids); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(function () {}); |
|||
} else { |
|||
this.$message.warning("请选择要删除的数据！！"); |
|||
} |
|||
}, |
|||
/** 导出按钮操作 */ |
|||
handleExport() { |
|||
const queryParams = this.queryParams; |
|||
let message = "是否确认导出所有的数据项?"; |
|||
if (this.ids) { |
|||
message = "是否确认导出选中的数据项?"; |
|||
queryParams.ids = this.ids; |
|||
} |
|||
this.$confirm(message, "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return exportSluiceInfo(queryParams); |
|||
}) |
|||
.then((response) => { |
|||
this.downloadFile(response, true, response.msg); |
|||
// this.download(response.msg); |
|||
}) |
|||
.catch(function () {}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,60 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- 面包屑 --> |
|||
<el-breadcrumb separator="/" style="margin-bottom: 20px"> |
|||
<el-breadcrumb-item |
|||
v-for="(item, index) in routeList" |
|||
:key="item + index" |
|||
:to="routeList.length !== index + 1 ? { path: item.path } : undefined" |
|||
>{{ item.routeName }}</el-breadcrumb-item |
|||
> |
|||
</el-breadcrumb> |
|||
|
|||
<el-page-header |
|||
@back="goBack" |
|||
:content="routeList[1].routeName" |
|||
style="margin-bottom: 15px" |
|||
> |
|||
</el-page-header> |
|||
|
|||
<el-tabs |
|||
v-model="activeName" |
|||
@tab-click="handleClick" |
|||
style="margin-bottom: 20px" |
|||
> |
|||
<el-tab-pane label="专题基本信息" name="basePage"> |
|||
<!-- <basePage :formData="formData" ref="basePage" /> --> |
|||
555 |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="专题任务书信息" |
|||
name="taskPage" |
|||
:disabled="!routeList[1].isEdit" |
|||
> |
|||
<!-- <taskPage :proNo="formData.proNo" /> --> |
|||
6666 |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
activeName: "basePage", |
|||
routeList: [], |
|||
}; |
|||
}, |
|||
methods: { |
|||
goBack() { |
|||
this.$router.back(); |
|||
}, |
|||
// 切换标签页 |
|||
handleClick(tab, event) { |
|||
// console.log("切换标签页", tab, event); |
|||
// console.log("切换标签页", this.routeList[1].routeName); |
|||
this.routeList[1].routeName = tab.label; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue