From 35d048aa5c0eecd6a737c04278779b0720b0e3db Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期一, 04 十二月 2023 11:18:12 +0800
Subject: [PATCH] 6
---
web/src/views/modules/sys/user-add-or-update.vue | 136 ++++++++++++++++++++++++---------------------
1 files changed, 72 insertions(+), 64 deletions(-)
diff --git a/web/src/views/modules/sys/user-add-or-update.vue b/web/src/views/modules/sys/user-add-or-update.vue
index 014dbf1..1d72404 100644
--- a/web/src/views/modules/sys/user-add-or-update.vue
+++ b/web/src/views/modules/sys/user-add-or-update.vue
@@ -6,12 +6,22 @@
<template slot="title">
<el-tag>{{ $t('user.title') }}</el-tag>
</template>
- <config-uploader busi-type="users" model-name="dataForm" :dataForm="dataForm"
+ <zt-form-item prop="username" label="鐢ㄦ埛澶村儚">
+ <config-uploader busi-type="users_avatar" model-name="dataForm" :dataForm="dataForm"
@getImageUrl="getImageUrl"
v-model="dataForm.files"/>
<div v-if="dataForm.url">
- <el-image v-for="(url, index) in dataForm.url" :key="index" :src="url"></el-image>
+ <el-image :src="dataForm.url"></el-image>
</div>
+ </zt-form-item>
+ <zt-form-item prop="realName" label="鐢ㄦ埛绛惧悕">
+ <config-uploader :busiTypeVarName="busiTypeVarName" busi-type="users_sign" model-name="dataForm" :dataForm="dataForm"
+ @getImageUrl="getImageUrl"
+ v-model="dataForm.files2"/>
+ <div v-if="dataForm.url2">
+ <el-image :src="dataForm.url2"></el-image>
+ </div>
+ </zt-form-item>
<zt-form-item prop="username" :label="$t('user.username')" rules="required">
<el-input v-model="dataForm.username" :placeholder="$t('user.username')"></el-input>
</zt-form-item>
@@ -58,13 +68,14 @@
<zt-combo-tree v-model="dataForm.jobIdList" :datas="jobList" multiple :check-strictly="true"/>
</zt-form-item>
<zt-form-item prop="postIdList" :label="$t('user.postIdList')" class="role-list">
- <zt-select v-model="dataForm.postIdList" :datas="postList" multiple :placeholder="$t('user.setPost')"></zt-select>
+ <zt-select v-model="dataForm.postIdList" :datas="postList" multiple
+ :placeholder="$t('user.setPost')"></zt-select>
</zt-form-item>
<zt-form-item prop="teamgroupIds" label="鎵�灞炰笓涓�" class="role-list">
<team-group-selector v-model="dataForm.teamgroupIds" multiple="multiple" leafOnly placeholder="鎵�灞炰笓涓�"/>
</zt-form-item>
<zt-form-item prop="shipIds" v-if="false" label="璐熻矗鑸�" class="role-list">
- <local-ship-selector v-model="dataForm.shipIds" multiple="multiple" placeholder="璐熻矗鑸�"/>
+ <local-ship-selector v-model="dataForm.shipIds" multiple="multiple" placeholder="璐熻矗鑸�"/>
</zt-form-item>
<el-form-item prop="sort" v-if="false" :label="$t('dept.sort')">
<el-input-number v-model="dataForm.sort" controls-position="right" :min="0"
@@ -81,6 +92,7 @@
export default {
data() {
return {
+ busiTypeVarName: 'files2',
activeNames: ['1', '2'],
postList: [],
jobList: [],
@@ -102,15 +114,17 @@
wechat: '',
sort: 1,
status: 1,
- register:0,
- teamgroupIds:'',
+ register: 0,
+ teamgroupIds: '',
shipIds: '',
- url: []
+ url: '',
+ url2: '',
+ files: [],
+ files2: []
}
}
},
- computed: {
- },
+ computed: {},
methods: {
init() {
this.getDeptList()
@@ -145,7 +159,7 @@
...res.data
}
this.getImageUrl()
- console.log(this.dataForm,"getInfo this.dataForm ")
+ console.log(this.dataForm, "getInfo this.dataForm ")
}
},
onDeptSelect(data, isChange) {
@@ -162,32 +176,25 @@
}
},
getImageUrl() {
- let pictureId=[]
- pictureId = this.getFirstImageId(this.dataForm.files)
- console.log(pictureId,'getImageUrl() pictureId')
- if(pictureId.length>0){
- for (let i=0;i<=pictureId.length;i++){
- pictureId=pictureId[i]
- this.dataForm.url[i] = `${window.SITE_CONFIG['apiURL']}/sys/oss/content2?fileId=${pictureId}`
- console.log(this.dataForm.url[i], ' this.dataForm.url')
- }
- }
+ console.log(this.dataForm, 'this.dataForm')
+ let pictureId = this.getFirstImageId(this.dataForm.files)
+ console.log(pictureId, 'getImageUrl() pictureId')
+ this.dataForm.url = `${window.SITE_CONFIG['apiURL']}/sys/oss/content2?fileId=${pictureId}`
+ let pictureId2 = this.getFirstImageId(this.dataForm.files2)
+ console.log(pictureId2, 'getImageUrl() pictureId')
+ this.dataForm.url2 = `${window.SITE_CONFIG['apiURL']}/sys/oss/content2?fileId=${pictureId2}`
},
getFirstImageId(oss) {
console.log(oss, ' getFirstImageId(oss)')
- let fileId = []
+ let fileId = 0
if (oss != null) {
if (oss.groups.length > 0) {
- let group1 = oss.groups[0]
- let group2 = oss.groups[0]
- if (group1.fields.length > 0 ||group2.fields.length > 0 ) {
- let field1 = group1.fields[0]
- let field2 = group2.fields[0]
- if (field1.files.length > 0 || field2.files.length > 0) {
- let file1 = field1.files[0]
- let file2 = field2.files[0]
- fileId[0]=file1.id
- fileId[1]=file2.id
+ let group = oss.groups[0]
+ if (group.fields.length > 0) {
+ let field = group.fields[0]
+ if (field.files.length > 0) {
+ let file = field.files[0]
+ fileId = file.id
}
}
}
@@ -197,7 +204,7 @@
// 琛ㄥ崟鎻愪氦
async formSubmit() {
this.dataForm.companyId = this.companyId
- console.log(this.dataForm,'this.dataForm')
+ console.log(this.dataForm, 'this.dataForm')
let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/userEx', this.dataForm)
if (res.success) {
await this.$tip.success()
@@ -209,39 +216,40 @@
}
</script>
-// <style lang="scss">
-// .mod-sys__user {
-// .role-list {
-// .el-select {
-// width: 100%;
-// }
-// }
-// }
+//
+<style lang="scss">
+ // .mod-sys__user {
+ // .role-list {
+ // .el-select {
+ // width: 100%;
+ // }
+ // }
+ // }
-// .avatar-uploader .el-upload {
-// border: 1px dashed #d9d9d9;
-// border-radius: 6px;
-// cursor: pointer;
-// position: relative;
-// overflow: hidden;
-// }
+ // .avatar-uploader .el-upload {
+ // border: 1px dashed #d9d9d9;
+ // border-radius: 6px;
+ // cursor: pointer;
+ // position: relative;
+ // overflow: hidden;
+ // }
-// .avatar-uploader .el-upload:hover {
-// border-color: #409EFF;
-// }
+ // .avatar-uploader .el-upload:hover {
+ // border-color: #409EFF;
+ // }
-// .avatar-uploader-icon {
-// font-size: 2.8px;
-// color: #8c939d;
-// width: 27.8px;
-// height: 27.8px;
-// line-height: 27.8px;
-// text-align: center;
-// }
+ // .avatar-uploader-icon {
+ // font-size: 2.8px;
+ // color: #8c939d;
+ // width: 27.8px;
+ // height: 27.8px;
+ // line-height: 27.8px;
+ // text-align: center;
+ // }
-// .avatar {
-// width: 27.8px;
-// height: 27.8px;
-// display: block;
-// }
-// </style>
+ // .avatar {
+ // width: 27.8px;
+ // height: 27.8px;
+ // display: block;
+ // }
+ // </style>
--
Gitblit v1.9.1