|
|
|
@ -381,195 +381,31 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-col> |
|
|
|
<!-- 工程相关文件 --> |
|
|
|
<!-- 工程影像信息 --> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-divider> 工程相关文件 </el-divider> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-row :gutter="15"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="闸门操作规程" prop="gateOperatingProcedures"> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.gateOperatingProcedures" |
|
|
|
placeholder="请输入闸门操作规程" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList4')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList4') |
|
|
|
" |
|
|
|
:file-list="fileList4" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
点击上传 |
|
|
|
</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip"> |
|
|
|
支持jpg/png/pdf/word/excel文件等，不超过100M |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item |
|
|
|
label="水闸控制运用计划(方案)批复文件" |
|
|
|
prop="waterGateControlOperation" |
|
|
|
> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.waterGateControlOperation" |
|
|
|
placeholder="请输入水闸控制运用计划(方案)批复文件" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList5')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList5') |
|
|
|
" |
|
|
|
:file-list="fileList5" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
点击上传 |
|
|
|
</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip"> |
|
|
|
支持jpg/png/pdf/word/excel文件等，不超过100M |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item |
|
|
|
label="工程竣工验收鉴定书" |
|
|
|
prop="engineeringCompletionAcceptance" |
|
|
|
> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.engineeringCompletionAcceptance" |
|
|
|
placeholder="请输入工程竣工验收鉴定书" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList6')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList6') |
|
|
|
" |
|
|
|
:file-list="fileList6" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
点击上传 |
|
|
|
</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip"> |
|
|
|
支持jpg/png/pdf/word/excel文件等，不超过100M |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="15"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="工程图表" prop="engineeringChart"> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.engineeringChart" |
|
|
|
placeholder="请输入工程图表" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList7')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList7') |
|
|
|
" |
|
|
|
:file-list="fileList7" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
点击上传 |
|
|
|
</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip"> |
|
|
|
支持jpg/png/pdf/word/excel文件等，不超过100M |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item |
|
|
|
label="工程全景照片" |
|
|
|
prop="engineeringPanoramicPhotos" |
|
|
|
> |
|
|
|
<el-form-item label="工程照片" prop="engineeringPanoramicPhotos"> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.engineeringPanoramicPhotos" |
|
|
|
placeholder="请输入工程全景照片" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList8')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList8') |
|
|
|
" |
|
|
|
:file-list="fileList8" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
点击上传 |
|
|
|
</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip"> |
|
|
|
支持jpg/png/pdf/word/excel文件等，不超过100M |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item |
|
|
|
label="降等批复文件" |
|
|
|
prop="approvalDocumentsDowngrade" |
|
|
|
> |
|
|
|
<!-- <el-input |
|
|
|
v-model="form.approvalDocumentsDowngrade" |
|
|
|
placeholder="请输入降等批复文件" |
|
|
|
placeholder="请输入工程照片" |
|
|
|
/> --> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="thinking/common/upload" |
|
|
|
:headers="headers" |
|
|
|
:on-preview="handleOpinionPreview" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList9')" |
|
|
|
:on-remove="(file) => handleOpinionRemove(file, 'fileList')" |
|
|
|
:before-remove="beforeOpinionRemove" |
|
|
|
multiple |
|
|
|
:on-exceed="handleOpinionExceed" |
|
|
|
:on-success=" |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList9') |
|
|
|
(_, fileList) => submitOpinionUpload(fileList, 'fileList') |
|
|
|
" |
|
|
|
:file-list="fileList9" |
|
|
|
:file-list="fileList" |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" plain> |
|
|
|
<i class="el-icon-upload el-icon--right"></i> |
|
|
|
@ -583,6 +419,26 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-col> |
|
|
|
<!-- 划界确权 --> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-divider> 监控类型 </el-divider> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="监控类型（可多选）" prop="monitoringType"> |
|
|
|
<!-- <el-select |
|
|
|
v-model="form.monitoringType" |
|
|
|
placeholder="监控类型（可多选）" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="dict in administrationDepartmentNatureOptions" |
|
|
|
:key="dict.dictValue + '监控类型'" |
|
|
|
:label="dict.dictLabel" |
|
|
|
:value="dict.dictValue" |
|
|
|
></el-option> |
|
|
|
</el-select> --> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-form> |
|
|
|
</el-row> |
|
|
|
<div class="btnList"> |
|
|
|
@ -594,19 +450,20 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import { |
|
|
|
listSluiceEngineerMangeInfo, |
|
|
|
getSluiceEngineerMangeInfo, |
|
|
|
delSluiceEngineerMangeInfo, |
|
|
|
addSluiceEngineerMangeInfo, |
|
|
|
updateSluiceEngineerMangeInfo, |
|
|
|
exportSluiceEngineerMangeInfo, |
|
|
|
} from "@/api/yg/sluiceEngineerMangeInfo"; |
|
|
|
listEngineerManageInfo, |
|
|
|
getEngineerManageInfo, |
|
|
|
delEngineerManageInfo, |
|
|
|
addEngineerManageInfo, |
|
|
|
updateEngineerManageInfo, |
|
|
|
exportEngineerManageInfo, |
|
|
|
} from "@/api/yg/engineerManageInfo"; |
|
|
|
|
|
|
|
import { getToken } from "@/utils/auth"; |
|
|
|
import { getFileStream } from "@/api/system/upload"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "SluiceEngineerMangeInfo", |
|
|
|
props: ["sluiceCode"], |
|
|
|
name: "EngineerManageInfo", |
|
|
|
props: ["embankmentCode"], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// 遮罩层 |
|
|
|
@ -685,6 +542,7 @@ export default { |
|
|
|
remarks: null, |
|
|
|
owerDept: null, |
|
|
|
relations: null, |
|
|
|
monitoringType: null, |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 表单参数 |
|
|
|
@ -695,15 +553,7 @@ export default { |
|
|
|
headers: { |
|
|
|
shuili: "water " + getToken(), |
|
|
|
}, |
|
|
|
fileList1: [], |
|
|
|
fileList2: [], |
|
|
|
fileList3: [], |
|
|
|
fileList4: [], |
|
|
|
fileList5: [], |
|
|
|
fileList6: [], |
|
|
|
fileList7: [], |
|
|
|
fileList8: [], |
|
|
|
fileList9: [], |
|
|
|
fileList: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -736,38 +586,12 @@ export default { |
|
|
|
methods: { |
|
|
|
/** 查询水闸工程管理信息列表 */ |
|
|
|
getList() { |
|
|
|
this.queryParams.data.sluiceCode = this.sluiceCode; |
|
|
|
listSluiceEngineerMangeInfo(this.queryParams).then((response) => { |
|
|
|
this.queryParams.data.embankmentCode = this.embankmentCode; |
|
|
|
listEngineerManageInfo(this.queryParams).then((response) => { |
|
|
|
if (response.records.length > 0) { |
|
|
|
this.form = response.records[0]; |
|
|
|
if (this.form.delimitationEvidence) { |
|
|
|
this.fileList1 = JSON.parse(this.form.delimitationEvidence); |
|
|
|
} |
|
|
|
if (this.form.confirmationEvidence) { |
|
|
|
this.fileList2 = JSON.parse(this.form.confirmationEvidence); |
|
|
|
} |
|
|
|
if (this.form.protectionEvidence) { |
|
|
|
this.fileList3 = JSON.parse(this.form.protectionEvidence); |
|
|
|
} |
|
|
|
if (this.form.gateOperatingProcedures) { |
|
|
|
this.fileList4 = JSON.parse(this.form.gateOperatingProcedures); |
|
|
|
} |
|
|
|
if (this.form.waterGateControlOperation) { |
|
|
|
this.fileList5 = JSON.parse(this.form.waterGateControlOperation); |
|
|
|
} |
|
|
|
if (this.form.engineeringCompletionAcceptance) { |
|
|
|
this.fileList6 = JSON.parse( |
|
|
|
this.form.engineeringCompletionAcceptance |
|
|
|
); |
|
|
|
} |
|
|
|
if (this.form.engineeringChart) { |
|
|
|
this.fileList7 = JSON.parse(this.form.engineeringChart); |
|
|
|
} |
|
|
|
if (this.form.engineeringPanoramicPhotos) { |
|
|
|
this.fileList8 = JSON.parse(this.form.engineeringPanoramicPhotos); |
|
|
|
} |
|
|
|
if (this.form.approvalDocumentsDowngrade) { |
|
|
|
this.fileList9 = JSON.parse(this.form.approvalDocumentsDowngrade); |
|
|
|
this.fileList = JSON.parse(this.form.engineeringPanoramicPhotos); |
|
|
|
} |
|
|
|
} |
|
|
|
console.log("this.form", this.form); |
|
|
|
@ -832,7 +656,8 @@ export default { |
|
|
|
}, |
|
|
|
// 取消按钮 |
|
|
|
cancel() { |
|
|
|
this.open = false; |
|
|
|
// this.open = false; |
|
|
|
this.$router.back(); |
|
|
|
this.reset(); |
|
|
|
}, |
|
|
|
// 表单重置 |
|
|
|
@ -875,6 +700,7 @@ export default { |
|
|
|
remarks: null, |
|
|
|
owerDept: null, |
|
|
|
relations: null, |
|
|
|
monitoringType: null, |
|
|
|
}; |
|
|
|
this.resetForm("form"); |
|
|
|
}, |
|
|
|
@ -921,6 +747,7 @@ export default { |
|
|
|
remarks: null, |
|
|
|
owerDept: null, |
|
|
|
relations: null, |
|
|
|
monitoringType: null, |
|
|
|
}, |
|
|
|
}; |
|
|
|
this.resetForm("form"); |
|
|
|
@ -951,7 +778,7 @@ export default { |
|
|
|
handleUpdate(row) { |
|
|
|
this.reset(); |
|
|
|
const id = row.id || this.ids; |
|
|
|
getSluiceEngineerMangeInfo(id).then((response) => { |
|
|
|
getEngineerManageInfo(id).then((response) => { |
|
|
|
this.form = response.data; |
|
|
|
this.open = true; |
|
|
|
this.title = "修改水闸工程管理信息"; |
|
|
|
@ -961,21 +788,12 @@ export default { |
|
|
|
submitForm() { |
|
|
|
this.$refs["form"].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.form.sluiceCode = this.sluiceCode; |
|
|
|
this.form.delimitationEvidence = JSON.stringify(this.fileList1); |
|
|
|
this.form.confirmationEvidence = JSON.stringify(this.fileList2); |
|
|
|
this.form.protectionEvidence = JSON.stringify(this.fileList3); |
|
|
|
this.form.gateOperatingProcedures = JSON.stringify(this.fileList4); |
|
|
|
this.form.waterGateControlOperation = JSON.stringify(this.fileList5); |
|
|
|
this.form.engineeringCompletionAcceptance = JSON.stringify( |
|
|
|
this.fileList6 |
|
|
|
); |
|
|
|
this.form.engineeringChart = JSON.stringify(this.fileList7); |
|
|
|
this.form.engineeringPanoramicPhotos = JSON.stringify(this.fileList8); |
|
|
|
this.form.approvalDocumentsDowngrade = JSON.stringify(this.fileList9); |
|
|
|
this.form.embankmentCode = this.embankmentCode; |
|
|
|
|
|
|
|
this.form.engineeringPanoramicPhotos = JSON.stringify(this.fileList); |
|
|
|
|
|
|
|
if (this.form.id != null) { |
|
|
|
updateSluiceEngineerMangeInfo(this.form).then((response) => { |
|
|
|
updateEngineerManageInfo(this.form).then((response) => { |
|
|
|
if (response.code === 200) { |
|
|
|
this.msgSuccess("修改成功"); |
|
|
|
this.open = false; |
|
|
|
@ -983,7 +801,7 @@ export default { |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
addSluiceEngineerMangeInfo(this.form).then((response) => { |
|
|
|
addEngineerManageInfo(this.form).then((response) => { |
|
|
|
if (response.code === 200) { |
|
|
|
this.msgSuccess("新增成功"); |
|
|
|
this.open = false; |
|
|
|
@ -1004,7 +822,7 @@ export default { |
|
|
|
type: "warning", |
|
|
|
}) |
|
|
|
.then(function () { |
|
|
|
return delSluiceEngineerMangeInfo(ids); |
|
|
|
return delEngineerManageInfo(ids); |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.getList(); |
|
|
|
|
xzt
1 year ago