|
|
|
|
@@ -23,10 +23,10 @@
|
|
|
|
|
</template>
|
|
|
|
|
<span v-else>-</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="value" v-else v-text="toString(formData[item.fieldDbName])"/>
|
|
|
|
|
<div class="value" v-if="!item.dict && item.type!='area' && item.type!='upload'" v-text="toString(formData[item.fieldDbName])"/>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- input输入框 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'input' || item.type == 'name' || item.type == 'phone'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'input' || item.type == 'name' || item.type == 'phone'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-input type="text" placeholder="请输入" input-align="right" placeholder-style="color:#999;font-size:16px;"
|
|
|
|
|
@@ -34,7 +34,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- number 输入框 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'number'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'number'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-input type="number" placeholder="请输入" input-align="right"
|
|
|
|
|
@@ -43,7 +43,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 身份证输入框 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'idNumber'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'idNumber'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-input type="idcard" placeholder="请输入" input-align="right"
|
|
|
|
|
@@ -52,7 +52,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- textarea输入框 富文本-->
|
|
|
|
|
<div class="textarea" v-if="item.type == 'textarea' || item.type == 'text' || item.type == 'rtf'">
|
|
|
|
|
<div class="textarea" v-else-if="item.type == 'textarea' || item.type == 'text' || item.type == 'rtf'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-input type="textarea" placeholder="请输入请输入" placeholder-style="color:#999;font-size:16px;" height="200"
|
|
|
|
|
@@ -60,32 +60,32 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 字典下拉选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'dict'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'dict'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" @click="selectClick(item.fieldDbName, item.dict)">
|
|
|
|
|
<AiMore :value="$dict.getLabel(item.dict, formData[item.fieldDbName])"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 单选radio -->
|
|
|
|
|
<div class="item" v-if="item.type == 'radio'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'radio'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-radio-group v-model="formData[item.fieldDbName]">
|
|
|
|
|
<!-- <u-radio :name="item.dictValue" v-for="(item, index) in $dict.getDict(item.dict)" :key="index">
|
|
|
|
|
{{ item.dictName }}
|
|
|
|
|
</u-radio> -->
|
|
|
|
|
<u-radio :name="itemr.dictValue" v-for="(itemr, indexr) in $dict.getDict(item.dict)" :key="indexr">
|
|
|
|
|
{{ itemr.dictName }}
|
|
|
|
|
</u-radio>
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 开关onOff -->
|
|
|
|
|
<div class="item" v-if="item.type == 'onOff'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'onOff'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-switch v-model="formData[item.fieldDbName]" :active-value="1" :inactive-value="0"></u-switch>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 多选checkbox -->
|
|
|
|
|
<div class="textarea" v-if="item.type == 'checkbox'">
|
|
|
|
|
<div class="textarea" v-else-if="item.type == 'checkbox'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<u-checkbox-group>
|
|
|
|
|
@@ -100,26 +100,34 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 附件 -->
|
|
|
|
|
<div class="textarea" v-if="item.type == 'upload'">
|
|
|
|
|
<div class="textarea" v-else-if="item.type == 'upload'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value">
|
|
|
|
|
<!-- <AiUploader :multiple="true" type="image" :limit="9" placeholder="上传图片"
|
|
|
|
|
:def.sync="formData[item.fieldDbName]"
|
|
|
|
|
action="/admin/file/add2"/> -->
|
|
|
|
|
<AiUploader v-model="formData[item.fieldDbName]" :limit="9" action="/admin/file/add2"></AiUploader>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 地区选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'area'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'area'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" flex>
|
|
|
|
|
<!-- <AiAreaPicker @select="v=>formData[item.fieldDbName]=v" :name.sync="formData[item.fieldDbName+'_name']"
|
|
|
|
|
all :value="formData[item.fieldDbName]" :valueLevel="item.areaPattern" isForm/> -->
|
|
|
|
|
<AiAreaPicker class="ai-area" v-model="formData[item.fieldDbName]" :fullName="formData[item.fieldDbName+'_name']"
|
|
|
|
|
:valueLevel="item.areaPattern" :areaId="$areaId" >
|
|
|
|
|
<div class="ai-area__wrapper">
|
|
|
|
|
<span :style="formData[item.fieldDbName+'_name']? '' : 'color: #999'">{{ formData[item.fieldDbName+'_name'] || '请选择'}}</span>
|
|
|
|
|
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</AiAreaPicker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 人员选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'user'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'user'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" @click="handleSelectUser(item.fieldDbName)">
|
|
|
|
|
<!-- <div class="value" @click="handleSelectUser(item.fieldDbName)">
|
|
|
|
|
<template v-if="!formData[item.fieldDbName].length">
|
|
|
|
|
<span>请选择</span>
|
|
|
|
|
</template>
|
|
|
|
|
@@ -129,26 +137,29 @@
|
|
|
|
|
}}</em>人
|
|
|
|
|
</template>
|
|
|
|
|
<u-icon name="arrow-right" color="#ddd"></u-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<AiPagePicker @select="v=>handleSelectDeptUser(v, item)" type="deptUser">
|
|
|
|
|
<AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
|
|
|
|
|
</AiPagePicker>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 日期选择 / 日期带时分秒选择 / 时间-时分秒选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'date' || item.type == 'datetime' || item.type == 'time'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'date' || item.type == 'datetime' || item.type == 'time'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" @click="dateClick(indexs, index)" flex>
|
|
|
|
|
<AiMore v-model="formData[item.fieldDbName]"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 居民档案选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'resident'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'resident'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" flex>
|
|
|
|
|
<AiPagePicker @select="v=>handleSelectResident(v,item)" single>
|
|
|
|
|
<AiMore v-model="formData[item.fieldDbName + '_name']" :placeholder="item.fieldTips"/>
|
|
|
|
|
<AiPagePicker @select="v=>handleSelectResident(v, item.fieldDbName)" single>
|
|
|
|
|
<AiMore v-model="formData[item.fieldDbName]" :placeholder="item.fieldTips"/>
|
|
|
|
|
</AiPagePicker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 网格选择 -->
|
|
|
|
|
<div class="item" v-if="item.type == 'gird'">
|
|
|
|
|
<div class="item" v-else-if="item.type == 'gird'">
|
|
|
|
|
<span class="label"><span class="tips">{{ item.mustFill == 1 ? '*' : '' }}</span>{{ item.fieldName }}</span>
|
|
|
|
|
<div class="value" flex>
|
|
|
|
|
<AiPagePicker type="gird" @select="v=>handleSelectGird(v,item)">
|
|
|
|
|
@@ -190,31 +201,36 @@ export default {
|
|
|
|
|
selectName: '',
|
|
|
|
|
selectList: [],
|
|
|
|
|
selectShow: false,
|
|
|
|
|
id: '',
|
|
|
|
|
appId: '',
|
|
|
|
|
query: {}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
...mapState(['user']),
|
|
|
|
|
isEdit() {
|
|
|
|
|
return !!this.$route.query.id
|
|
|
|
|
return !!this.id
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
// this.getType()
|
|
|
|
|
this.getType()
|
|
|
|
|
},
|
|
|
|
|
onLoad(e) {
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.id = e.id || ''
|
|
|
|
|
this.appId = e.appId || ''
|
|
|
|
|
this.query = {...e}
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
// if (this.isEdit) {
|
|
|
|
|
// document.title = "编辑人员"
|
|
|
|
|
// if (!this.appId) {
|
|
|
|
|
// let {appId: value} = this.$route.query
|
|
|
|
|
// this.typeConfirm([{value}]).then(() => this.getDetail())
|
|
|
|
|
// }
|
|
|
|
|
// } else {
|
|
|
|
|
// document.title = '新增人员'
|
|
|
|
|
// if (this.$route.query.appId && !this.appId) {
|
|
|
|
|
// let {appId: value, appName} = this.$route.query
|
|
|
|
|
// this.typeConfirm([{value, label: decodeURIComponent(appName)}])
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
if (this.isEdit) {
|
|
|
|
|
uni.setNavigationBarTitle({
|
|
|
|
|
title: '编辑人员',
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
uni.setNavigationBarTitle({
|
|
|
|
|
title: '新增人员',
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// ...mapActions(['selectEnterpriseContact']),
|
|
|
|
|
@@ -233,6 +249,13 @@ export default {
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
if (res?.data) {
|
|
|
|
|
this.typeList = res.data
|
|
|
|
|
if(this.appId) {
|
|
|
|
|
this.typeList.map((item) => {
|
|
|
|
|
if(this.appId == item.id) {
|
|
|
|
|
this.typeConfirm([{value: item.id, label: item.applicationName}])
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
@@ -242,6 +265,7 @@ export default {
|
|
|
|
|
return this.$instance.post(`/app/appapplicationinfo/queryApplicationInfo?appId=${this.appId}`).then((res) => {
|
|
|
|
|
if (res?.data) {
|
|
|
|
|
this.formData = {}
|
|
|
|
|
this.formDataList = []
|
|
|
|
|
let data = res.data
|
|
|
|
|
let dictList = []
|
|
|
|
|
let formList = {}
|
|
|
|
|
@@ -297,6 +321,7 @@ export default {
|
|
|
|
|
...item,
|
|
|
|
|
type: item.type,
|
|
|
|
|
fieldValue: "",
|
|
|
|
|
// fieldAreaName: item.fieldDbName+'_name'
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
if (item.type == 'date') {
|
|
|
|
|
@@ -317,6 +342,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
formList[item.groupIndex]?.push(colItem) || (formList[item.groupIndex] = [colItem])
|
|
|
|
|
this.$set(this.formData, colItem.fieldDbName, colItem.fieldValue || "")
|
|
|
|
|
// this.$set(this.formData, colItem.fieldAreaName, colItem.fieldAreaName || "")
|
|
|
|
|
})
|
|
|
|
|
this.formDataList = Object.values(formList)
|
|
|
|
|
|
|
|
|
|
@@ -336,6 +362,10 @@ export default {
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
this.pageShow = true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(this.id) {
|
|
|
|
|
this.getDetail()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
@@ -433,6 +463,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (!isValid) return
|
|
|
|
|
|
|
|
|
|
@@ -451,12 +482,21 @@ export default {
|
|
|
|
|
this.$u.toast(err || "提交失败,请联系管理员")
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleSelectResident(resident, item) {
|
|
|
|
|
handleSelectResident(resident, fieldDbName) {
|
|
|
|
|
let info = resident[0]
|
|
|
|
|
info[fieldDbName + "_name"] = info.name
|
|
|
|
|
this.formData = {...this.formData, ...info}
|
|
|
|
|
this.formData[fieldDbName] = info.id
|
|
|
|
|
this.formData[fieldDbName + "_name"] = info.name
|
|
|
|
|
this.formData.birthDate = this.$idCardNoUtil.getIdCardInfo(info.idNumber).birthday
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
handleSelectDeptUser(resident, item) {
|
|
|
|
|
let info = resident?.[0] || {}
|
|
|
|
|
this.formData = {...this.formData, ...info}
|
|
|
|
|
this.formData[item.fieldDbName] = info.id
|
|
|
|
|
this.formData[item.fieldDbName + "_name"] = info.name
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
// this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
toString(obj) {
|
|
|
|
|
return obj?.toString() || "-"
|
|
|
|
|
@@ -468,7 +508,7 @@ export default {
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
getDetail() {
|
|
|
|
|
let {id, appId} = this.$route.query
|
|
|
|
|
let {id, appId} = this.query
|
|
|
|
|
return id ? this.$instance.post("/app/appapplicationinfo/queryDetailById", null, {
|
|
|
|
|
params: {id, appId}
|
|
|
|
|
}).then(res => {
|
|
|
|
|
@@ -592,6 +632,7 @@ export default {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
|
|