kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

特殊人群

Browse Source
This commit is contained in:
liuye
2024-07-09 16:30:40 +08:00
parent e08fcafa6b
commit e29c5e5695
11 changed files with 674 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/project/weiyang/AppSpecialPeople/add.vue
View File

@@ -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 {