# Conflicts:
#	src/apps/AppMonitoringObject/Add.vue
This commit is contained in:
shijingjing
2022-04-29 18:15:05 +08:00

View File

@@ -35,10 +35,8 @@
<span>选择人员</span> <span>选择人员</span>
</div> </div>
<div class="right"> <div class="right">
<AiPagePicker class="select" :selected.sync="userList" householdName="1" > <AiPagePicker class="select" :selected.sync="userList" householdName="1" single>
<span v-if="!userList.length">请选择</span> <AiMore v-model="form.name"/>
<span v-if="userList.length" style="color: #333;">{{ userList[0].name }}</span>
<u-icon name="arrow-right" color="#DDD" size="28"></u-icon>
</AiPagePicker> </AiPagePicker>
</div> </div>
</div> </div>
@@ -75,7 +73,7 @@
</div> </div>
<div class="right"> <div class="right">
<input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="20" <input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="20"
placeholder-style="color: #999; font-size: 30rpx;" @input="changeIdNumber" :disabled ="userList.length? true : false" /> placeholder-style="color: #999; font-size: 30rpx;" @input="changeIdNumber" :disabled="!!userList.length"/>
</div> </div>
</div> </div>
</div> </div>
@@ -124,12 +122,8 @@
</div> </div>
<div class="right"> <div class="right">
<!-- :areaId="user.areaId" v-model="form.currentAreaId"--> <!-- :areaId="user.areaId" v-model="form.currentAreaId"-->
<AiAreaPicker ref="address" class="aiArea" :fullName.sync="form.currentAreaName" v-model="form.currentAreaId" :root="user.areaId" @select="onAreaChange"> <AiAreaPicker :fullName.sync="form.currentAreaName" v-model="form.currentAreaId" :root="user.areaId">
<div class="aiArea"> <AiMore v-model="form.currentAreaName"/>
<span class="label" v-if="form.currentAreaName">{{ form.currentAreaName }}</span>
<i v-else>请选择</i>
<u-icon name="arrow-right" color="#ddd"/>
</div>
</AiAreaPicker> </AiAreaPicker>
</div> </div>
</div> </div>
@@ -433,7 +427,7 @@
<script> <script>
import {mapState} from 'vuex' import {mapState} from 'vuex'
import listVue from '../AppBuilding/list.vue';
export default { export default {
data() { data() {
return { return {
@@ -523,13 +517,11 @@ export default {
}, },
watch: { watch: {
userList: { userList: {
handler: function (newValue,oldValue) { handler: function (v) {
this.isEdit = true; this.isEdit = true;
this.form.name = newValue[0].name; let {name, idNumber, currentAreaId, currentAreaName} = v?.[0] || {}
this.form.idNumber = newValue[0].idNumber; this.form = {...this.form, name, idNumber, currentAreaId, currentAreaName}
this.form.sex = this.form.idNumber.substr(16, 1) % 2 == 0 ? '1' : '0' this.form.sex = this.idCardNoUtil.getIdCardInfo(idNumber)?.sex
this.form.currentAreaId = newValue[0].currentAreaId
this.form.currentAreaName = newValue[0].currentAreaName
}, },
deep: true, deep: true,
}, },
@@ -559,17 +551,13 @@ export default {
this.getInfo(this.id) this.getInfo(this.id)
} else if (!query.id) {
this.form.currentAreaId = this.user.areaId
} }
}) })
}, },
onShow() { onShow() {
document.title = this.id ? '编辑监测对象' : '添加监测对象' document.title = this.id ? '编辑监测对象' : '添加监测对象'
console.log(this.userList);
}, },
methods: { methods: {
rules() { rules() {
return { return {
@@ -637,8 +625,6 @@ export default {
} }
// const rules = this.rules() // const rules = this.rules()
// for (let v of Object.keys(rules)) { // for (let v of Object.keys(rules)) {
@@ -727,10 +713,6 @@ export default {
}) })
}, },
onAreaChange(e) {
this.form.currentAreaId = e
},
onChange(e) { onChange(e) {
this.form.placeAreaId = e this.form.placeAreaId = e
}, },
@@ -809,6 +791,7 @@ export default {
.steps { .steps {
height: 176px; height: 176px;
::v-deep .u-steps { ::v-deep .u-steps {
box-sizing: border-box; box-sizing: border-box;
padding-top: 40px; padding-top: 40px;
@@ -865,18 +848,22 @@ export default {
.form-item__wrappers { .form-item__wrappers {
padding-right: 30px; padding-right: 30px;
box-sizing: border-box; box-sizing: border-box;
.top { .top {
font-size: 32px; font-size: 32px;
padding: 32px 0; padding: 32px 0;
} }
.bottoms { .bottoms {
padding-bottom: 20px; padding-bottom: 20px;
.cards { .cards {
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
border-radius: 16px; border-radius: 16px;
margin-bottom: 16px; margin-bottom: 16px;
.changeActive { .changeActive {
color: #1174FE; color: #1174FE;
border: 1px solid #1174FE; border: 1px solid #1174FE;
@@ -895,6 +882,7 @@ export default {
font-size: 30px; font-size: 30px;
color: #999999; color: #999999;
} }
.check-item { .check-item {
display: inline-block; display: inline-block;
width: 140px; width: 140px;
@@ -908,16 +896,20 @@ export default {
font-weight: 500; font-weight: 500;
color: #333; color: #333;
position: relative; position: relative;
img { img {
display: none; display: none;
} }
} }
.check-item:nth-of-type(1) { .check-item:nth-of-type(1) {
margin-right: 36px; margin-right: 36px;
} }
.check-active { .check-active {
background: #E7F1FE; background: #E7F1FE;
color: #1174FE; color: #1174FE;
img { img {
display: block; display: block;
position: absolute; position: absolute;
@@ -1000,12 +992,14 @@ export default {
.condition { .condition {
margin-top: 16px; margin-top: 16px;
.risk { .risk {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 30px 32px; padding: 30px 32px;
box-sizing: border-box; box-sizing: border-box;
} }
.remark { .remark {
padding: 30px 32px; padding: 30px 32px;
box-sizing: border-box; box-sizing: border-box;
@@ -1026,14 +1020,17 @@ export default {
font-size: 32px; font-size: 32px;
background: #3192F4; background: #3192F4;
} }
.upload { .upload {
width: 100%; width: 100%;
padding: 10px 32px 32px 32px; padding: 10px 32px 32px 32px;
box-sizing: border-box; box-sizing: border-box;
} }
.border-b0 { .border-b0 {
border-bottom: 0 !important; border-bottom: 0 !important;
} }
::v-deep .AiSelect .display .selectedLabel { ::v-deep .AiSelect .display .selectedLabel {
font-size: 28px; font-size: 28px;
} }