From 476272a06e8d465d864ec37ddf34afaaa160d34d Mon Sep 17 00:00:00 2001
From: Lou <luzhiping@qqyjz.com>
Date: Fri, 15 Mar 2024 12:59:24 +0800
Subject: [PATCH] 更新
---
subPackage/workbench/components/formItem.vue | 62 ++++++++++++++++++++++++++----
1 files changed, 53 insertions(+), 9 deletions(-)
diff --git a/subPackage/workbench/components/formItem.vue b/subPackage/workbench/components/formItem.vue
index fbd8ee5..b0e8286 100644
--- a/subPackage/workbench/components/formItem.vue
+++ b/subPackage/workbench/components/formItem.vue
@@ -7,18 +7,18 @@
<u-form-item label="电话号码" class="form-item">
<u--input v-model="form.telephone" border="none" placeholder="请填写电话号码"></u--input>
</u-form-item>
- <u-form-item label="暂住地" class="form-item">
- <u--input v-model="form.tempAddress" border="none" placeholder="请填写暂住地"></u--input>
+ <u-form-item label="现居住地" class="form-item">
+ <u--input v-model="form.tempAddress" border="none" placeholder="请填写现居住地"></u--input>
</u-form-item>
<u-form-item label="身份证号" class="form-item">
- <u--input v-model="form.idCard" border="none" placeholder="请填写身份证号"></u--input>
+ <u--input v-model="form.idCard" type="idcard" border="none" placeholder="请填写身份证号"></u--input>
</u-form-item>
<u-form-item label="微信号" class="form-item">
<u--input v-model="form.wxAccount" border="none" placeholder="请填写微信号"></u--input>
</u-form-item>
- <u-form-item label="年龄" class="form-item">
+ <!-- <u-form-item label="年龄" class="form-item">
<u--input v-model="form.age" border="none" placeholder="请填写年龄"></u--input>
- </u-form-item>
+ </u-form-item> -->
<u-form-item @click="showGenderPicker = true" class="form-item" label="性别" prop="legalGender">
<u--input border="none" v-model="genderValue" disabled disabledColor="#ffffff" placeholder="请选择性别">
</u--input>
@@ -29,15 +29,28 @@
</u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
- <u-form-item label="工作单位" class="form-item">
+ <!-- <u-form-item label="工作单位" class="form-item">
<u--input v-model="form.employer" border="none" placeholder="请填写工作单位"></u--input>
- </u-form-item>
+ </u-form-item> -->
<u-form-item label="岗位性质" class="form-item">
<u--input v-model="form.jobNature" border="none" placeholder="请填写岗位性质"></u--input>
</u-form-item>
<u-form-item label="户籍地址" class="form-item">
<u--input v-model="form.registeredAddress" border="none" placeholder="请填写户籍地址"></u--input>
</u-form-item>
+
+
+ <view class="item pic">
+ <view class="box-title f-28" style="padding:10rpx 0;">
+ 从业人员照片
+ </view>
+ <u-upload :fileList="form.employerImg" :previewFullImage="uploadConfig.previewFullImage"
+ :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple" :maxCount="uploadConfig.maxCount"
+ :capture="uploadConfig.capture" uploadIcon="/static/icon/upload.png" @afterRead="afterReadImgs"
+ @delete="deleteImages">
+ </u-upload>
+ </view>
+
</u-form>
<u-picker :defaultIndex="nationTypeListIndex" :closeOnClickOverlay="true" :show="showNationPicker"
:columns="[nationTypeList]" @close="showNationPicker = false" @cancel="showNationPicker = false"
@@ -52,21 +65,24 @@
import {
bizDictionary
} from '@/api/system/dict.js'
+ import uploadMixin from "@/mixin/uploadMixinPlace";
export default {
+ mixins: [uploadMixin],
data() {
return {
form: {
name: '',
telephone: '',
tempAddress: '',
- legalIdCard: '',
+ idCard: '',
gender: "",
ethnicity: "",
registeredAddress: "",
jobNature: "",
wxAccount: "",
employer: "",
- jobNature: ""
+ jobNature: "",
+ employerImg: []
},
rules: {
name: {
@@ -135,6 +151,34 @@
this.showGenderPicker = false;
},
+
+ //上传成功后对返回数据进行处理
+ async afterReadImgs(event) {
+ this.showLoading()
+ let lists = [].concat(event.file)
+ let fileListLen = this.form.employerImg.length
+ lists.map((item) => {
+ this.form.employerImg.push({
+ ...item,
+ status: 'uploading',
+ message: '上传中'
+ })
+ })
+ for (let i = 0; i < lists.length; i++) {
+ const result = await this.uploadFilePromise(lists[i].url)
+ this.form.employerImg.splice(fileListLen, 1, Object.assign({}, {
+ url: result.data.link,
+ name: result.data.name
+ }))
+ fileListLen++
+ }
+ this.loadingClose()
+ },
+
+ deleteImages(event) {
+ this.form.employerImg.splice(event.index, 1)
+ }
+
}
}
</script>
--
Gitblit v1.9.3