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

水闸管理

master_tdsql
xzt 1 year ago
parent
370e6b2293
commit
9b02b6d09e
9 changed files with 3250 additions and 7 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. 44
      src/App.vue
  2. 31
      src/assets/css/dialog.scss
  3. 7
      src/utils/request.js
  4. 1
      src/views/sluice/engineeringCondition/index.vue
  5. 1040
      src/views/sluice/engineeringCondition/sluiceBaseInfo/index.vue
  6. 862
      src/views/sluice/engineeringCondition/sluiceBaseInfo/options/basePage.vue
  7. 60
      src/views/sluice/engineeringCondition/sluiceBaseInfo/options/index.vue
  8. 1208
      src/views/sluice/engineeringCondition/sluiceBaseInfo/options/projectManagement.vue
  9. 2
      theme/index.css

44
src/App.vue
View File

@ -5,14 +5,50 @@
</template> </template>
<script> <script>
export default { export default {
name: 'App' name: "App",
} };
</script> </script>
<style lang="scss"> <style lang="scss">
ul,li,div,p,a,ol,span,s{ ul,
li,
div,
p,
a,
ol,
span,
s {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
::-webkit-scrollbar-track {
background: #f8f9fb;
border-radius: 0;
border: 1px solid #e8e9ea;
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
cursor: pointer;
border-radius: 5px;
background: #d9d9d9;
transition: color 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
background: #bfbfbf;
}
.el-icon-download {
color: #36b29e;
}
.el-icon-download:hover {
color: #94e7c7;
}
</style> </style>

31
src/assets/css/dialog.scss
View File

@ -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;
}

7
src/utils/request.js
View File

@ -35,6 +35,13 @@ service.interceptors.response.use(res => {
if (res && res.data ) { if (res && res.data ) {
// 未设置状态码则默认成功状态 // 未设置状态码则默认成功状态
const code = res.data.code || 200 const code = res.data.code || 200
// 登录成功提示
if (code == 200 && res.config.url=="/thinking/login") {
Message({
message: "登录成功",
type: 'success'
})
}
// 获取错误信息 // 获取错误信息
const msg = errorCode[code] || res.data.msg || errorCode['default'] const msg = errorCode[code] || res.data.msg || errorCode['default']
if (code === 401) { if (code === 401) {

1
src/views/sluice/engineeringCondition/index.vue
View File

@ -1,3 +1,4 @@
<template> <template>
<router-view /> <router-view />
<!-- <div>555</div> -->
</template> </template>

1040
src/views/sluice/engineeringCondition/sluiceBaseInfo/index.vue
View File

File diff suppressed because it is too large

862
src/views/sluice/engineeringCondition/sluiceBaseInfo/options/basePage.vue
View File

@ -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>

60
src/views/sluice/engineeringCondition/sluiceBaseInfo/options/index.vue
View File

@ -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>

1208
src/views/sluice/engineeringCondition/sluiceBaseInfo/options/projectManagement.vue
View File

File diff suppressed because it is too large

2
theme/index.css
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save