This commit is contained in:
shijingjing
2022-04-28 18:00:04 +08:00
parent 88359d07a9
commit 99f9962338
6 changed files with 164 additions and 189 deletions

View File

@@ -20,7 +20,7 @@
<span>住房面积</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.houseArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number"/>
</div>
</div>
</div>
@@ -31,7 +31,7 @@
<span>与村主干路距离公里</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.trunkRoadDistance" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -42,7 +42,7 @@
<span>入户路类型</span>
</div>
<div class="right">
<AiSelect dict="fpType" v-model="form.objectType"></AiSelect>
<AiSelect dict="fpHouseRoadType" v-model="form.houseRoadType"></AiSelect>
</div>
</div>
</div>
@@ -53,7 +53,7 @@
<span>主要燃料类型</span>
</div>
<div class="right">
<AiSelect dict="fpType" v-model="form.objectType"></AiSelect>
<AiSelect dict="fpFuelType" v-model="form.fuelType"></AiSelect>
</div>
</div>
</div>
@@ -91,8 +91,8 @@
<span>是否住房损坏</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.houseDamage == '01' ? 'check-active' : '' " @click="form.houseDamage='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.houseDamage !='01' ? 'check-active' : '' " @click="form.houseDamage='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -103,8 +103,8 @@
<span>是否饮水设施损坏</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.drinkingWaterDamage == '01' ? 'check-active' : '' " @click="form.drinkingWaterDamage='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.drinkingWaterDamage !='01' ? 'check-active' : '' " @click="form.drinkingWaterDamage='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -115,8 +115,8 @@
<span>是否有卫生厕所</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.toilet == '01' ? 'check-active' : '' " @click="form.toilet='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.toilet !='01' ? 'check-active' : '' " @click="form.toilet='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -127,8 +127,8 @@
<span>是否通生活用电</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.electric == '01' ? 'check-active' : '' " @click="form.electric='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.electric !='01' ? 'check-active' : '' " @click="form.electric='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -139,8 +139,8 @@
<span>是否通广播电视</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.television == '01' ? 'check-active' : '' " @click="form.television='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.television !='01' ? 'check-active' : '' " @click="form.television='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -155,7 +155,7 @@
<span>耕地面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.cultivatedLandArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -167,7 +167,7 @@
<span>林果面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.orchardArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -179,7 +179,7 @@
<span>林地面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.woodlandArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -191,7 +191,7 @@
<span>退耕还林面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.grainForGreenArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -202,7 +202,7 @@
<span>牧草地面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.grazingGrasslandArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -213,7 +213,7 @@
<span>水面面积()</span>
</div>
<div class="right">
<u-input v-model="value" placeholder="请输入" placeholder-style="font-size: 15px;" type="text" />
<u-input v-model="form.watersArea" placeholder="请输入" placeholder-style="font-size: 15px;" type="number" />
</div>
</div>
</div>
@@ -227,8 +227,8 @@
<span>是否有龙头企业带动</span>
</div>
<div class="right">
<div class="check-item" :class="form.dilapidatedHousehold == '01' ? 'check-active' : '' " @click="form.dilapidatedHousehold='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.dilapidatedHousehold != '01' ? 'check-active' : '' " @click="form.dilapidatedHousehold='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.longtouqiye == '01' ? 'check-active' : '' " @click="form.longtouqiye='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.longtouqiye != '01' ? 'check-active' : '' " @click="form.longtouqiye='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -239,8 +239,8 @@
<span>是否通生产用电</span>
</div>
<div class="right">
<div class="check-item" :class="form.drinkingWaterSafety == '01' ? 'check-active' : '' " @click="form.drinkingWaterSafety='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.drinkingWaterSafety != '01' ? 'check-active' : '' " @click="form.drinkingWaterSafety='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.produceElectric == '01' ? 'check-active' : '' " @click="form.produceElectric='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.produceElectric != '01' ? 'check-active' : '' " @click="form.produceElectric='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -251,8 +251,8 @@
<span>是否加入农民专业合作社</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.nongheshe == '01' ? 'check-active' : '' " @click="form.nongheshe='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.nongheshe !='01' ? 'check-active' : '' " @click="form.nongheshe='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -263,8 +263,8 @@
<span>是否有创业致富带头人带动</span>
</div>
<div class="right">
<div class="check-item" :class="form.move == '01' ? 'check-active' : '' " @click="form.move='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.move !='01' ? 'check-active' : '' " @click="form.move='02'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.cyzfdtr == '01' ? 'check-active' : '' " @click="form.cyzfdtr='01'"><img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.cyzfdtr !='01' ? 'check-active' : '' " @click="form.cyzfdtr='02'"><img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
</div>
@@ -281,9 +281,27 @@ export default {
return {
form: {
objectType: '',
dilapidatedHousehold: '02',
drinkingWaterSafety: '02',
move: '02'
dilapidatedHousehold: '',
drinkingWaterSafety: '',
move: '02',
houseArea: '',
trunkRoadDistance: '',
houseRoadType: '',
fuelType:'',
houseDamage: '',
drinkingWaterDamage: '',
toilet: '',
electric: '',
television: '',
cultivatedLandArea: '', // 耕地面积
orchardArea: '',
woodlandArea: '',
grainForGreenArea: '',
grazingGrasslandArea: '',
longtouqiye: '',
produceElectric: '',
nongheshe: '',
cyzfdtr: '',
},
id: '',
girdId: '',
@@ -294,7 +312,7 @@ export default {
onLoad(query) {
this.$dict.load(['fpYesOrNo', 'fpRiskType']).then(() => {
this.$dict.load(['fpYesOrNo', 'fpRiskType','fpHouseRoadType','fpFuelType']).then(() => {
this.getInfo(query.id)
})
this.id = query.id
@@ -374,6 +392,9 @@ export default {
}
}
}
::v-deep .AiSelect .display {
justify-content: flex-end;
}
.form-group {
background: #fff;