|
@@ -33,17 +33,17 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-col>
|
|
<el-col>
|
|
|
<el-row class="area">
|
|
<el-row class="area">
|
|
|
- <el-col :span="5">
|
|
|
|
|
- <label>总面积:</label>{{ areaAll }}亩
|
|
|
|
|
|
|
+ <el-col>
|
|
|
|
|
+ <label>总面积:</label>{{ areaAll }}亩
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :span="5">
|
|
|
|
|
|
|
+ <el-col>
|
|
|
<label>总水权:</label>{{ waterRightAll }}m³
|
|
<label>总水权:</label>{{ waterRightAll }}m³
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :span="7" style="width:27%">
|
|
|
|
|
- <label>亩产水权:</label>{{ yieldPer }}亩/m³
|
|
|
|
|
|
|
+ <el-col>
|
|
|
|
|
+ <label>亩产水权:</label>{{ yieldPer }}亩/m³
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <label>剩余水权:</label>{{ residualWaterRight }}m³
|
|
|
|
|
|
|
+ <el-col>
|
|
|
|
|
+ <label>剩余水权:</label>{{ residualWaterRight }}m³
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -163,7 +163,7 @@
|
|
|
import { isValidIDCard, checkPhone } from '@/utils/index.js'
|
|
import { isValidIDCard, checkPhone } from '@/utils/index.js'
|
|
|
import { assign } from 'lodash-es';
|
|
import { assign } from 'lodash-es';
|
|
|
import SelectTree from '@/components/SelectTree';
|
|
import SelectTree from '@/components/SelectTree';
|
|
|
-import { addFarmer,editFarmer } from '@/api/farmer/list.js'
|
|
|
|
|
|
|
+import { addFarmer,editFarmer, getAreaInfo } from '@/api/farmer/list.js'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'addedFarmers',
|
|
name: 'addedFarmers',
|
|
@@ -248,13 +248,24 @@ export default {
|
|
|
}, trigger: 'blur' }
|
|
}, trigger: 'blur' }
|
|
|
],
|
|
],
|
|
|
farmerWramount: [
|
|
farmerWramount: [
|
|
|
- { required: true, validator: (rule, value, callback) => {
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ required: true, validator: (rule, value, callback) => {
|
|
|
if (!value) { callback(new Error('请输入水权')); return }
|
|
if (!value) { callback(new Error('请输入水权')); return }
|
|
|
- if (isNaN(value)) callback(new Error('请正确输入您的水权'))
|
|
|
|
|
- else if (value > this.residualWaterRight) {
|
|
|
|
|
- callback(new Error('输入的水权不能大于剩余水权'))
|
|
|
|
|
- } else {
|
|
|
|
|
- callback()
|
|
|
|
|
|
|
+ if (isNaN(value)) { callback(new Error('请正确输入您的水权')); return }
|
|
|
|
|
+ if (this.isEdit) {
|
|
|
|
|
+ if (+value > (+this.residualWaterRight) + (+this.editFarmerData.farmerWrbalance)) {
|
|
|
|
|
+ callback(new Error('输入的水权不能大于剩余水权'))
|
|
|
|
|
+ return
|
|
|
|
|
+ } else {
|
|
|
|
|
+ callback()
|
|
|
|
|
+ }
|
|
|
|
|
+ } else {
|
|
|
|
|
+ if (+value > +this.residualWaterRight) {
|
|
|
|
|
+ callback(new Error('输入的水权不能大于剩余水权'))
|
|
|
|
|
+ return
|
|
|
|
|
+ } else {
|
|
|
|
|
+ callback()
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}, trigger: 'blur' }
|
|
}, trigger: 'blur' }
|
|
|
]
|
|
]
|
|
@@ -265,49 +276,63 @@ export default {
|
|
|
visible(val) {
|
|
visible(val) {
|
|
|
if (val !== this.dialogVisible) {
|
|
if (val !== this.dialogVisible) {
|
|
|
this.dialogVisible = val;
|
|
this.dialogVisible = val;
|
|
|
- if (val) {
|
|
|
|
|
- assign(this.baseForm, this.data);
|
|
|
|
|
- if (!this.hasFetched) {
|
|
|
|
|
- this.hasFetched = true;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ if (!val) {
|
|
|
|
|
+ this.$refs.baseForm.clearValidate()
|
|
|
|
|
+ this.baseForm = {}
|
|
|
|
|
+ this.cusareaName = ''
|
|
|
|
|
+ this.clearItem()
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
editFarmerData: {
|
|
editFarmerData: {
|
|
|
handler(val) {
|
|
handler(val) {
|
|
|
- this.baseForm = {...val }
|
|
|
|
|
- this.cusareaName = val.cusareaName
|
|
|
|
|
- this.setItem(this.treeDataArr)
|
|
|
|
|
|
|
+ if (this.isEdit) {
|
|
|
|
|
+ this.baseForm = { ...val }
|
|
|
|
|
+ this.handlerClick(val)
|
|
|
|
|
+ this.cusareaName = val?.cusareaName || ''
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.baseForm = {}
|
|
|
|
|
+ this.cusareaName = ''
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
deep: true
|
|
deep: true
|
|
|
},
|
|
},
|
|
|
treeData: {
|
|
treeData: {
|
|
|
handler(val) {
|
|
handler(val) {
|
|
|
this.treeDataArr = val ?? [];
|
|
this.treeDataArr = val ?? [];
|
|
|
- this.setItem(val)
|
|
|
|
|
},
|
|
},
|
|
|
deep: true,
|
|
deep: true,
|
|
|
immediate: true
|
|
immediate: true
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- setItem(val) {
|
|
|
|
|
- const value = this.findItemByAreaId(this.currentClickId, val)
|
|
|
|
|
- this.areaAll = value?.waterrightAreasize || '-'
|
|
|
|
|
|
|
+ setItem(value) {
|
|
|
|
|
+ this.areaAll = value?.waterrightAreasize || '0'
|
|
|
|
|
+ this.areaAll = (+this.areaAll).toFixed(2)
|
|
|
this.waterRightAll = value?.waterrightAmount || '0'
|
|
this.waterRightAll = value?.waterrightAmount || '0'
|
|
|
|
|
+ this.waterRightAll = (+this.waterRightAll).toFixed(2)
|
|
|
this.yieldPer = value ? value?.waterrightAmount == 0 ? 0 : (value?.waterrightAreasize) / (value?.waterrightAmount) : 0
|
|
this.yieldPer = value ? value?.waterrightAmount == 0 ? 0 : (value?.waterrightAreasize) / (value?.waterrightAmount) : 0
|
|
|
this.yieldPer = (+this.yieldPer).toFixed(2)
|
|
this.yieldPer = (+this.yieldPer).toFixed(2)
|
|
|
this.residualWaterRight = value?.amountResidue ?? 0
|
|
this.residualWaterRight = value?.amountResidue ?? 0
|
|
|
|
|
+ this.residualWaterRight = (+this.residualWaterRight).toFixed(2)
|
|
|
|
|
+ },
|
|
|
|
|
+ clearItem() {
|
|
|
|
|
+ this.areaAll = 0.00
|
|
|
|
|
+ this.waterRightAll = 0.00
|
|
|
|
|
+ this.yieldPer = 0.00
|
|
|
|
|
+ this.residualWaterRight = 0.00
|
|
|
},
|
|
},
|
|
|
findItemByAreaId(areaId,list) {
|
|
findItemByAreaId(areaId,list) {
|
|
|
return list.find(item => item.areaId === areaId)
|
|
return list.find(item => item.areaId === areaId)
|
|
|
},
|
|
},
|
|
|
- handlerClick(value) {
|
|
|
|
|
|
|
+ async handlerClick(item) {
|
|
|
|
|
+ const res = await getAreaInfo({
|
|
|
|
|
+ waterrightYear: new Date().getFullYear(),
|
|
|
|
|
+ areaId: item.areaId
|
|
|
|
|
+ })
|
|
|
|
|
+ const value = res?.data
|
|
|
this.baseForm.areaId = value?.areaId
|
|
this.baseForm.areaId = value?.areaId
|
|
|
- this.areaAll = value?.waterrightAreasize
|
|
|
|
|
- this.waterRightAll = value?.waterrightAmount
|
|
|
|
|
- this.yieldPer = value?.waterrightAmount == 0 ? 0 : (value?.waterrightAreasize) / (value?.waterrightAmount)
|
|
|
|
|
- this.residualWaterRight = value?.amountResidue ?? 0
|
|
|
|
|
|
|
+ this.setItem(value)
|
|
|
},
|
|
},
|
|
|
resetForm() {
|
|
resetForm() {
|
|
|
this.dialogVisible = false;
|
|
this.dialogVisible = false;
|
|
@@ -352,6 +377,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
.area{
|
|
.area{
|
|
|
margin:0 0 20px 20px;
|
|
margin:0 0 20px 20px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ .el-col{
|
|
|
|
|
+ min-width: 25%;
|
|
|
|
|
+ }
|
|
|
label{
|
|
label{
|
|
|
color:#999;
|
|
color:#999;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|