From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
admin/src/components/business/OperaMemberWindow.vue | 158 +++++++++++++++++++++++++++++++++-------------------
1 files changed, 101 insertions(+), 57 deletions(-)
diff --git a/admin/src/components/business/OperaMemberWindow.vue b/admin/src/components/business/OperaMemberWindow.vue
index df26e7c..c70c0e3 100644
--- a/admin/src/components/business/OperaMemberWindow.vue
+++ b/admin/src/components/business/OperaMemberWindow.vue
@@ -1,56 +1,64 @@
<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
- filterable
- :props="departprops"
- ></el-cascader>
- <div style="font-size: 12px;color: #F56C6C" >
- 娉細浠呮敮鎸侀�夋嫨 銆恵{companyType ===0?'鐩稿叧鏂圭粍缁�':'鍐呴儴缁勭粐'}}銆�
- </div>
- </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" >
- <UploadFaceImg
- :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.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>
@@ -58,11 +66,12 @@
import GlobalWindow from '@/components/common/GlobalWindow'
import UploadAvatarImage from '@/components/common/UploadAvatarImage'
import UploadFaceImg from '@/components/common/UploadFaceImg'
-import {checkMobile, validIdCardNo, validIdCardNoNew} from '@/utils/form'
+import { checkMobile, validIdCardNo, validIdCardNoNew } from '@/utils/form'
+import { allList } from '@/api/business/position'
export default {
name: 'OperaCompanyWindow',
extends: BaseOpera,
- components: { GlobalWindow, UploadAvatarImage,UploadFaceImg },
+ components: { GlobalWindow, UploadAvatarImage, UploadFaceImg },
data () {
return {
uploadData: {
@@ -73,8 +82,9 @@
value: 'id',
checkStrictly: true
},
- companyType:0,
+ companyType: 0,
department: [],
+ positionList: [],
// 琛ㄥ崟鏁版嵁
form: {
id: null,
@@ -90,6 +100,9 @@
idcardType: 0,
phone: '',
faceImg: '',
+ jobDate: null,
+ isDangyuan: 0,
+ positionId: null,
faceImgFull: ''
},
// 楠岃瘉瑙勫垯
@@ -119,11 +132,12 @@
* @title 绐楀彛鏍囬
* @target 缂栬緫鐨勫璞�
*/
- open (title, target, depart,companyType) {
+ open (title, target, depart, companyType) {
this.title = title
this.department = depart
this.visible = true
this.companyType = companyType
+ this.getPositionList()
// 鏂板缓
if (target == null) {
this.$nextTick(() => {
@@ -140,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 => {
@@ -151,6 +165,12 @@
}
})
},
+ getPositionList () {
+ allList({})
+ .then(res => {
+ this.positionList = res
+ })
+ },
// 涓婁紶鍥剧墖
uploadAvatarSuccess (file) {
this.form.faceImg = file.imgurl
@@ -159,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