sccg_ui.git - Gitblit

			@@ -11,23 +11,44 @@
			<!-- 上级部门 -->
			<el-form-item class="optionItems" label="上级部门:" prop="parentId">
			<el-select v-model="depart.parentId" placeholder="请输入上级部门">
			<el-option v-for="item in departList" :key="item.departName" :label="item.departName" :value="item.id"
			:disabled="item.disabled">
			<el-option v-for="item in departList" :key="item.departName" :label="item.departName"
			:value="item.id" :disabled="item.disabled">
			</el-option>
			</el-select>
			</el-form-item>
			<!-- 部门类型 -->
			<el-form-item class="optionItem" label="部门类型:" prop="departType">
			<el-input v-model="depart.departType" placeholder="请选择部门类型"></el-input>
			<el-select v-model="depart.departType" placeholder="请选择部门类型">
			<el-option v-for="item in departTypeList" :key="item.id" :label="item.name"
			:value="item.id">
			</el-option>
			</el-select>
			<!-- <el-input v-model="depart.departType" placeholder="请选择部门类型"></el-input> -->
			</el-form-item>
			<!--添加人员 -->
			<el-form-item class="optionItem" label="添加人员:">
			<el-form-item class="optionItem add" label="添加人员:">
			<ul class="addPerson">
			<li><i class="el-icon-user-solid"></i></li>
			<li><i class="el-icon-user-solid"></i></li>
			<li><i class="el-icon-user-solid"></i></li>
			<li><i class="el-icon-plus"></i></li>
			<li><i class="el-icon-plus" @click="openUser = true"></i></li>
			</ul>
			<div class="card" v-if="openUser">
			<el-card class="box-card">
			<div slot="header" class="myclear">
			<span>工作人员</span>
			<div @click="addUser">添加</div>
			</div>
			<div class="scrollWrap">
			<el-checkbox-group v-model="checkedUser">
			<el-checkbox v-for="user in userList" :label="user.id" :key="user.id">
			{{user.username}}
			</el-checkbox>
			</el-checkbox-group>
			</div>
			<div class="hidebar"></div>
			</el-card>
			</div>
			</el-form-item>
			<!-- 部门描述 -->
			<el-form-item class="optionItem" label="部门描述:" prop="departDes">
			@@ -38,7 +59,7 @@
			</main>
			<footer>
			<div class="optionBtn">
			<el-button>取消</el-button>
			<el-button @click="handleClose">取消</el-button>
			<el-button type="primary" class="btn submit" @click="handleUser">确定</el-button>
			</div>
			</footer>
			@@ -50,7 +71,7 @@
			const validateNickname = (rule, value, callback) => {
			if (!value) {
			callback(new Error("请填写部门名称"));
			}else{
			} else {
			callback();
			}
			};
			@@ -93,62 +114,105 @@
			{ required: false, trigger: "blur" },
			],
			},
			typeList: [],
			userList: [],
			departList: [],
			checkedUser: [],
			openUser: false,
			departTypeList: [],
			}
			},
			created() {
			const that = this;
			// 获取部门树形结构图
			this.getDepartTree();
			// 获取全部部门列表
			// this.$axios.get('sccg/depart/page').then(res => {
			// that.departList = res.data.records;
			// })
			// 获取用户列表
			this.getUserList();
			// 获取部门类型列表
			this.getDepartTypeList();
			},
			methods: {
			handleUser() {
			this.$refs.user.validate((valid) => {
			if (valid) {
			const { depart } = this;
			const { depart, checkedUser, userList } = this;
			console.log(depart);
			this.$axios.post('/sccg/depart/create', {
			departName: depart.departName,
			parentId: depart.parentId, departType: depart.departType, departDes: depart.departDes
			console.log(checkedUser);
			const arr = [];
			checkedUser.forEach(item => {
			userList.forEach(child => {
			if (item === child.id) {
			arr.push({ isLeader: 0, userId: item,});
			}
			})
			})
			this.$axios({
			method: 'post',
			url:'/sccg/depart/create',
			data: {
			departName: depart.departName,
			parentId: depart.parentId, departType: depart.departType, departDes: depart.departDes,
			departManagerList: arr
			}
			}).then(res => {
			if (res.code === 200) {
			this.$message({
			message:res.message,
			type:'success'
			message: res.message,
			type: 'success'
			})
			this.refresh();
			}else if(res.code ===2001){
			} else if (res.code === 2001) {
			this.$message({
			message:res.message,
			type:'error'
			message: res.message,
			type: 'error'
			})
			this.refresh();
			}
			})
			}else{
			} else {
			return false;
			}
			})
			},
			// 获取部门树形结构图
			getDepartTree(){
			getDepartTree() {
			this.$axios({
			method:'get',
			url:'sccg/depart/tree',
			method: 'get',
			url: 'sccg/depart/tree',
			})
			.then(res=>{
			res.data.unshift({id:0,departName:'一级菜单栏'})
			this.departList = res.data;
			console.log(res);
			.then(res => {
			res.data.unshift({ id: 0, departName: '顶级菜单' })
			this.departList = res.data;
			})
			},
			// 获取所有用户信息
			getUserList() {
			// 获取所有用户信息、用户查询(暂时支持电话号码)
			this.$axios.get(`sccg/admin/list`).then(res => {
			if (res.code === 200) {
			this.userList = res.data.records;
			}
			})
			},
			addUser() {
			console.log(this.checkedUser);
			this.openUser = false;
			},
			handleClose() {
			this.$emit('changMyDialog', { flag: false });
			},
			// 获取部门类型
			getDepartTypeList() {
			this.$axios({
			method: 'get',
			url: 'sccg/dict/query_depart_type',
			})
			.then(res => {
			console.log(res);
			this.departTypeList = res.data;
			})
			}
			},
			props: ['refresh']
			props: ['refresh', 'changMyDialog']
			}
			</script>
			<style lang="scss" scoped>
			@@ -220,6 +284,61 @@
			}

			}

			.add {
			position: relative;

			.card {
			position: absolute;
			z-index: 2000;
			right: 0;

			.box-card {
			max-height: 200px;
			overflow: hidden;
			background-color: #09152f;
			position: relative;
			max-width: 220px;

			.scrollWrap {
			overflow: scroll;
			height: 160px;
			position: relative;
			color: #4b9bb7;

			.el-checkbox-group {
			display: flex;
			flex-direction: column;

			.el-checkbox {
			line-height: 20px;
			}
			}
			}

			.myclear {
			width: 100%;
			line-height: 20px;
			color: #4b9bb7;
			display: flex;
			justify-content: space-between;
			}

			.hidebar {
			position: absolute;
			top: 77px;
			right: 20px;
			width: 20px;
			height: 160px;
			background-color: #09152f;
			}

			.item {
			line-height: 40px;
			}
			}
			}
			}
			}

			footer {