~fy/sccg_ui.git

			@@ -11,22 +11,33 @@
			<!-- 上级部门 -->
			<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 :value="mylabel">
			<el-tree ref="tree" :check-strictly="true" :data="departList" :props="defaultProps"
			show-checkbox @check-change="handleCheck" default-expand-all node-key="id">
			</el-tree>
			</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-form-item>
			<!--添加人员 -->
			<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" @click="openUser = true"></i></li>
			<li v-for="(item,index) in cehckedList" :key="index" @click="setLeader(index)">
			<div class="li-item">
			<div class="li-icon">
			<i :class="['el-icon-user-solid',item.checked ? 'leader': '']"></i>
			</div>
			<label style="font-size: 12px;" :class="[item.checked ? 'leader': '']">{{item.username}}</label>
			</div>
			</li>
			<li class="li-btn"><i class="el-icon-plus" @click="openUser = true"></i></li>
			</ul>
			<div class="card" v-if="openUser">
			<el-card class="box-card">
			@@ -35,7 +46,7 @@
			<div @click="addUser">添加</div>
			</div>
			<div class="scrollWrap">
			<el-checkbox-group :max="3" v-model="checkedUser" @change="handleCheckedUserChange">
			<el-checkbox-group v-model="checkedUser">
			<el-checkbox v-for="user in userList" :label="user.id" :key="user.id">
			{{user.username}}
			</el-checkbox>
			@@ -54,13 +65,14 @@
			</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>
			</div>
			</template>
			<script>
			import { getTypeList } from '@/utils/helper'
			export default {
			data() {
			const validateNickname = (rule, value, callback) => {
			@@ -81,10 +93,6 @@
			if (!value) {
			callback();
			} else {
			// const rep = /(^1[3\|4\|5\|7\|8\|9]\d{9}$)\|(^09\d{8}$)/
			// if (!rep.test(value)) {
			// callback("请输入正确的手机号码");
			// }
			callback();
			}
			};
			@@ -112,7 +120,17 @@
			userList: [],
			departList: [],
			checkedUser: [],
			cehckedList: [],
			openUser: false,
			departTypeList: [],
			selectOrg: {
			orgsid: []
			},
			mylabel: '',
			defaultProps: {
			children: 'children',
			label: 'departName',
			},
			}
			},
			created() {
			@@ -121,28 +139,38 @@
			this.getDepartTree();
			// 获取用户列表
			this.getUserList();
			// 获取部门类型列表
			this.getDepartTypeList();
			},
			methods: {
			handleUser() {
			this.$refs.user.validate((valid) => {
			if (valid) {
			const { depart, checkedUser } = this;
			console.log(depart);
			console.log(checkedUser);
			this.$axios.post('/sccg/depart/create', {
			departName: depart.departName,
			parentId: depart.parentId, departType: depart.departType, departDes: depart.departDes
			const { depart,cehckedList,selectOrg } = this;
			const arr = [];
			cehckedList.forEach(item => {
			arr.push({ isLeader: item.isLeader, userId: item.id, });
			})
			console.log(arr);
			this.$axios({
			method: 'post',
			url: '/sccg/depart/create',
			data: {
			departName: depart.departName,
			parentId: selectOrg.orgsid[0], 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();
			}
			@@ -159,42 +187,84 @@
			url: 'sccg/depart/tree',
			})
			.then(res => {
			console.log(res);
			res.data.unshift({ id: 0, departName: '顶级菜单' })
			this.departList = res.data;
			})
			},
			// 获取所有用户信息
			getUserList() {
			const that = this;
			const { currentPage, pageSize, search } = this;
			// 获取所有用户信息、用户查询(暂时支持电话号码)
			this.$axios.get(`sccg/admin/list`).then(res => {
			if (res.code === 200) {
			console.log(res)
			this.userList = res.data.records;
			console.log(this.userList);
			}
			})
			},
			handleCheckedUserChange(value) {
			// console.log(value);
			if (value.length > 3) {
			console.log(this.checkedUser);
			this.$message({
			type: 'warning',
			message: '最多只能添加三个成员'
			})
			}
			// let checkedCount = value.length;
			// this.checkAll = checkedCount === this.cities.length;
			// this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
			},
			addUser() {
			console.log(this.checkedUser);
			console.log(this.userList);
			this.cehckedList = [];
			this.userList.forEach(item => {
			this.checkedUser.forEach(child => {
			if (item.id == child) {
			this.cehckedList.push({ id: item.id, username: item.username, isLeader: 0, checked: false });
			}
			})
			})
			this.cehckedList[0].isLeader = 1;
			this.cehckedList[0].checked = true;
			this.openUser = false;
			},
			handleClose() {
			this.$emit('changMyDialog', { flag: false });
			},
			// 获取部门类型
			async getDepartTypeList() {
			this.departTypeList = await getTypeList(1, '08')
			},
			handleCheck(data, checked) {
			this.depart.parentId = data.departName;
			// 获取当前选择的id在数组中的索引
			const indexs = this.selectOrg.orgsid.indexOf(data.id)
			// 如果不存在数组中，并且数组中已经有一个id并且checked为true的时候，代表不能再次选择。
			if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
			this.$message({
			message: '只能选择一个部门！',
			type: 'warning',
			showClose: true
			})
			// 设置已选择的节点为false 很重要
			this.$refs.tree.setChecked(data, false)
			} else if (this.selectOrg.orgsid.length === 0 && checked) {
			// 发现数组为空并且是已选择
			// 防止数组有值，首先清空，再push
			this.selectOrg.orgsid = []
			this.selectOrg.orgsid.push(data.id)
			} else if (
			indexs >= 0 &&
			this.selectOrg.orgsid.length === 1 &&
			!checked
			) {
			// 再次直接进行赋值为空操作
			this.selectOrg.orgsid = []
			this.depart.parentId = '';
			}
			},
			// 设置领导
			setLeader(idx){
			this.cehckedList.forEach((item,index)=>{
			if(index === idx){
			item.checked = true;
			item.isLeader = 1;
			}else{
			item.checked = false;
			item.isLeader = 0;
			}
			})
			}
			},
			props: ['refresh']
			props: ['refresh', 'changMyDialog']
			}
			</script>
			<style lang="scss" scoped>
			@@ -323,6 +393,15 @@
			}
			}

			.li-item {
			display: flex;
			flex-direction: column;
			}

			.leader {
			color: red;
			}

			footer {
			border-top: 1px solid #fff;
			height: 80px;