From 1097c146d849c00ac67a261b12c496b5cc8b92a8 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 15 十月 2024 18:31:40 +0800
Subject: [PATCH] 最新版本
---
admin/src/components/business/OperaMemberWindow.vue | 156 ++++++++++++++++++++++++++++++++++-----------------
1 files changed, 103 insertions(+), 53 deletions(-)
diff --git a/admin/src/components/business/OperaMemberWindow.vue b/admin/src/components/business/OperaMemberWindow.vue
index 19be014..7b12553 100644
--- a/admin/src/components/business/OperaMemberWindow.vue
+++ b/admin/src/components/business/OperaMemberWindow.vue
@@ -1,63 +1,77 @@
<template>
- <GlobalWindow
- :title="title"
- width="60%"
- :visible.sync="visible"
- :confirm-working="isWorking"
- @confirm="confirm"
- >
- <el-form :model="form" ref="form" :rules="rules">
- <el-form-item label="濮撳悕" prop="name">
- <el-input v-model="form.name" placeholder="璇疯緭鍏ュ鍚�" v-trim/>
- </el-form-item>
- <el-form-item label="鎵�灞炵粍缁�" prop="companyId">
- <el-cascader
- v-model="form.company"
- :options="department"
- @change="handleChangeCompany"
- :show-all-levels="false"
- clearable
- :props="departprops"
- ></el-cascader>
- </el-form-item>
- <el-form-item label="鎵嬫満鍙�" prop="phone">
- <el-input v-model="form.phone" placeholder="璇疯緭鍏ユ墜鏈哄彿" v-trim/>
- <div style="color: #F56C6C;font-size: 12px">锛堟敞锛氬憳宸ユ墜鏈哄彿灏嗕綔涓哄钩鍙扮櫥褰曡处鍙凤紝鍒濆瀵嗙爜涓虹郴缁熼粯璁ゅ瘑鐮侀厤缃」锛�</div>
- </el-form-item>
- <el-form-item label="韬唤璇佸彿" prop="idcardNo" v-if="form.id ==null">
- <el-input v-model="form.idcardNo" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" v-trim/>
- </el-form-item>
- <el-form-item label="淇敼韬唤璇佸彿" prop="idcardNoNew" v-if="form.id !=null">
- <el-input v-model="form.idcardNoNew" placeholder="鍙慨鏀硅韩浠借瘉鍙�" v-trim/>
- <div style="font-size: 12px" v-if="form.id !=null">
- 锛堟敞锛氬綋鍓嶈韩浠借瘉鍙蜂负<span style="color: #F56C6C">銆恵{form.idcardDecode}}銆�</span>锛屽闇�淇敼锛岃鍦ㄨ緭鍏ユ爮濉啓鏂扮殑韬唤璇佸彿!锛�
- </div>
- </el-form-item>
- <el-form-item label="宸ュ彿" prop="code">
- <el-input v-model="form.code" placeholder="璇疯緭鍏ュ憳宸ュ伐鍙�" v-trim/>
- </el-form-item>
- <el-form-item label="浜鸿劯鐓х墖" prop="faceImgFull" >
- <UploadAvatarImage
- :file="{ 'imgurlfull': form.faceImgFull, 'imgurl': form.faceImg }"
- :uploadData="uploadData"
- @uploadSuccess="uploadAvatarSuccess"
- @uploadEnd="isUploading = false"
- @uploadBegin="isUploading = true"
- />
- </el-form-item>
-</el-form>
-</GlobalWindow>
+ <GlobalWindow :title="title" width="60%" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm">
+ <el-form :model="form" ref="form" :rules="rules">
+ <el-form-item label="濮撳悕" prop="name">
+ <el-input v-model="form.name" placeholder="璇疯緭鍏ュ鍚�" v-trim />
+ </el-form-item>
+ <el-form-item label="鎵�灞炵粍缁�" prop="companyId">
+ <el-cascader v-model="form.company" :options="department" @change="handleChangeCompany" :show-all-levels="false"
+ clearable filterable :props="departprops"></el-cascader>
+ <div style="font-size: 12px;color: #F56C6C">
+ 娉細浠呮敮鎸侀�夋嫨 銆恵{ companyType === 0 ? '鐩稿叧鏂圭粍缁�' : '鍐呴儴缁勭粐' }}銆�
+ </div>
+ </el-form-item>
+ <el-form-item label="閫夋嫨宀椾綅锛�" prop="positionId" >
+ <el-select v-model="form.positionId" clearable filterable placeholder="璇烽�夋嫨">
+ <el-option v-for="item in positionList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎵嬫満鍙�" prop="phone">
+ <el-input v-model="form.phone" placeholder="璇疯緭鍏ユ墜鏈哄彿" v-trim />
+ <div style="color: #F56C6C;font-size: 12px">娉細鍛樺伐鎵嬫満鍙峰皢浣滀负骞冲彴鐧诲綍璐﹀彿锛屽垵濮嬪瘑鐮佷负绯荤粺榛樿瀵嗙爜閰嶇疆椤�</div>
+ </el-form-item>
+ <el-form-item label="韬唤璇佸彿" v-if="form.id == null">
+ <el-input v-model="form.idcardNo" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" v-trim />
+ </el-form-item>
+ <el-form-item label="淇敼韬唤璇佸彿" v-if="form.id != null">
+ <el-input v-model="form.idcardNoNew" placeholder="鍙慨鏀硅韩浠借瘉鍙�" v-trim />
+ <div style="font-size: 12px" v-if="form.id != null">
+ 娉細褰撳墠韬唤璇佸彿涓�<span style="color: #F56C6C">銆恵{ form.idcardDecode }}銆�</span>锛屽闇�淇敼锛岃鍦ㄨ緭鍏ユ爮濉啓鏂扮殑韬唤璇佸彿!
+ </div>
+ </el-form-item>
+ <el-form-item label="宸ュ彿" prop="code">
+ <el-input v-model="form.code" placeholder="璇疯緭鍏ュ憳宸ュ伐鍙�" v-trim />
+ </el-form-item>
+ <el-form-item label="鍏ヨ亴鏃ユ湡" prop="jobDate">
+ <el-date-picker
+ v-model="form.jobDate"
+ value-format="yyyy-MM-dd"
+ type="date">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="鏄惁鍏氬憳" prop="isDangyuan">
+ <el-radio-group v-model="form.radio" @input="isDangyuan">
+ <el-radio :label="0">闈炲厷鍛�</el-radio>
+ <el-radio :label="1">鍏氬憳</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="浜鸿劯鐓х墖" prop="faceImgFull">
+ <div class="upload_wrap">
+ <UploadFaceImg :file="{ 'imgurlfull': form.faceImgFull, 'imgurl': form.faceImg }" :uploadData="uploadData"
+ @uploadSuccess="uploadAvatarSuccess" @uploadEnd="isUploading = false" @uploadBegin="isUploading = true" />
+ <div class="content">
+ <div>1銆佽閫夋嫨娴呰壊鎴栦腑鎬ц儗鏅紝浣跨敤鍧囧寑鍏夌嚎鎷嶇収銆�</div>
+ <div>2銆佽淇濇寔闈㈤儴姝ｅ闀滃ご锛屽嬁閬尅闈㈤儴锛屼繚鎸佷腑绔嬭〃鎯呫��</div>
+ <div>3銆佽閬垮厤鍚庢湡淇浘锛岀‘淇濅汉鑴歌疆寤撴竻鏅般�佸畬鏁达紝灏藉彲鑳藉噺灏戦潪鑴搁儴鍐呭鍗犳瘮銆�</div>
+ </div>
+ </div>
+ </el-form-item>
+ </el-form>
+ </GlobalWindow>
</template>
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import UploadAvatarImage from '@/components/common/UploadAvatarImage'
-import {checkMobile, validIdCardNo, validIdCardNoNew} from '@/utils/form'
+import UploadFaceImg from '@/components/common/UploadFaceImg'
+import { checkMobile, validIdCardNo, validIdCardNoNew } from '@/utils/form'
+import { fetchList as positionList } from '@/api/business/position'
export default {
name: 'OperaCompanyWindow',
extends: BaseOpera,
- components: { GlobalWindow, UploadAvatarImage },
+ components: { GlobalWindow, UploadAvatarImage, UploadFaceImg },
data () {
return {
uploadData: {
@@ -68,7 +82,9 @@
value: 'id',
checkStrictly: true
},
+ companyType: 0,
department: [],
+ positionList: [],
// 琛ㄥ崟鏁版嵁
form: {
id: null,
@@ -84,6 +100,9 @@
idcardType: 0,
phone: '',
faceImg: '',
+ jobDate: null,
+ isDangyuan: 0,
+ positionId: null,
faceImgFull: ''
},
// 楠岃瘉瑙勫垯
@@ -113,10 +132,12 @@
* @title 绐楀彛鏍囬
* @target 缂栬緫鐨勫璞�
*/
- open (title, target, depart) {
+ open (title, target, depart, companyType) {
this.title = title
this.department = depart
this.visible = true
+ this.companyType = companyType
+ this.positionList()
// 鏂板缓
if (target == null) {
this.$nextTick(() => {
@@ -133,7 +154,7 @@
this.form[key] = target[key]
this.form.idcardNo = ''
}
- this.form.company =[]
+ this.form.company = []
if (target.companyId && target.companyPath) {
var array = target.companyPath.split('/')
array.forEach(item => {
@@ -142,8 +163,13 @@
}
})
}
- console.log(that.form.company)
})
+ },
+ getPositionList () {
+ positionList({})
+ .then(res => {
+ this.positionList = res
+ })
},
// 涓婁紶鍥剧墖
uploadAvatarSuccess (file) {
@@ -153,3 +179,27 @@
}
}
</script>
+<style lang="scss" scoped>
+.upload_wrap{
+ display: flex;
+ align-items: center;
+ .avatar-uploader{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ ::v-deep .avatar{
+ max-width: 90px;
+ max-height: 90px;
+ }
+ .content{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 12px;
+ color: #999999;
+ margin-left: 12px;
+ line-height: 24px;
+ }
+}
+</style>
--
Gitblit v1.9.3