hejunjie
1 year ago
8 changed files with 599 additions and 170 deletions
@ -0,0 +1,216 @@ |
|||
<script> |
|||
import { ENGINTYPE } from "../../const"; |
|||
export default { |
|||
name: "Edit", |
|||
props: { |
|||
model: { |
|||
type: Object, |
|||
default: null |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
enginTypeList: [], |
|||
ruleForm: { |
|||
projectName: '', |
|||
num: '', |
|||
enginName: '', |
|||
id: '', |
|||
coors: '', |
|||
enginType: '0', |
|||
range: '', |
|||
riversName: '', |
|||
code: '', |
|||
blockType: '', |
|||
dischargeType: '', |
|||
area: '', |
|||
flow: '', |
|||
createTime: '', |
|||
grade: '', |
|||
level: '', |
|||
dischargeMax: '', |
|||
adcd: '', |
|||
holeNum: '', |
|||
width: '', |
|||
sluiceType: '', |
|||
shorSeparation: '', |
|||
dikeType: '', |
|||
shape: '', |
|||
system: '' |
|||
}, |
|||
} |
|||
}, |
|||
methods: { |
|||
submitForm(callback) { |
|||
this.$refs.ruleForm.validate((valid) => { |
|||
if (valid) { |
|||
callback({ |
|||
...this.ruleForm |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
handleEngin(res) { |
|||
this.$refs.ruleForm.resetFields() |
|||
this.ruleForm.enginType = res |
|||
}, |
|||
}, |
|||
mounted() { |
|||
this.enginTypeList = ENGINTYPE |
|||
if (this.model) { |
|||
for (let key in this.model) { |
|||
if (this.ruleForm[key] !== undefined) { |
|||
this.ruleForm[key] = this.model[key] |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<el-form |
|||
:model="ruleForm" |
|||
ref="ruleForm" |
|||
label-width="160px" |
|||
> |
|||
<el-col :span="24"> |
|||
<el-form-item label="水工程对象类型:" prop="enginType"> |
|||
<el-select style="width: 100%;" v-model="ruleForm.enginType" @change="handleEngin"> |
|||
<el-option |
|||
v-for="item in enginTypeList" |
|||
:label="item.dictLabel" |
|||
:value="item.dictValue" |
|||
:key="item.id" |
|||
></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="所属行政区域" prop="adcd"> |
|||
<el-input v-model="ruleForm.adcd" placeholder="请输入所属行政区域"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目名" prop="projectName"> |
|||
<el-input v-model="ruleForm.projectName" placeholder="请输入项目名"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="编号" prop="num"> |
|||
<el-input v-model="ruleForm.num" placeholder="请输入编号"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="工程名" prop="enginName"> |
|||
<el-input v-model="ruleForm.enginName" placeholder="请输入工程名"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="ID" prop="id"> |
|||
<el-input v-model="ruleForm.id" placeholder="请输入ID"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="坐标" prop="coors"> |
|||
<el-input v-model="ruleForm.coors" placeholder="请输入坐标"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '2'" label="范围" prop="riversName"> |
|||
<el-input v-model="ruleForm.range" placeholder="请输入范围"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="所在河流（湖泊）名称" prop="riversName"> |
|||
<el-input v-model="ruleForm.riversName" placeholder="请输入所在河流（湖泊）名称"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="编码" prop="code"> |
|||
<el-input v-model="ruleForm.code" placeholder="请输入编码"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="挡水主坝类型" prop="blockType"> |
|||
<el-input v-model="ruleForm.blockType" placeholder="请输入挡水主坝类型"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="主要泄洪建筑物型式" prop="dischargeType"> |
|||
<el-input v-model="ruleForm.dischargeType" placeholder="请输入主要泄洪建筑物型式"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="坝址控制流域面积" prop="area"> |
|||
<el-input v-model="ruleForm.area" placeholder="请输入坝址控制流域面积"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="坝址多年平均径流量" prop="flow"> |
|||
<el-input v-model="ruleForm.flow" placeholder="请输入坝址多年平均径流量"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '1'" label="闸孔数" prop="holeNum"> |
|||
<el-input v-model="ruleForm.holeNum" placeholder="请输入闸孔数"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '1'" label="闸孔总净宽" prop="width"> |
|||
<el-input v-model="ruleForm.width" placeholder="请输入闸孔总净宽"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '1'" label="水闸类型" prop="sluiceType"> |
|||
<el-input v-model="ruleForm.sluiceType" placeholder="请输入水闸类型"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType !== '2'" label="建成时间" prop="createTime"> |
|||
<el-input v-model="ruleForm.createTime" placeholder="请输入建成时间"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType !== '2'" label="工程等级" prop="grade"> |
|||
<el-input v-model="ruleForm.grade" placeholder="请输入工程等级"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="主坝级别" prop="level"> |
|||
<el-input v-model="ruleForm.level" placeholder="请输入主坝级别"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '0'" label="最大泄洪量" prop="dischargeMax"> |
|||
<el-input v-model="ruleForm.dischargeMax" placeholder="请输入最大泄洪量"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '2'" label="河流岸别" prop="shorSeparation"> |
|||
<el-input v-model="ruleForm.shorSeparation" placeholder="请输入河流岸别"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '2'" label="堤防类型" prop="dikeType"> |
|||
<el-input v-model="ruleForm.dikeType" placeholder="请输入堤防类型"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '2'" label="堤防型式" prop="shape"> |
|||
<el-input v-model="ruleForm.shape" placeholder="请输入堤防型式"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item v-if="ruleForm.enginType === '2'" label="高程系统" prop="system"> |
|||
<el-input v-model="ruleForm.system" placeholder="请输入高程系统"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue