From a4699355d6f92c4f1fcc99959698ccf43b383256 Mon Sep 17 00:00:00 2001
From: 晏有为 <13214124+yan-youwei@user.noreply.gitee.com>
Date: 星期三, 15 五月 2024 09:55:17 +0800
Subject: [PATCH] 获取三方人员
---
src/components/view/person-manage.vue | 123 ++++++++++++++++++++++++++++++++++++++--
1 files changed, 115 insertions(+), 8 deletions(-)
diff --git a/src/components/view/person-manage.vue b/src/components/view/person-manage.vue
index 2631919..1f1d708 100644
--- a/src/components/view/person-manage.vue
+++ b/src/components/view/person-manage.vue
@@ -35,20 +35,30 @@
padding: 20px;
}
</style>
+<style>
+ .el-upload--text{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+</style>
<template>
<div class="person_manage">
<div>
<el-row class="title">
- <el-col :span="12" style="padding-left: 20px;">浜哄憳绠＄悊</el-col>
+ <el-col :span="12" style="padding-left: 20px;">鐢ㄦ埛绠＄悊</el-col>
<el-col :span="12" style="text-align: right;">
- <el-button size="medium" type="primary" @click="opeaAdd" v-if="addPower">鏂板浜哄憳</el-button>
+ <el-button size="medium" type="primary" @click="openthirdParty">鑾峰彇涓夋柟浜哄憳</el-button>
+ <el-button size="medium" type="primary" @click="opeaAdd" v-if="addPower">鏂板鐢ㄦ埛</el-button>
</el-col>
</el-row>
</div>
<div class="search">
<div class="search_thing">
- <div class="search_label">瀹㈡埛鍚嶇О锛�</div>
+ <div class="search_label">鐢ㄦ埛鍚嶏細</div>
<div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
v-model="componentData.entity.name" @keyup.enter.native="refreshTable()"></el-input></div>
</div>
@@ -76,6 +86,22 @@
<div class="table">
<ValueTable ref="ValueTable" :url="$api.user.selectUserList" :upUrl="$api.user.updateUser" :componentData="componentData" :key="upIndex" @upUser="upUser"/>
</div>
+ <el-dialog title="娣诲姞涓夋柟浜哄憳" :visible.sync="addthirdParty" width="400px">
+ <div class="body">
+ <el-tree
+ :data="datathirdParty"
+ show-checkbox
+ node-key="id"
+ :default-expanded-keys="[2, 3]"
+ :default-checked-keys="[5]"
+ :props="defaultProps">
+ </el-tree>
+ <span slot="footer" style="padding-left: 200px">
+ <el-button @click="addthirdParty = false" size="mini">鍙� 娑�</el-button>
+ <el-button type="primary" @click="" :loading="addLoad" size="mini">纭� 瀹�</el-button>
+ </span>
+ </div>
+ </el-dialog>
</div>
</template>
@@ -87,6 +113,46 @@
},
data() {
return {
+ datathirdParty:[{
+ id: 1,
+ label: '涓�绾� 1',
+ children: [{
+ id: 4,
+ label: '浜岀骇 1-1',
+ children: [{
+ id: 9,
+ label: '涓夌骇 1-1-1'
+ }, {
+ id: 10,
+ label: '涓夌骇 1-1-2'
+ }]
+ }]
+ }, {
+ id: 2,
+ label: '涓�绾� 2',
+ children: [{
+ id: 5,
+ label: '浜岀骇 2-1'
+ }, {
+ id: 6,
+ label: '浜岀骇 2-2'
+ }]
+ }, {
+ id: 3,
+ label: '涓�绾� 3',
+ children: [{
+ id: 7,
+ label: '浜岀骇 3-1'
+ }, {
+ id: 8,
+ label: '浜岀骇 3-2'
+ }]
+ }],
+ defaultProps: {
+ children: 'children',
+ label: 'label'
+ },
+ addthirdParty:false,
componentData: {
entity: {
name: null,
@@ -97,9 +163,11 @@
order: 'asc'
}
},
- isIndex: false,
- showSelect: true,
- select: true,
+ row: 2,
+ isIndex: true,
+ showSelect: false,
+ select: false,
+ init:false,
do: [{
id: 'update',
font: '缂栬緫',
@@ -135,7 +203,25 @@
roleId: {
select: []
}
- }
+ },
+ /* cascaderField:{
+ departId:{
+ tree:[]
+ },
+ // 瀛楁閰嶇疆
+ props:{
+ value:'id',
+ label:'name',
+ checkStrictly: true
+ }
+ }, */
+ requiredAdd:['account','name','state','roleId','password','nameEn','phone'],
+ requiredUp:['account','name','state','roleId','nameEn','phone'],
+ addUpload:['pictureUrl','signatureUrl'],
+ addUploadConfig:{
+ accept:'.png, .jpg, .jpeg, .gif',
+ url:this.$api.deviceScope.uploadFile
+ },
},
entityCopy: {},
upIndex: 0,
@@ -144,11 +230,16 @@
}
},
mounted() {
+ this.selectTreeList()
this.selectRole()
this.entityCopy = this.HaveJson(this.componentData.entity)
this.getPower()
},
methods: {
+ openthirdParty(){
+ this.addthirdParty=true;
+
+ },
refreshTable() {
this.$refs['ValueTable'].selectList()
},
@@ -174,6 +265,22 @@
opeaAdd(){
this.$refs.ValueTable.openAddDia(this.$api.user.addUser);
},
+ selectTreeList(){
+ /* this.$axios.get(this.$api.department.selectDepartment).then(res => {
+ this.componentData.cascaderField.departId.tree = this.handleTree(res.data[0].children)
+ }) */
+ this.$refs.ValueTable.selectList()
+ },
+ handleTree(arr){
+ arr.forEach(a => {
+ if(a.children.length==0){
+ a.children = null;
+ }else{
+ this.handleTree(a.children)
+ }
+ })
+ return arr
+ },
// 鏉冮檺鍒嗛厤
getPower(){
let power = JSON.parse(sessionStorage.getItem('power'))
@@ -194,4 +301,4 @@
}
}
}
-</script>
\ No newline at end of file
+</script>
--
Gitblit v1.9.3