10.23

src/api/auth.js

@@ -54,17 +54,15 @@ export function getTypsName(id) {
 	return getTyps(id).name
 }
 
-// 防抖
-//用法
 // _debounce(this.XXX(),1000)
-export function _debounce (fn, delay) {
-	if(!delay)delay=500
-    let timer = null
-    return function () {
-        let arg = arguments
-        clearTimeout(timer)
-        timer = setTimeout(() => {
-            fn.apply(this, arg)
-        }, delay)
-    }
+// 防抖
+export function _debounce(fn, delay = 500) {
+	let timer = null
+	return function() {
+		let arg = arguments
+		clearTimeout(timer)
+		timer = setTimeout(() => {
+			fn.apply(this, arg)
+		}, delay)
+	}
 }

src/components/EmployeeSelector.vue

@@ -1,945 +0,0 @@
-<template>
-  <el-dialog
-    :title="title"
-    :visible.sync="visible_"
-    :close-on-click-modal="false"
-    :before-close="close_before"
-    append-to-body
-    @open="openDialog"
-    width="640px"
-    class="employee_select_dialog"
-  >
-    <slot name="header"></slot>
-    <div class="employee_selector_box" v-if="visible_">
-      <el-row :gutter="10">
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box one">
-          <div class="search-box">
-            <div class="search flex-box"><el-input v-model="keyword" placeholder="请输入内容" clearable></el-input></div>
-            <div class="search flex-box" style="margin-top: 7px;">
-              <el-cascader
-                v-show="can_select_employee&&deptId==0"
-                style="width: 100%;"
-                v-model="dept_id"
-                ref="dept"
-                :options="dept_list"
-                :props="{ checkStrictly: true, value: 'id', label: 'name', children: 'children' }"
-                clearable
-                :disabled="deptId > 0"
-                placeholder="全公司"
-              ></el-cascader>
-            </div>
-          </div>
-
-          <div class="dept_path scroll-bar flex-box flex-d-wrap" v-if="can_select_dept">
-            <template v-if="pid_list_arr.length > 0">
-              <div @click="back_by_index(0)" class="blue" style="cursor: pointer;">全公司</div>
-              <div v-for="(item, index) in pid_list_arr" :key="index" @click="back_by_index(index + 1, item)" class="font-flex-word" style="max-width: 120px;">
-                <i class="el-icon-arrow-right"></i>
-                <span class="blue" style="cursor: pointer;">{{ item.name }}</span>
-              </div>
-            </template>
-          </div>
-		  <!-- 人员 -->
-          <div class="flex-box-end" v-if="can_select_employee && isChecKedAll && multi" style="padding: 10px;border-bottom: 1px solid #f1f1f1;">
-            <el-checkbox v-model="checked" @change="checkedChange">全选</el-checkbox>
-          </div>
-          <el-scrollbar
-            wrap-class="column-wrapper scrollable-items-container"
-            :native="false"
-            :class="(can_select_dept || isChecKedAll)? 'scrollbarHeight1' : 'scrollbarHeight2'"
-            v-loading="table_loading"
-          >
-            <div class="choose_left">
-              <template v-if="can_select_dept">
-                <div class="persons_box" style="padding-top:4px;" v-if="dept_list.length > 0">
-                  <div v-for="(item, index) in dept_list" :key="index">
-                    <div class="flex-box flex-v-ce deptList" @click="select_dept(item, index)" v-show="item.name.indexOf(keyword) >= 0">
-                      <div :class="[item.checked? 'showCheckbox':'']" class="checkbox"><span class="isCheckbox"></span></div>
-                      <div class="employee_name flex-1 font-flex-word">{{ item.name }}</div>
-                      <div v-if="item.children" class="blue" @click.stop="show_child(item)">| 下级</div>
-                    </div>
-                  </div>
-                </div>
-              </template>
-              <template v-if="can_select_employee">
-                <div class="persons_box" style="padding-top:4px;" v-if="list.length > 0">
-                  <div class="employee_cell_a" v-for="(item, index) in list" :key="index" v-show="item.id">
-                    <div class="employee_cell" @click.prevent.stop="select_employee(item)">
-                      <div class="employee_checkbox"><el-checkbox v-model="item.checked"></el-checkbox></div>
-                      <div class="employee_img_url"><img :src="item.img_url" class="employee_cell_head_img" /></div>
-                      <div class="employee_name">{{ item.name }}</div>
-                      <div class="employee_cell_clear"></div>
-                    </div>
-                  </div>
-                </div>
-                <div v-else class="fontColorF" style="text-align: center;margin-top: 50px;">暂无可选人员</div>
-              </template>
-            </div>
-          </el-scrollbar>
-        </el-col>
-        <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2" class="col-line"><span style="opacity: 0;">空</span></el-col>
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-          <div class="option-box">
-            <span style="line-height: 40px; padding-left: 10px;" class="fl" v-if="multi && can_select_employee">已选择{{ employee_selected_list.length }}人</span>
-            <el-button type="type" @click="clear_data">清空</el-button>
-          </div>
-          <el-scrollbar wrap-class="column-wrapper scrollable-items-container" :native="false" style="height: 400px;">
-            <div class="choose_right">
-              <div class="employee_cell" v-for="(item, index) in dept_selected_list" :key="index">
-                <div class="employee_name">{{ item.dept_name }}</div>
-                <div class="employee_delete"><el-button type="default" size="mini" @click="dept_delete(item, index)" icon="el-icon-close" circle></el-button></div>
-                <div class="employee_cell_clear"></div>
-              </div>
-              <div class="employee_cell" v-for="(item, index) in employee_selected_list" :key="index">
-                <div class="employee_img_url" v-if="item.img_url"><img :src="item.img_url" class="employee_cell_head_img" /></div>
-                <div class="employee_img_url" v-else><img src="static/images/head_default.png" class="employee_cell_head_img" /></div>
-                <div class="employee_name">{{ item.name }}</div>
-                <div class="employee_delete"><el-button type="default" size="mini" @click="employee_cancel(item, true)" icon="el-icon-close" circle></el-button></div>
-                <div class="employee_cell_clear"></div>
-              </div>
-            </div>
-          </el-scrollbar>
-        </el-col>
-      </el-row>
-    </div>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="close">取 消</el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  props: {
-    title: {
-      // 标题
-      type: String,
-      default: '选择部门和员工'
-    },
-    deptId: {
-      //指定部门ID,人员列表就是该部门的
-      type: Number,
-      default: 0
-    },
-    visible: {
-      // 是否显示组件
-      type: Boolean,
-      default: false
-    },
-    can_select_dept: {
-      // 是否能选择部门(单选择部门，不能选择人员)
-      type: Boolean,
-      default: false
-    },
-    dept_not_select: {
-      // 排除部门ID
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    dept_multi: {
-      // 指定部门是否能多选
-      type: Boolean,
-      default: true
-    },
-    dept_children: {
-      //选择部门时是否包含子部门
-      type: Boolean,
-      default: true
-    },
-    can_select_employee: {
-      // 指定是否能选择员工
-      type: Boolean,
-      default: true
-    },
-    employee_not_select: {
-      // 排除员工的ID，包含ID时不出现在选择列表中
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    selected: {
-      // 已经选择的员工和部门
-      type: Object,
-      default: () => {
-        return { employee: [], dept: [] };
-      }
-    },
-    multi: {
-      // 指定员工是否能多选
-      type: Boolean,
-      default: true
-    },
-    user_employee_list: {
-      // 为true时，employee_list才生效
-      type: Boolean,
-      default: false
-    },
-    employee_list: {
-      // 指定显示的员工列表，注意：传值后组件的员工数据将不是统一向服务器获取的，而是指定的员工列表，格式是：[{id: 1, name: “张三”, img_url: “”}]
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    isChecKedAll: {
-      //是否全选
-      type: Boolean,
-      default: true
-    },
-    close_clear_data: {
-      //关闭时是否清除选择的数据
-      type: Boolean,
-      default: true
-    },
-    max: {
-      //选择的人数限制
-      type: Number,
-      default: 0
-    },
-    is_filtration_creator: {
-      //是否去除创始人
-      type: Boolean,
-      default: true
-    },
-    is_manager_only: {
-      //是否只显示管理者
-      type: Boolean,
-      default: false
-    },
-    include_self: {
-      //是否显示自己
-      type: Boolean,
-      default: true
-    },
-    child:{
-      //当人员列表点击部门筛选时不显示子部门人员 ,目前只在设置主管有使用到
-      type: Boolean,
-      default: true
-    },
-    isRequired:{
-      //是否必须选择人员或者部门
-      type: Boolean,
-      default: false
-    }
-  },
-  name: 'EmployeeSelector',
-  data() {
-    return {
-      // 基础配置
-      table_loading: false,
-      searchBox: [], //用于搜索的全部人员
-      keyword: '',
-      checked: false,
-      visible_: false,
-      // 选择人员相关
-      employee_selected_list: [],
-      employee_selected: [],
-      list: [],
-      // 选择部门相关
-      dept_selected_list: [],
-      dept_name: '',
-      dept_id: [],
-      dept_select_id: 0,
-      dept_list: [],
-      dept_list_all: [], //备用全部部门
-      pid_list_arr: []
-    };
-  },
-  watch: {
-    // 当动态改变“employee_list”时，获取employee_list与employee_selected_list的交集，用于考勤组功能
-    employee_list(val) {
-      var eSList = this.employee_selected_list;
-      this.employee_selected_list = [...eSList].filter(x => [...val].some(y => y.id === x.id));
-    },
-    visible(val) {
-      this.visible_ = JSON.parse(JSON.stringify(val));
-      if (val) {
-        setTimeout(() => {
-          this.get_user_list();
-          this.get_dept_list();
-        }, 200);
-      }
-    },
-    dept_id(val) {
-      this.dept_select_id = val[val.length - 1];
-      this.$nextTick(() => {
-        if (this.can_select_employee) {
-          this.$refs.dept.dropDownVisible = false;
-        }
-        this.get_user_list();
-        this.checked = false;
-      });
-    },
-    keyword(val) {
-      this.list = this.searchBox.filter(item => item.name.includes(this.keyword));
-      if (!val) {
-        this.checked = false;
-      }
-    }
-  },
-  methods: {
-    //打开Dialog的回调，用刷每次打开都初始化selected
-    openDialog() {
-      if (this.deptId != 0) {
-        this.dept_id = [this.deptId];
-        this.dept_select_id = this.deptId;
-      }
-      let selected = this.selected;
-      this.employee_selected = [];
-      this.employee_selected_list = JSON.parse(JSON.stringify(selected.employee));
-      this.dept_selected_list =JSON.parse(JSON.stringify(selected.dept));
-      for (let i in selected.employee) {
-        this.employee_selected.push(selected.employee[i].id);
-      }
-    },
-    close_before(done) {
-      this.close();
-      done();
-    },
-    // 全选（只用选择人员）
-    checkedChange(val) {
-      if (val) {
-        this.$nextTick(() => {
-          let employeeSelectedList = JSON.parse(JSON.stringify(this.employee_selected_list)); //获取选择的人员
-          let employeeSelectedIds = [],
-            total = 0;
-          employeeSelectedList.forEach(element => {
-            employeeSelectedIds.push(element.id);
-          });
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', true);
-            if (!employeeSelectedIds.includes(this.list[i].id)) {
-              //去除已经选择的人员
-              this.employee_selected_list.push(this.list[i]);
-            }
-          }
-        });
-      } else {
-        this.employee_selected_list = [];
-        this.employee_selected = [];
-        for (let i in this.list) {
-          this.$set(this.list[i], 'checked', false);
-        }
-      }
-    },
-    // 点击部门导航
-    back_by_index(index, item) {
-      this.pid_list_arr.splice(index, 100);
-      if (index == 0) {
-        this.dept_list = this.dept_list_all;
-        return false;
-      }
-      if (item.children) {
-        this.dept_list = item.children;
-      }
-    },
-    //下一级
-    show_child(item) {
-      if (item.children) {
-        this.dept_list = item.children;
-      }
-      this.pid_list_arr.push(item);
-    },
-    //获取一个部门的下的所有子部门
-    getChildrens(list) {
-      var dept_list = [];
-      list.forEach(item => {
-        item.checked = true;
-        dept_list.push({ dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg' });
-        if (item.children) {
-          dept_list.push(...this.getChildrens(item.children));
-        }
-      });
-      return dept_list;
-    },
-    //选择部门
-    select_dept(item, index) {
-      if (item.checked) {
-        this.dept_cancel(item);
-      } else {
-        if (!this.dept_multi) {
-          //是否能多选
-          this.dept_selected_list = [];
-          for (let i in this.dept_list_all) {
-            this.dept_cancel(this.dept_list_all[i], true);
-          }
-        }
-        item.checked = true;
-        if (item.children && this.dept_children) {
-          //是否存在子部门
-          this.dept_selected_list.push({ dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg' });
-          var arr = this.getChildrens(item.children);
-          this.dept_selected_list.push(...arr);
-        } else {
-          this.dept_selected_list.push({ dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg' });
-        }
-      }
-    },
-    //清除选择的部门
-    dept_cancel(item, is) {
-      item.checked = false;
-      if (item.children) {
-        //左边
-        item.children.forEach(childrens => {
-          this.dept_cancel(childrens);
-        });
-      }
-      if (is) {
-        return false;
-      }
-      var deptSelectedList = this.dept_selected_list;
-      deptSelectedList.forEach((dept, index) => {
-        //右边
-        if (dept.dept_id == item.id) {
-          deptSelectedList.splice(index, 1);
-        }
-      });
-    },
-    //删除部门
-    dept_delete(item) {
-      var dept_list = this.dept_list;
-      var obj = this.getDeptz(item.dept_id, dept_list); //递归找到所属部门
-      this.dept_cancel(obj);
-    },
-    // 递归获取指定ID部门
-    getDeptz(id, arr) {
-      var obj = {};
-      for (let i = 0; i < arr.length; i++) {
-        if (id == arr[i].id) {
-          obj = arr[i];
-          break;
-        } else if (arr[i].children) {
-          if (this.getDeptz(id, arr[i].children).id) {
-            obj = this.getDeptz(id, arr[i].children);
-          }
-        }
-      }
-      return obj;
-    },
-
-    //清除选择的人员
-    employee_cancel(item) {
-      this.checked = false;
-      this.employee_selected.splice(this.employee_selected.indexOf(item.id), 1);
-      let delete_index = -1;
-      for (let i in this.employee_selected_list) {
-        if (this.employee_selected.indexOf(this.employee_selected_list[i].id) < 0) {
-          delete_index = i;
-        }
-      }
-      if (delete_index >= 0) {
-        for (let i in this.list) {
-          if (this.list[i].id == item.id) {
-            this.$set(this.list[i], 'checked', false);
-          }
-        }
-        for (let i in this.employee_selected_list) {
-          if (this.employee_selected_list[i].id == item.id) {
-            this.employee_selected_list.splice(i, 1);
-          }
-        }
-      }
-    },
-    //选择人员
-    select_employee(item) {
-      if (item.checked) {
-        item.checked = false;
-        this.employee_cancel(item);
-      } else {
-        if (!this.multi) {
-          this.employee_selected = [];
-          this.employee_selected_list = [];
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false);
-          }
-        }
-        if (this.max > 0 && this.employee_selected.length == this.max && this.multi) {
-          this.$message.error('最多只能选择' + this.max + '人');
-          return false;
-        }
-        this.employee_selected.push(item.id);
-        this.employee_selected_list.push({ id: item.id, name: item.name, img_url: item.img_url });
-        item.checked = true;
-      }
-    },
-
-    //清空
-    clear_data() {
-      this.checked = false;
-      this.employee_selected = [];
-      this.employee_selected_list = [];
-      this.dept_selected_list = [];
-      for (let i in this.list) {
-        this.$set(this.list[i], 'checked', false);
-      }
-      for (let i in this.dept_list) {
-        this.$set(this.dept_list[i], 'checked', false);
-      }
-      for (let i in this.dept_list_all) {
-        this.$set(this.dept_list_all[i], 'checked', false);
-      }
-    },
-    //关闭||清空数据
-    close() {
-      this.$emit('update:visible', false);
-      if (this.close_clear_data) {
-        this.checked = false;
-        this.keyword='';
-        this.employee_selected = [];
-        this.employee_selected_list = [];
-        this.dept_selected_list = [];
-        this.pid_list_arr=[];
-        for (let i in this.list) {
-          this.$set(this.list[i], 'checked', false);
-        }
-        for (let i in this.dept_list) {
-          this.$set(this.dept_list[i], 'checked', false);
-        }
-        for (let i in this.dept_list_all) {
-          this.$set(this.dept_list_all[i], 'checked', false);
-        }
-      }
-    },
-    // 确定
-    confirm() {
-      if(this.isRequired){
-        if(this.employee_selected_list.length==0){
-           this.$message.error("请选择人员");
-           return false
-        }
-      }
-      this.$emit('confirm', {
-        employee: this.employee_selected_list,
-        dept: this.dept_selected_list
-      });
-      this.close();
-    },
-    // 获取部门
-    get_dept_list() {
-      this.$http('get', '/api/department/tree', '', 'v2').then(res => {
-        var list = res.data.data.list;
-        var dept_list = [];
-        // 排除部门
-        if (this.dept_not_select.length > 0) {
-          dept_list = list.filter(item => {
-            return this.dept_not_select.indexOf(item.id) == -1;
-          });
-        } else {
-          dept_list = list;
-        }
-        dept_list = this.getTreeData(dept_list); //过滤children
-        //默认选中部门
-        if (this.dept_selected_list.length > 0) {
-          this.dept_selected_list.forEach(item => {
-            this.setDeptChecked(item.dept_id, dept_list);
-          });
-        }
-        this.dept_list = dept_list;
-        this.dept_list_all = this.dept_list;
-      });
-    },
-    //设置默认部门
-    setDeptChecked(id, arr) {
-      for (let i = 0; i < arr.length; i++) {
-        if (id == arr[i].id) {
-          arr[i].checked = true;
-          break;
-        } else if (arr[i].children) {
-          this.setDeptChecked(id, arr[i].children);
-        }
-      }
-    },
-    getTreeData(data) {
-      for (var i = 0; i < data.length; i++) {
-        data[i].checked = false;
-        if (data[i].children.length < 1) {
-          // children若为空数组，则将children设为undefined
-          data[i].children = undefined;
-        } else {
-          // children若不为空数组，则继续 递归调用 本方法
-          this.getTreeData(data[i].children);
-        }
-      }
-      return data;
-    },
-
-    // 默认选择中的人勾上
-    parse_list(data) {
-      let _list = [];
-      data.map(item => {
-        item['checked'] = false;
-        for (var i in this.employee_selected_list) {
-          //判断传进来的员工是否是员工集合里的，是就设为已点击状态
-          if (this.employee_selected_list[i].id == item.id) {
-            item['checked'] = true;
-          }
-        }
-        if (item.img_url == '') {
-          item.img_url = 'static/images/head_default.png';
-        }
-      });
-      this.searchBox = data;
-      this.list = data;
-    },
-    //获取人员
-    get_user_list() {
-      this.table_loading = true;
-      this.$http('get', '/api/employee/index', { dept_id: this.dept_select_id, keywords: this.keyword, page: 1, page_size: 2000, child:this.child? '1':'0' }, 'v2')
-        .then(res => {
-          let list = this.filtration(res.data.data.list);
-          // 当有指定显示列表时
-          if (this.user_employee_list) {
-            var employee_list = this.employee_list;
-            var userData = [];
-            list.map(item => {
-              // 列表数据是否是自己的管理范围
-              employee_list.map(item2 => {
-                if (item.id == item2.id) {
-                  userData.push(item);
-                }
-              });
-            });
-            this.parse_list(userData);
-          } else {
-            // 没有指定人员列表
-            this.parse_list(list);
-          }
-        })
-        .finally(() => {
-          this.table_loading = false;
-        });
-    },
-    // 过滤各种条件：如：自己，创始人，只显示管理者等。。。
-    filtration(data) {
-      var list = data;
-      // 去除已经离职的人
-      for (let i = 0; i < list.length; i++) {
-        if (list[i].status == 2) {
-          list.splice(i, 1);
-          i--
-        }
-      }
-      var managerList = []; // 管理者列表
-      // 只显示管理者
-      if (this.is_manager_only) {
-        var isManager;
-        list.map(item => {
-          isManager = false;
-          item.employee_detail.role_list.map(item2 => {
-            if (item2.name == 'creator' || item2.name == 'point_manager' || item2.name == 'dept_manager' || item2.name == 'admin') {
-              isManager = true;
-            }
-          });
-          if (isManager) {
-            managerList.push(item);
-          }
-        });
-        list = managerList;
-      }
-      // 过滤自己
-      if (!this.include_self) {
-        const currUserId = this.$store.getters.user_info.id;
-        for (let i = 0; i < list.length; i++) {
-          if (list[i].id == currUserId) {
-            list.splice(i, 1);
-            i--
-          }
-        }
-      }
-      // 过滤创始人
-      if (this.is_filtration_creator) {
-        for (let i = 0; i < list.length; i++) {
-          if (list[i].is_creator == 1) {
-            list.splice(i,1);
-            i--
-          }
-        }
-      }
-      //过滤指定人员[]
-      if (this.employee_not_select.length > 0) {
-        for (let i = 0; i < list.length; i++) {
-          if (this.employee_not_select.indexOf(list[i].id) >= 0) {
-            list.splice(i, 1);
-            i--
-          }
-        }
-      }
-      return list;
-    }
-  },
-  created() {}
-};
-</script>
-
-<style scoped lang="scss">
-.showCheckbox .isCheckbox{
-   height: 7px;
-   width: 7px;
-   background-color: #26A2FF;
-   display: inline-block;
-   border-radius: 2px;
-   line-height: 14px;
-   position: relative;
-   top: -3px;
-}
-.showCheckbox{
-  border: 1px solid #26A2FF !important;
-}
-.checkbox{
-  height: 14px;
-  width: 14px;
-  border: 1px solid #dcdfe6;
-  background: #fff;
-  border-radius: 2px;
-  position: relative;
-  box-sizing: border-box;
-  text-align: center;
-}
-.deptList {
-  padding: 12px 0;
-  border-bottom: 1px solid #f1f1f1;
-  cursor: pointer;
-}
-.employee_selector_box {
-  width: 600px;
-  padding: 20px;
-  box-sizing: border-box;
-  margin: 0 auto;
-}
-
-/* 搜索框 */
-.employee_selector_box .search {
-  margin: 0 auto;
-  width: 80%;
-  min-height: 36px;
-}
-
-.employee_selector_box .search-box button {
-  display: inline-block;
-  vertical-align: middle;
-  margin-left: 10px;
-  width: auto;
-  padding: 0;
-  background: none;
-  border-radius: 0px;
-  border: none;
-}
-/* /搜索框 */
-
-/* 左边框 */
-.employee_selector_box .choose_left {
-  padding: 8px 10px 8px 10px;
-}
-
-.employee_selector_box .choose_left .employee_cell {
-  border-bottom: 1px #f1f1f1 solid;
-}
-
-.employee_selector_box .choose_left .employee_cell_a .employee_cell {
-  border-bottom: none;
-}
-
-.employee_selector_box .choose_left .employee_checkbox {
-  padding-left: 8px;
-}
-
-.employee_selector_box .choose_left .employee_img_url {
-  padding-left: 8px;
-}
-
-.employee_selector_box .choose_left .employee_name {
-  padding-left: 8px;
-}
-
-.employee_selector_box ::v-deep .el-scrollbar__thumb {
-  width: 2px;
-  margin: 15px 0 0 6px;
-  background: #409eff;
-}
-
-/* 左边框 */
-
-/* 右边距 */
-.employee_selector_box .option-box {
-  padding: 14px 0;
-}
-
-.employee_selector_box .option-box button {
-  margin-right: 16px;
-}
-
-.employee_selector_box .choose_right {
-  padding: 8px 10px;
-}
-
-.employee_selector_box .choose_right .employee_delete .el-button {
-  transform: scale(0.5);
-  background: #c0c4cc;
-}
-
-.employee_selector_box .choose_right .employee_delete .el-button /deep/ .el-icon-close {
-  color: #fff;
-}
-
-.employee_selector_box .choose_right .employee_delete .el-button:active {
-  background: #409eff;
-}
-
-.employee_selector_box .choose_right .employee_delete .el-button:active /deep/ .el-icon-close {
-  color: #fff;
-}
-
-.employee_selector_box .choose_right .employee_cell .employee_name {
-  padding-left: 8px;
-}
-
-.employee_selector_box .choose_right .employee_cell .employee_img_url {
-  padding-left: 8px;
-}
-
-/* 右边距 */
-
-.employee_selector_box /deep/ .employee_cell {
-  padding: 8px 0;
-  border-bottom: 1px #f1f1f1 solid;
-}
-
-.employee_selector_box /deep/ .employee_cell:hover {
-  background: #ecf5ff;
-}
-
-.employee_cell {
-  display: -webkit-inline-box;
-  cursor: pointer;
-  width: 100%;
-  color: #606266;
-  padding: 8px 0;
-  background-color: transparent;
-}
-
-.employee_cell .employee_cell_clear {
-  clear: both;
-}
-
-.employee_cell .employee_img_url {
-  display: table-cell;
-  vertical-align: middle;
-  width: 30px;
-  padding-left: 0px;
-}
-
-.employee_cell .employee_img_url img {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-}
-
-.employee_cell .employee_checkbox {
-  display: table-cell;
-  vertical-align: middle;
-  width: 30px;
-  text-align: center;
-}
-
-.employee_cell .employee_name {
-  display: table-cell;
-  vertical-align: middle;
-  color: #606266;
-}
-
-.employee_delete {
-  display: table-cell;
-  text-align: right;
-  padding-right: 0px;
-}
-
-.employee_cell_a {
-  display: block;
-}
-
-.employee_cell_a:hover {
-  background-color: #ecf5ff;
-  border-radius: 4px;
-}
-
-.dept_child_cell {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.dept_child_cell span {
-  float: right;
-  padding-right: 8px;
-}
-
-.dept_child_cell span:hover {
-  color: #1c1c1c;
-}
-
-.dept_child_cell span:active {
-  color: #1c1c1c;
-}
-
-.scroller-box {
-  height: 440px;
-  padding-right: 0px !important;
-  background-color: #fdfdfd;
-  border: 1px solid #eee;
-  border-radius: 4px;
-  overflow: hidden;
-}
-/* .scroller-box.one{
-    height: 440px;
-  } */
-
-.col-line {
-  position: relative;
-  height: 400px;
-}
-
-.col-line:before {
-  content: ' ';
-  width: 1px;
-  height: 400px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  background-color: #eee;
-}
-
-.search-box {
-  background-color: #fff;
-  padding: 14px 5px;
-  border-bottom: 1px solid #eee;
-  margin: 0 -5px;
-}
-
-.option-box {
-  padding: 5px;
-  background-color: #fff;
-  border-bottom: 1px solid #eee;
-  margin: 0 -5px;
-  text-align: right;
-}
-
-.child_btn {
-  color: #409eff;
-}
-.dept_path {
-  padding: 10px 0;
-  border-bottom: 1px solid #f1f1f1;
-  min-height: 37px;
-}
-
-.scrollbarHeight1 {
-  height: 310px;
-}
-.scrollbarHeight2 {
-  height: 350px;
-}
-</style>

src/main.js

@@ -19,10 +19,10 @@ import * as filters from '@/utils/filters' // global filters
 import jtoken from '@/utils/Jtoken'
 import noData from '@/components/noData'
 Vue.component('NoData', noData)
-
 import VConsole from 'vconsole'
-new VConsole()
-
+if (process.env.NODE_ENV === 'development') {
+  new VConsole()
+}
 // 头像
 import userImage from '@/components/user_image'
 Vue.component('userImage', userImage)

src/views/attendance/attendance_group.vue

@@ -107,7 +107,7 @@
     <el-pagination
       background
       layout="total,sizes, prev, pager, next"
-      :page-size="pageLimit" 
+      :page-size="pageLimit"
       :page-sizes="[10, 20, 50, 100]"
       :total="totalCount"
       @size-change="handleSizeChange"
@@ -751,9 +751,7 @@ export default {
       }
   },
   methods: {
-
       location_del(index) {
-        console.log(index)
         this.formdata.location.splice(index, 1)
       },
       attendance_duty_show(id) {
@@ -773,7 +771,6 @@ export default {
         self.attendance_duty_save_loading = false
       },
       class_selector_save() {
-      // console.log(this.attendance_setting_list)
         for (const l in this.attendance_setting_list) {
           if (this.formdata.attendance_setting_ids.indexOf(this.attendance_setting_list[l].id) < 0) {
             this.formdata.attendance_setting_ids.push(this.attendance_setting_list[l].id)
@@ -785,21 +782,15 @@ export default {
       },
       class_selector_show() {
         this.class_selectorDialogVisible = true
-      // let fromdata = JSON.parse(JSON.stringify(this.formdata))
-      // this.attendance_setting_list = fromdata.attendance_setting_list
-      // this.attendance_setting_ids = fromdata.attendance_setting_ids
       },
       EmployeeSelector0_show() {
         this.EmployeeSelectorDialogVisible0 = true
-      // this.employee_ids = JSON.parse(JSON.stringify(this.formdata.employee_ids))
       },
       EmployeeSelector1_show() {
         this.EmployeeSelectorDialogVisible1 = true
-      // this.un_employee_ids = JSON.parse(JSON.stringify(this.formdata.un_employee_ids))
       },
       EmployeeSelector2_show() {
         this.EmployeeSelectorDialogVisible2 = true
-      // this.manager_ids = JSON.parse(JSON.stringify(this.formdata.manager_ids))
       },
 
       set_manager_ids(data) {

src/views/common/EmployeeSelector.vue

@@ -14,7 +14,9 @@
       <el-row :gutter="10">
         <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box one">
           <div class="search-box">
-            <!-- <div class="search flex-box"><el-input v-model="keyword" placeholder="请输入内容" clearable></el-input></div> -->
+            <div class="search flex-box">
+              <el-input v-model="keyword" placeholder="姓名搜索" clearable maxlength="20"></el-input>
+            </div>
             <div class="search flex-box dept_icon" style="margin-top: 7px; width: 80%; position: relative;">
               <deptData  v-if="toPdept1 && toPdept1!=0" :refsName="$refs.dept1" :toPdept="toPdept1" style="width: 79%;"></deptData>
               <el-cascader
@@ -22,7 +24,7 @@
                 v-model="dept_id"
                 :options="dept_list"
                 :props="{ checkStrictly: true, value: 'id', label: 'name', children: 'children' }"
-                @change="dept1_null"
+                @change="deptActive"
                 ref="dept1"
                 filterable
                 :disabled="deptId > 0"
@@ -46,7 +48,6 @@
                 <i class="el-icon-arrow-right"></i>
                 <span class="blue" style="cursor: pointer;">
                   <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
-                  <!-- {{ item.name }} -->
                 </span>
               </div>
             </template>
@@ -65,10 +66,9 @@
               <template v-if="can_select_dept">
                 <div class="persons_box" style="padding-top:4px;" v-if="dept_list.length > 0">
                   <div v-for="(item, index) in dept_list" :key="index">
-                    <div class="flex-box flex-v-ce deptList" @click="select_dept(item, index)" v-show="item.name.indexOf(keyword) >= 0">
+                    <div class="flex-box flex-v-ce deptList" @click="select_dept(item, index)">
                       <div :class="[item.checked? 'showCheckbox':'']" class="checkbox"><span class="isCheckbox"></span></div>
                       <div class="employee_name flex-1 font-flex-word">
-                        <!-- {{ item.name }} -->
                         <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
                       </div>
                       <div v-if="item.children" class="blue" @click.stop="show_child(item)">| 下级</div>
@@ -85,7 +85,6 @@
                       <div class="employee_img_url" v-else><img src="static/images/default5.png" class="employee_cell_head_img" /></div>
                       <div class="employee_name">
                         <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                        <!-- {{ item.name }} -->
                       </div>
                       <div class="employee_cell_clear"></div>
                     </div>
@@ -107,7 +106,6 @@
               <div class="employee_cell" v-for="(item, index) in dept_selected_list" :key="index">
                 <div class="employee_name">
                   <WWOpenData type="departmentName" :openid="item.dept_name"></WWOpenData>
-                  <!-- {{ item.dept_name }} -->
                 </div>
                 <div class="employee_delete"><el-button type="default" size="mini" @click="dept_delete(item, index)" icon="el-icon-close" circle></el-button></div>
                 <div class="employee_cell_clear"></div>
@@ -117,7 +115,6 @@
                 <div class="employee_img_url" v-else><img src="static/images/default5.png" class="employee_cell_head_img" /></div>
                 <div class="employee_name">
                   <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                  <!-- {{ item.name }} -->
                 </div>
                 <div class="employee_delete"><el-button type="default" size="mini" @click="employee_cancel(item, true)" icon="el-icon-close" circle></el-button></div>
                 <div class="employee_cell_clear"></div>
@@ -135,6 +132,7 @@
 </template>
 
 <script>
+  import { _debounce } from '@/api/auth'
 export default {
   props: {
     title: {
@@ -261,14 +259,15 @@ export default {
     return {
       // 基础配置
       table_loading: false,
-      searchBox: [], //用于搜索的全部人员
       keyword: '',
       checked: false,
       visible_: false,
+
       // 选择人员相关
       employee_selected_list: [],
       employee_selected: [],
       list: [],
+
       // 选择部门相关
       dept_selected_list: [],
       dept_name: '',
@@ -298,18 +297,15 @@ export default {
         }, 200);
       }
     },
-    keyword(val) {
-      this.list = this.searchBox.filter(item => item.name.includes(this.keyword));
-      if (!val) {
-        this.checked = false;
-      }
-    }
+    keyword:_debounce(function(val) {
+        this.get_user_list();
+    },300)
   },
   methods: {
     defaultImg(){
       return "https://rescdn.qqmail.com/node/wwmng/wwmng/style/images/independent/DefaultAvatar$73ba92b5.png"
     },
-    dept1_null(val){
+    deptActive(val){
       this.toPdept1 = val[val.length-1]
     	if(val.length>1){
     		this.dept_select_id=val[val.length-1];
@@ -626,7 +622,6 @@ export default {
           item.img_url = 'static/images/default5.png';
         }
       });
-      this.searchBox = data;
       this.list = data;
     },
     //获取人员
@@ -795,7 +790,6 @@ export default {
   border-radius: 0px;
   border: none;
 }
-/* /搜索框 */
 
 /* 左边框 */
 .employee_selector_box .choose_left {

src/views/common/EmployeeSelector1 copy.vue

@@ -1,922 +0,0 @@
-<template>
-  <div>
-    <div class="employee_selector_box">
-      <el-row :gutter="10">
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box one">
-
-          <div class="search-box">
-            <div class="search">
-              <el-button slot="append" icon="el-icon-search" class="manager_button"></el-button>
-              <el-input v-model="keyword" placeholder="请输入内容"></el-input>
-            </div>
-          </div>
-          <div class="dept_path">
-            <a href="javascript:void(0);" @click="back_by_index(0)">全公司</a>
-            <a
-              v-for="(item, index) in pid_list_arr"
-              :key="index"
-              href="javascript:void(0);"
-              @click="back_by_index(index + 1)"
-            >
-              <i class="el-icon-arrow-right"></i>
-              <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
-            </a>
-          </div>
-          <el-checkbox v-if="isChecKedAll" v-model="checked" @change="checkedChange" >全选</el-checkbox>
-          <el-scrollbar wrap-class="column-wrapper scrollable-items-container" :native="false" :class="isChecKedAll?'scrollbarHeight1':'scrollbarHeight2'">
-            <div class="choose_left">
-              <a href="javascript:void(0)" v-for="(item,index) in dept_list" :key="index">
-                <div class="employee_cell" @click="select_dept(item)" v-show="item.pid == pid && item.name.indexOf(keyword) >= 0 && dept_not_select.indexOf(item.id) < 0">
-                  <i class="el-icon-caret-right" style=" display: inline-block;"></i>
-                  <div class="employee_checkbox" v-if="can_select_dept">
-                    <el-checkbox v-model="item.checked"></el-checkbox>
-                  </div>
-                  <div class="employee_name">
-                    <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
-                  </div>
-
-                  <div v-if="can_select_dept" class="dept_child_cell">
-                    <span href="javascript:void(0);" class="child_btn" @click.stop="show_child(item)">
-                      | 下级
-                    </span>
-                  </div>
-
-                  <div class="employee_cell_clear"></div>
-
-                </div>
-              </a>
-              <div class="persons_box" style="padding-top:4px;">
-                <a class="employee_cell_a" href="javascript:void(0)" v-for="(item,index) in list" :key="index" v-show="item.id">
-                  <div class="employee_cell" v-if="can_select_employee" @click.prevent.stop="select_employee(item)" v-show="employee_not_select.indexOf(item.id) < 0">
-                    <div class="employee_checkbox">
-                      <el-checkbox v-model="item.checked" v-if="selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                      <el-checkbox v-model="item.checked" v-if="!selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                    </div>
-                    
-                    <div class="employee_img_url">
-                      <img :src="item.img_url" class="employee_cell_head_img" />
-                    </div>
-                    <div class="employee_name">
-                      <!-- {{item.name}} -->
-                      <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                    </div>
-                    <div class="employee_cell_clear"></div>
-
-                  </div>
-                </a>
-              </div>
-
-            </div>
-
-
-          </el-scrollbar>
-        </el-col>
-        <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2" class="col-line"><span style="opacity: 0;">空</span></el-col>
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-          <div class="option-box">
-            <span style="line-height: 40px; padding-left: 10px;" class="fl" v-show="multi">已选择{{employee_selected_list.length}}人</span>
-            <el-button type="type" @click="clear_data">清空</el-button>
-          </div>
-          <el-scrollbar wrap-class="column-wrapper scrollable-items-container" :native="false" style="height: 400px;">
-            <div class="choose_right">
-              <div class="employee_cell" v-for="(item,index) in dept_selected_list" :key="index">
-
-                <div class="employee_name">
-                  <WWOpenData type="departmentName" :openid="item.dept_name"></WWOpenData>
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="dept_cancel(item)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-
-              <div class="employee_cell" v-for="(item,index) in employee_selected_list" :key="index">
-
-                <div class="employee_img_url" v-if="item.img_url">
-                  <img :src="item.img_url" class="employee_cell_head_img" />
-                </div>
-                <div class="employee_img_url" v-else>
-                  <img src="static/images/head_default.png" class="employee_cell_head_img" />
-                </div>
-                <div class="employee_name">
-                  <!-- {{item.name}} -->
-                  <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="employee_cancel(item,true)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-            </div>
-          </el-scrollbar>
-        </el-col>
-      </el-row>
-    </div>
-
-    <!--    
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="close">取 消</el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
-    </span> 
-    -->
-
-  </div>
-</template>
-
-<script>
-  var timers = null
-  export default {
-    props:{
-      Out_of_the_current:{
-        type: Boolean,
-      },
-      two_of_the_current:{
-        type: Boolean,
-      },
-      two_of_the_current_two:{
-        type: Number,
-      },
-      append_body: {
-        type: Boolean,
-        default: false
-      },
-      visible: {
-        type: Boolean,
-        default: false
-      },
-      can_select_dept: {
-        type: Boolean,
-        default: true
-      },
-      can_select_employee: {
-        type: Boolean,
-        default: true
-      },
-      employee_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      dept_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selected: {
-        type: Object,
-        default: () => {
-          return {employee: [], dept: []}
-        }
-      },
-      multi: {
-        type: Boolean,
-        default: true
-      },
-      dept_multi: {
-        type: Boolean,
-        default: true
-      },
-      employee_list: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selectedQuitEmployee:{
-        type: Boolean,
-        default: true
-      },
-      isChecKedAll: {
-        type: Boolean,
-        default: true
-      },
-      close_clear_data: {
-        type: Boolean,
-        default: true
-      },
-      max: {
-        type: Number,
-        default: 0
-      }
-    },
-    name: "EmployeeSelector",
-    data() {
-      let selected = JSON.parse(JSON.stringify(this.selected))
-      return {
-        searchBox:[],
-        dialogVisible: true,
-        employee_selected_list: selected.employee,
-        dept_selected_list: selected.dept,
-        employee_selected: [],
-        dept_selected: [],
-        com_height: '100%',
-        company_info: {},
-        actions_show: false,
-        dept_name: '',
-        dept_id: 0,
-        list: [],
-        dept_list: [],
-        keyword: '',
-        owner_id: 0,
-        user_info: this.$store.getters.user_info,
-        pid: 0,
-        pid_list: [],
-        selected_box_width: '0',
-        pid_list_arr: [],
-        visible_: false,
-        checked: false
-      }
-    },
-    watch: {
-      max(val) {
-        this.set_button_width()
-      },
-      selected:{
-        deep:true,
-        handler(val){
-          let selected = JSON.parse(JSON.stringify(val))
-          this.employee_selected = []
-          this.dept_selected = []
-          this.employee_selected_list = selected.employee
-          this.dept_selected_list = selected.dept
-          for (let i in selected.employee) {
-            this.employee_selected.push(selected.employee[i].id)
-          }
-          for(let i in selected.dept){
-            this.dept_selected.push(selected.dept[i].dept_id)
-          }
-          this.set_button_width()
-        },
-        immediate: true
-      },
-      // selected(val) {
-      //   let selected = JSON.parse(JSON.stringify(val))
-      //   this.employee_selected = []
-      //   this.dept_selected = []
-      //   this.employee_selected_list = selected.employee
-      //   this.dept_selected_list = selected.dept
-      //   for (let i in selected.employee) {
-      //     this.employee_selected.push(selected.employee[i].id)
-      //   }
-      //   for(let i in selected.dept){
-      //     this.dept_selected.push(selected.dept[i].dept_id)
-      //   }
-      //   this.set_button_width()
-      // },
-      visible(val){
-        this.visible_ = JSON.parse(JSON.stringify(val))
-        if(val){
-          setTimeout(() => {
-            if (this.$route.query.pid) {
-              this.pid = this.$route.query.pid
-            }
-            this.get_user_list(function () {
-
-            })
-            this.get_dept_list()
-          }, 200)
-        }
-        this.set_button_width()
-      },
-      employee_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-      },
-      dept_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-      },
-      keyword(val) {
-        // this.options =this.keyword?this.alloptions.filter(item=> item.name.includes (this,keyword)): this. alloptions
-        //this.list
-        this.list = this.searchBox.filter(item=> item.name.includes(this.keyword))
-        // this.list.filter(val)
-        // clearTimeout(timers)
-        // // timers = setTimeout(function () {
-        // //   this.get_user_list(function () {})
-        // // }, 500)
-        // timers = setTimeout(()=>{
-        //   this.get_user_list()
-        // },500)
-      }
-    },
-    methods: {
-      defaultImg(){
-        return "https://rescdn.qqmail.com/node/wwmng/wwmng/style/images/independent/DefaultAvatar$73ba92b5.png"
-      },
-      // 全选
-      checkedChange(val){
-        if (val) {
-          for (let i in this.list) {
-            if (this.employee_not_select.indexOf(this.list[i].id) < 0) {
-              this.$set(this.list[i], 'checked', true)
-            }
-          }
-          this.$nextTick(() => {
-            let employeeSelectedList = JSON.parse(JSON.stringify(this.employee_selected_list))
-            let employeeSelectedIds = [], total = 0
-            employeeSelectedList.forEach(element => {
-              employeeSelectedIds.push(element.id)
-            });
-            for (const i in this.list) {
-              this.list[i].status !== 2 && this.selectedQuitEmployee?this.$set(this.list[i], 'checked', true):''
-              if (employeeSelectedIds.includes(this.list[i].id)) {
-                total += 1
-              }else{
-                this.list[i].status !== 2 && this.selectedQuitEmployee?this.employee_selected_list.push(this.list[i]):''
-              }
-            }
-            // console.log(this.employee_not_select)
-            // console.log(this.employee_selected_list)
-            // debugger
-          })
-        }else{
-          this.employee_selected_list = []
-          this.employee_selected = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          // this.clear_data() 
-        }
-      },
-      close_before(done) {
-        this.close()
-      },
-      set_button_width() {
-
-      },
-      back() {
-        this.pid = this.pid_list[this.pid_list.length - 1]
-        this.pid_list.splice(this.pid_list.length - 1)
-        this.pid_list_arr.splice(this.pid_list_arr.length - 1)
-        this.get_user_list(function () {
-
-        })
-      },
-      back_by_index(index) {
-
-        if (index == this.pid_list.length) {
-          return false
-        }
-        this.pid = this.pid_list[index]
-        this.pid_list.splice(index, 100)
-        this.pid_list_arr.splice(index, 100)
-        this.get_user_list(function () {
-
-        })
-      },
-      show_child(item) {
-        this.pid_list.push(this.pid)
-        this.pid_list_arr.push(item)
-        this.pid = item.id
-        this.get_user_list(function () {
-
-        })
-      },
-      employee_cancel(item) {
-        this.employee_selected.splice(this.employee_selected.indexOf(item.id), 1)
-        let delete_index = -1
-        for (let i in this.employee_selected_list) {
-          if (this.employee_selected.indexOf(this.employee_selected_list[i].id) < 0) {
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          // this.employee_selected_list.splice(delete_index, 1)
-          for (let i in this.list) {
-            if (this.list[i].id == item.id) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-          for(let i in this.employee_selected_list){
-            if(this.employee_selected_list[i].id == item.id){
-              this.employee_selected_list.splice(i, 1)
-            }
-          }
-        }
-      },
-      dept_cancel(item) {
-        this.dept_selected.splice(this.dept_selected.indexOf(item.dept_id), 1)
-        let delete_index = -1
-        for (let i in this.dept_selected_list) {
-          if (this.dept_selected.indexOf(this.dept_selected_list[i].dept_id) < 0) {
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          this.dept_selected_list.splice(delete_index, 1)
-          for(let i in this.dept_list){
-            if(this.dept_list[i].id == item.dept_id){
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-        }
-      },
-      select_employee(item){
-        
-        if (this.selectedQuitEmployee) {
-          if (this.employee_not_select.indexOf(item.id) >= 0 || item.status > 1) {
-            return false
-          }
-        }else{
-          if (this.employee_not_select.indexOf(item.id) >= 0) {
-            return false
-          }
-        }
-
-        if(item.checked){
-          item.checked = false
-          this.employee_cancel(item)
-          this.$emit('confirms', '')
-        } else {
-          if (!this.multi) {
-            this.employee_selected = []
-            this.employee_selected_list = []
-            for (let i in this.list) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-          if (this.max > 0 && this.employee_selected.length == this.max && this.multi) {
-            this.$toast('最多只能选择' + this.max + '人')
-            return false
-          }
-          this.employee_selected.push(item.id)
-          this.employee_selected_list.push({id: item.id, name: item.name, img_url: item.img_url})
-          item.checked = true
-          this.$emit('confirms', this.employee_selected_list)
-        }
-      },
-      select_dept(item) {
-        if (!this.can_select_dept) {
-          this.show_child(item)
-          return false
-        }
-        if (item.checked) {
-          item.checked = false
-          this.dept_cancel(item)
-        } else {
-          if (!this.dept_multi) {
-            this.dept_selected = []
-            this.dept_selected_list = []
-            for (let i in this.dept_list) {
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-          this.dept_selected.push(item.id)
-          this.dept_selected_list.push({dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg'})
-          item.checked = true
-        }
-
-      },
-      clear_data(){
-        this.employee_selected = []
-        this.employee_selected_list = []
-        this.dept_selected = []
-        this.dept_selected_list = []
-        for (let i in this.list) {
-          this.$set(this.list[i], 'checked', false)
-        }
-        for (let i in this.dept_list) {
-          this.$set(this.dept_list[i], 'checked', false)
-        }
-      },
-      close() {
-        //this.visible = false
-        // this.$emit('update:visible', false)
-        this.$emit('cancel')
-        if (this.close_clear_data) {
-          this.employee_selected = []
-          this.employee_selected_list = []
-          this.dept_selected = []
-          this.dept_selected_list = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          for (let i in this.dept_list) {
-            this.$set(this.dept_list[i], 'checked', false)
-          }
-        }
-
-      },
-      confirm() {
-        this.$emit('confirm', {
-          employee: this.employee_selected_list,
-          dept: this.dept_selected_list
-        })
-        this.close()
-      },
-      get_dept_list(){
-        if(this.employee_list.length > 0){
-          return
-        }
-        this.$http('get','/api/department/index',{pid: this.pid, keyword:this.keyword}).then((res) => {
-          for(let i in res.data.data.list){
-            res.data.data.list[i]['checked'] = false
-            if (this.dept_selected.indexOf(res.data.data.list[i].id) >= 0) {
-              res.data.data.list[i]['checked'] = true
-            }
-          }
-          this.dept_list = res.data.data.list
-          this.owner_id = res.data.data.owner_id
-          this.company_info = res.data.data.company_info
-          if (res.data.data.dept_info == null) {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.company_info.name))
-            this.dept_id = 0
-          } else {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.dept_info.name))
-            this.dept_id = res.data.data.dept_info.id
-          }
-
-        }).catch((e) => {
-
-        })
-      },
-      get_user_list (done) {
-        if(this.employee_list.length > 0){
-          let list = this.employee_list
-          for(let i in list){
-            list[i]['letter_index'] = '#'
-            if(this.$store.getters.employee_map[list[i].id] && this.employee_not_select.indexOf(list[i].id) < 0){
-              list[i]['letter_index'] = this.$store.getters.employee_map[list[i].id].letter_index
-              list[i]['status'] = this.$store.getters.employee_map[list[i].id].status
-              if(this.$store.getters.employee_map[list[i].id].img_url == '' || this.$store.getters.employee_map[list[i].id].img_url == this.defaultImg()){
-                list[i]['img_url'] = 'static/images/head_default.png'
-              }else {
-                list[i]['img_url'] = this.$store.getters.employee_map[list[i].id].img_url
-              }
-            }
-
-            list[i]['checked'] = false
-            if(this.employee_selected.indexOf(list[i].id) >= 0){
-              list[i]['checked'] = true
-            }
-          }
-
-          if (this.keyword) {
-            list = []
-            this.employee_list.forEach(element => {
-              if(element.name.indexOf(this.keyword) != "-1"){
-                list.push(element)
-              }
-            });
-          }
-
-          this.list = list.sort((a,b) => {
-            return a.letter_index.charCodeAt(0) - b.letter_index.charCodeAt(0)
-          })
-          this.searchBox = this.list
-          done()
-          return false
-        }
-        this.list = []
-        this.$http('get','/api/employee/index',{dept_id: this.pid,keywords: this.keyword,page: 0,page_size: 2000}).then((res) => {
-          for (let i in res.data.data.list) {
-            res.data.data.list[i]['checked'] = false
-            if (this.employee_selected.indexOf(res.data.data.list[i].id) >= 0) {
-              res.data.data.list[i]['checked'] = true
-            }
-            if (res.data.data.list[i].img_url == '' || res.data.data.list[i].img_url == this.defaultImg()) {
-              res.data.data.list[i].img_url = 'static/images/head_default.png'
-            }
-          }
-          let lists = res.data.data.list
-          lists.forEach((element,index) => {
-            let role_list = element.employee_detail.role_list
-              if(this.Out_of_the_current){
-                role_list.forEach((item,key)=>{
-                  if(item.name == "creator"){
-                    lists.splice(index,1)
-                  }
-               })
-              }
-          });
-          lists.forEach((element,index) => {
-            if(this.two_of_the_current){
-              if(element.id == this.two_of_the_current_two){
-                lists.splice(index,1)
-              }
-            }
-          })
-          this.list = lists
-          this.searchBox = this.list
-          // console.log(this.searchBox)
-          done()
-        }).catch((e) => {
-          done()
-        })
-      }
-    },
-    created() {
-      if (document.documentElement.style.height) {
-        this.com_height = document.documentElement.style.height
-      }
-      setTimeout(() => {
-        if (this.$route.query.pid) {
-          this.pid = this.$route.query.pid
-        }
-        this.get_user_list(function () {
-
-        })
-        this.get_dept_list()
-      }, 200)
-
-    }
-  }
-</script>
-
-<style scoped>
-  .employee_selector_box {
-    width: 600px;
-    padding: 24px;
-  }
-
-  /* 搜索框 */
-  .employee_selector_box .search {
-    position: relative;
-    display: table-cell;
-    left: 10%;
-    padding: 0;
-    border: 1px #C0C4CC solid;
-    border-radius: 16.5px;
-  }
-
-  .employee_selector_box .search-box button {
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 10px;
-    width: auto;
-    padding: 0;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-
-  .employee_selector_box .search-box /deep/ .el-input {
-    display: inline-block;
-    width: 84%;
-    padding: 0 24px 0 6px;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-
-  .employee_selector_box .search-box /deep/ .el-input input {
-    padding: 0;
-    line-height: 34px;
-    border: none;
-  }
-
-  /* /搜索框 */
-
-  /* 左边框 */
-  .employee_selector_box .choose_left {
-    padding: 0 10px;
-    margin: 8px 0;
-  }
-
-  .employee_selector_box .choose_left .employee_cell {
-    border-bottom: 1px #f8f8f8 solid;
-  }
-
-  .employee_selector_box .choose_left .employee_cell_a .employee_cell {
-    border-bottom: none;
-  }
-
-  .employee_selector_box .choose_left .employee_checkbox {
-    padding-left: 8px;
-  }
-
-  .employee_selector_box .choose_left .employee_img_url {
-    padding-left: 8px;
-  }
-
-  .employee_selector_box .choose_left .employee_name {
-    padding-left: 8px;
-  }
-
-  .employee_selector_box /deep/ .el-scrollbar__thumb {
-    width: 2px;
-    margin: 15px 0 0 6px;
-    background: #409EFF;
-  }
-
-  /* 左边框 */
-
-  /* 右边距 */
-  .employee_selector_box .option-box {
-    padding: 14px 0;
-  }
-
-  .employee_selector_box .option-box button {
-    margin-right: 16px;
-  }
-
-  .employee_selector_box .choose_right {
-    padding: 8px 10px;
-  }
-
-  .employee_selector_box .choose_right .employee_delete .el-button {
-    transform: scale(0.5);
-    background: #C0C4CC;
-  }
-
-  .employee_selector_box .choose_right .employee_delete .el-button /deep/ .el-icon-close {
-    color: #fff;
-  }
-
-  .employee_selector_box .choose_right .employee_delete .el-button:active {
-    background: #409EFF;
-  }
-
-  .employee_selector_box .choose_right .employee_delete .el-button:active /deep/ .el-icon-close {
-    color: #FFF;
-  }
-
-  .employee_selector_box .choose_right .employee_cell .employee_name {
-    padding-left: 8px;
-  }
-
-  .employee_selector_box .choose_right .employee_cell .employee_img_url {
-    padding-left: 8px;
-  }
-
-  /* 右边距 */
-
-  .employee_selector_box /deep/ .employee_cell {
-    padding: 8px 0;
-  }
-
-  .employee_selector_box /deep/ .employee_cell:hover {
-    background: #ecf5ff;
-  }
-
-  .employee_cell {
-    display: -webkit-inline-box;
-    cursor: pointer;
-    width: 100%;
-    color: #606266;
-    padding: 8px 0;
-    background-color: transparent;
-  }
-
-  .employee_cell .employee_cell_clear {
-    clear: both;
-  }
-
-  .employee_cell .employee_img_url {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    padding-left: 0px;
-  }
-
-  .employee_cell .employee_img_url img {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .employee_cell .employee_checkbox {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    text-align: center;
-  }
-
-  .employee_cell .employee_name {
-    display: table-cell;
-    vertical-align: middle;
-    color: #606266;
-  }
-
-  .employee_delete {
-    display: table-cell;
-    text-align: right;
-    padding-right: 0px;
-  }
-
-  .employee_cell_a {
-    display: block;
-  }
-
-  .employee_cell_a:hover {
-    background-color: #ecf5ff;
-    border-radius: 4px;
-  }
-
-  .dept_child_cell {
-    display: table-cell;
-    vertical-align: middle;
-  }
-
-  .dept_child_cell span {
-    float: right;
-    padding-right: 8px;
-  }
-
-  .dept_child_cell span:hover {
-    color: #1c1c1c;
-  }
-
-  .dept_child_cell span:active {
-    color: #1c1c1c;
-  }
-
-  .scroller-box {
-    height: 440px;
-    padding-right: 0px !important;
-    background-color: #fdfdfd;
-    border: 1px solid #eee;
-    border-radius: 4px;
-    overflow: hidden;
-  }
-  /* .scroller-box.one{
-    height: 440px;
-  } */
-
-  .col-line {
-    position: relative;
-    height: 400px;
-  }
-
-  .col-line:before {
-    content: " ";
-    width: 1px;
-    height: 400px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-color: #eee;
-  }
-
-  .search-box {
-    background-color: #fff;
-    padding: 14px 5px;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-  }
-
-  .option-box {
-    padding: 5px;
-    background-color: #fff;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-    text-align: right;
-  }
-
-  .child_btn {
-    color: #409EFF;
-  }
-  .dept_path{
-    margin: 10px 0;
-    display: block;
-    white-space: nowrap;
-    overflow: auto;
-  }
-
-  /*滚动条的宽度*/
-
-  .dept_path::-webkit-scrollbar {
-    width:5px;
-    height:5px;
-  }
-
-  /*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
-
-  .dept_path::-webkit-scrollbar-track {
-    width: 6px;
-    background-color:#fff0;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-
-  /*滚动条的设置*/
-
-  .dept_path::-webkit-scrollbar-thumb {
-    background-color:#fff0;
-    background-clip:padding-box;
-    min-height:28px;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-  /*滚动条移上去的背景*/
-
-  .dept_path:hover::-webkit-scrollbar-thumb{
-    background-color:rgba(144,147,153,.3);
-  }
-  .scrollbarHeight1{
-    height: 320px;
-  }
-  .scrollbarHeight2{
-    height: 340px;
-  }
-</style>

src/views/common/EmployeeSelector1.vue

@@ -4,7 +4,9 @@
       <el-row :gutter="10">
         <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box one">
           <div class="search-box">
-            <!-- <div class="search flex-box" style="margin-bottom: 7px;"><el-input v-model="keyword" placeholder="请输入内容" clearable></el-input></div> -->
+            <div class="search flex-box">
+              <el-input v-model="keyword" placeholder="姓名搜索" clearable maxlength="20"></el-input>
+            </div>
             <div class="search flex-box" style="margin-top: 7px; width: 80%; position: relative;">
               <deptData  v-if="toPdept1 && toPdept1!=0" :refsName="$refs.dept1" :toPdept="toPdept1"></deptData>
               <el-cascader
@@ -83,7 +85,7 @@
 </template>
 
 <script>
-var timers = null;
+import { _debounce } from '@/api/auth'
 export default {
   props: {
     can_select_dept: {// 是否能选择部门
@@ -180,18 +182,6 @@ export default {
     };
   },
   watch: {
-    // dept_id(val){
-    // 	if(val.length>1){
-    // 		this.pid=val[val.length-1];
-    // 	}else{
-    // 		this.pid=val[0];
-    // 	}
-    // 	this.$nextTick(() => {
-    // 		this.$refs.dept.dropDownVisible = false;
-    // 		this.get_user_list();
-    // 		this.checked=false;
-    // 	});
-    // },
     selected: {
       deep: true,
       handler(val) {
@@ -209,12 +199,9 @@ export default {
       },
       immediate: true
     },
-    keyword(val) {
-      this.list = this.searchBox.filter(item => item.name.includes(this.keyword));
-      if(!val){
-        this.checked=false;
-      }
-    }
+    keyword:_debounce(function(val) {
+        this.get_user_list();
+    },300)
   },
   methods: {
     dept1_null(val){
@@ -224,10 +211,6 @@ export default {
     	}else{
     		this.pid=val[0];
     	}
-      // let valItem = 0
-      // for(let i in val){
-      //   valItem = val[i]
-      // }
       this.$nextTick(()=>{
     		this.get_user_list();
     		this.checked=false;

src/views/common/EmployeeSelectorCopy.vue

@@ -1,926 +0,0 @@
-<template>
-  <el-dialog
-    class=""
-    title="选择部门和员工"
-    :visible.sync="visible_" :close-on-click-modal="false" :before-close="close_before" append-to-body @close='closeDialog'
-    width="640px" class="employee_select_dialog">
-    <div class="employee_selector_box">
-      <el-row :gutter="10">
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-
-          <div class="search-box">
-            <div class="search">
-            <el-button slot="append" icon="el-icon-search" class="manager_button"></el-button>
-            <el-input v-model="keyword" placeholder="请输入内容"></el-input>
-            </div>
-          </div>
-          <div class="dept_path">
-            <a href="javascript:void(0);" @click="back_by_index(0)">全公司</a>
-            <a
-              v-for="(item, index) in pid_list_arr"
-              :key="index"
-              href="javascript:void(0);"
-              @click="back_by_index(index + 1)"
-            >
-              <i class="el-icon-arrow-right"></i>
-              {{item.name}}
-            </a>
-          </div>
-          <el-checkbox v-if="isChecKedAll" v-model="checked" @change="checkedChange" >全选</el-checkbox>
-          <el-scrollbar
-            wrap-class="column-wrapper scrollable-items-container"
-            :native="false"
-            :class="isChecKedAll?'scrollbarHeight1':'scrollbarHeight2'"
-          >
-            <div class="choose_left">
-              <a href="javascript:void(0)" v-for="(item,index) in dept_list" :key="index">
-                <div class="employee_cell" @click.stop="select_dept(item)"
-                     v-show="item.pid == pid && item.name.indexOf(keyword) >= 0 && dept_not_select.indexOf(item.id) < 0">
-
-                  <div class="employee_checkbox" style="position: relative;">
-                    <el-checkbox v-if="can_select_dept" v-model="item.checked"></el-checkbox>
-                    <div style=" position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;"></div>
-                  </div>
-                  <div class="employee_name">
-                    {{item.name}}
-                  </div>
-
-                  <div v-if="can_select_dept" class="dept_child_cell">
-              <span href="javascript:void(0);" class="child_btn" @click.stop="show_child(item)">
-                | 下级
-              </span>
-                  </div>
-
-                  <div class="employee_cell_clear"></div>
-
-                </div>
-              </a>
-
-              <div class="persons_box" style="padding-top:4px;">
-                <a class="employee_cell_a" href="javascript:void(0)" v-for="(item,index) in list" :key="index">
-                  <div class="employee_cell" v-if="can_select_employee" @click="select_employee(item)"
-                       v-show="employee_not_select.indexOf(item.id) < 0">
-
-                    <div class="employee_checkbox" style="position: relative;">
-                      <!-- <el-checkbox v-model="item.checked"></el-checkbox> -->
-                      <el-checkbox v-model="item.checked" v-if="selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                      <el-checkbox v-model="item.checked" v-if="!selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                      <div style=" position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;"></div>
-                    </div>
-                    <div class="employee_img_url">
-                      <img :src="item.img_url" class="employee_cell_head_img"/>
-                    </div>
-                    <div class="employee_name">
-                      {{item.name}}{{item.direct_Supervisor?'(直属上级)':''}}
-                    </div>
-                    <div class="employee_cell_clear"></div>
-
-                  </div>
-                </a>
-              </div>
-
-            </div>
-
-
-          </el-scrollbar>
-        </el-col>
-        <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2" class="col-line"><span style="opacity: 0;">空</span></el-col>
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-          <div class="option-box">
-            <el-button type="type" @click="clear_data">清空</el-button>
-          </div>
-          <el-scrollbar
-            wrap-class="column-wrapper scrollable-items-container"
-            :native="false"
-            style="height: 354px;"
-          >
-            <div class="choose_right">
-              <div class="employee_cell" v-for="(item,index) in dept_selected_list" :key="index">
-
-                <div class="employee_name">
-                  {{item.dept_name}}
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="dept_cancel(item)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-
-              <div class="employee_cell" v-for="(item,index) in employee_selected_list" :key="index">
-                <div class="employee_img_url">
-                  <img :src="item.img_url" class="employee_cell_head_img"/>
-                </div>
-                <div class="employee_name">
-                  {{item.name}}<span v-if="direct_Supervisor_you">{{item.id==directSupervisor?'(直属上级)':''}}</span>
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="employee_cancel(item)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-            </div>
-          </el-scrollbar>
-        </el-col>
-      </el-row>
-    </div>
-
-    <span slot="footer" class="dialog-footer">
-    <el-button @click="close">取 消</el-button>
-    <el-button type="primary" @click="confirm">确 定</el-button>
-  </span>
-
-
-  </el-dialog>
-</template>
-
-<script>
-
-  export default {
-    props:{
-      isChecKedAll: {
-        type: Boolean,
-        default: false
-      },
-      append_body: {
-        type: Boolean,
-        default: false
-      },
-      visible: {
-        type: Boolean,
-        default: false
-      },
-      can_select_dept: {
-        type: Boolean,
-        default: true
-      },
-      can_select_employee: {
-        type: Boolean,
-        default: true
-      },
-      employee_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      dept_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selected: {
-        type: Object,
-        default: () => {
-          return {employee: [], dept: []}
-        }
-      },
-      multi: {
-        type: Boolean,
-        default: true
-      },
-      dept_multi: {
-        type: Boolean,
-        default: true
-      },
-      employee_list: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selectedQuitEmployee:{
-        type: Boolean,
-        default: true
-      },
-      close_clear_data: {
-        type: Boolean,
-        default: true
-      },
-      max: {
-        type: Number,
-        default: 0
-      },
-      use_employee_list: {
-        type: Boolean,
-        default: false
-      }
-    },
-    name: "EmployeeSelector",
-    data() {
-      let selected = JSON.parse(JSON.stringify(this.selected))
-      return {
-        direct_Supervisor_you:false,
-        directSupervisor:0,
-        dialogVisible: true,
-        employee_selected_list: selected.employee,
-        dept_selected_list: selected.dept,
-        employee_selected: [],
-        dept_selected: [],
-        com_height: '100%',
-        company_info: {},
-        actions_show: false,
-        dept_name: '',
-        dept_id: 0,
-        list: [],
-        dept_list: [],
-        keyword: '',
-        owner_id: 0,
-        user_info: this.$store.getters.user_info,
-        pid: 0,
-        pid_list: [],
-        selected_box_width: '0',
-        pid_list_arr: [],
-        visible_: false,
-        checked: false//全选按钮
-      }
-    },
-    watch: {
-      max(val) {
-        this.set_button_width()
-      },
-      selected:{
-        deep:true,
-        handler(val){
-          let selected = JSON.parse(JSON.stringify(val))
-          this.employee_selected = []
-          this.dept_selected = []
-          this.employee_selected_list = selected.employee
-          this.dept_selected_list = selected.dept
-          for (let i in selected.employee) {
-            if (!selected.employee[i].img_url) {
-              this.$set(this.selected.employee[i], 'img_url', 'static/images/head_default.png')
-            }
-            this.employee_selected.push(selected.employee[i].id)
-          }
-          for(let i in selected.dept){
-            this.dept_selected.push(selected.dept[i].dept_id)
-          }
-          this.set_button_width()
-        }
-      },
-      // selected(val) {
-      //   let selected = JSON.parse(JSON.stringify(val))
-      //   this.employee_selected = []
-      //   this.dept_selected = []
-      //   this.employee_selected_list = selected.employee
-      //   this.dept_selected_list = selected.dept
-      //   for (let i in selected.employee) {
-      //     this.employee_selected.push(selected.employee[i].id)
-      //   }
-      //   for(let i in selected.dept){
-      //     this.dept_selected.push(selected.dept[i].dept_id)
-      //   }
-      //   this.set_button_width()
-      // },
-      visible(val){
-        this.visible_ = JSON.parse(JSON.stringify(val))
-        if(val){
-          setTimeout(() => {
-            if (this.$route.query.pid) {
-              this.pid = this.$route.query.pid
-            }
-            this.get_user_list(function () {
-
-            })
-            this.get_dept_list()
-          }, 200)
-        }
-        this.set_button_width()
-      },
-      employee_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-      },
-      dept_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-      },
-      keyword() {
-        this.get_user_list(function () {
-
-        })
-      }
-    },
-    methods: {
-      //关闭弹窗清除数据
-      closeDialog(){
-          this.direct_Supervisor_you = false
-      },
-      // 全选
-      checkedChange(val){
-        if (val) {
-          for (let i in this.list) {
-            if (this.employee_not_select.indexOf(this.list[i].id) < 0) {
-              this.$set(this.list[i], 'checked', true)
-            }
-          }
-          this.$nextTick(() => {
-            let employeeSelectedList = JSON.parse(JSON.stringify(this.employee_selected_list))
-            let employeeSelectedIds = [], total = 0
-            employeeSelectedList.forEach(element => {
-              employeeSelectedIds.push(element.id)
-            });
-            for (const i in this.list) {
-              this.list[i].status !== 2 && this.selectedQuitEmployee?this.$set(this.list[i], 'checked', true):''
-              if (employeeSelectedIds.includes(this.list[i].id)) {
-                total += 1
-              }else{
-                this.list[i].status !== 2 && this.selectedQuitEmployee?this.employee_selected_list.push(this.list[i]):''
-              }
-            }
-            // console.log(this.employee_not_select)
-            // console.log(this.employee_selected_list)
-            // debugger
-          })
-        }else{
-          this.employee_selected_list = []
-          this.employee_selected = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          // this.clear_data() 
-        }
-      },
-
-      close_before(done) {
-        this.close()
-      },
-      set_button_width() {
-
-      },
-      back() {
-        this.pid = this.pid_list[this.pid_list.length - 1]
-        this.pid_list.splice(this.pid_list.length - 1)
-        this.pid_list_arr.splice(this.pid_list_arr.length - 1)
-        this.get_user_list(function () {
-
-        })
-      },
-      back_by_index(index) {
-
-        if (index == this.pid_list.length) {
-          return false
-        }
-        this.pid = this.pid_list[index]
-        this.pid_list.splice(index, 100)
-        this.pid_list_arr.splice(index, 100)
-        this.get_user_list(function () {
-
-        })
-      },
-      show_child(item) {
-        this.pid_list.push(this.pid)
-        this.pid_list_arr.push(item)
-        this.pid = item.id
-        this.get_user_list(function () {
-
-        })
-      },
-      employee_cancel(item) {
-        this.employee_selected.splice(this.employee_selected.indexOf(item.id), 1)
-        let delete_index = -1
-        for (let i in this.employee_selected_list) {
-          if (this.employee_selected.indexOf(this.employee_selected_list[i].id) < 0) {
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          this.employee_selected_list.splice(delete_index, 1)
-          for (let i in this.list) {
-            if (this.list[i].id == item.id) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-        }
-      },
-      dept_cancel(item) {
-        this.dept_selected.splice(this.dept_selected.indexOf(item.dept_id), 1)
-        let delete_index = -1
-        for (let i in this.dept_selected_list) {
-          // if (this.dept_selected.indexOf(this.dept_selected_list[i].dept_id) < 0) {
-          //   delete_index = i
-          // }
-          if(this.dept_selected_list[i].dept_id == item.id){
-            delete_index = i
-          }
-          if(this.dept_selected_list[i].dept_id == item.dept_id){
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          this.dept_selected_list.splice(delete_index, 1)
-          for(let i in this.dept_list){
-            if(this.dept_list[i].id == item.dept_id){
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-        }
-      },
-      select_employee(item){
-        if (this.selectedQuitEmployee) {
-          if (this.employee_not_select.indexOf(item.id) >= 0 || item.status > 1) {
-            return false
-          }
-        }else{
-          if (this.employee_not_select.indexOf(item.id) >= 0) {
-            return false
-          }
-        }
-        
-        if(item.checked){
-          item.checked = false
-          this.employee_cancel(item)
-        } else {
-          if (!this.multi) {
-            this.employee_selected = []
-            this.employee_selected_list = []
-            for (let i in this.list) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-          if (this.max > 0 && this.employee_selected.length == this.max && this.multi) {
-            this.$toast('最多只能选择' + this.max + '人')
-            return false
-          }
-          this.employee_selected.push(item.id)
-          this.employee_selected_list.push({id: item.id, name: item.name, img_url: item.img_url,direct_Supervisor:item.direct_Supervisor})
-          item.checked = true
-        }
-      },
-      unique(arr){
-        return Array.from(new Set(arr))
-      },
-      select_dept(item) {
-        if (!this.can_select_dept) {
-          this.show_child(item)
-          return false
-        }
-        if (item.checked) {
-          item.checked = false
-          this.dept_cancel(item)
-        } else {
-          if (!this.dept_multi) {
-            this.dept_selected = []
-            this.dept_selected_list = []
-            for (let i in this.dept_list) {
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-          let dept_sele = this.dept_selected
-          dept_sele.push(item.id)
-          this.dept_selected =this.unique(dept_sele)
-          // this.dept_selected.push(item.id)
-          // let dept_sele = new Set(this.dept_selected)
-          // this.dept_selected = this.unique(this.dept_selected)
-          this.dept_selected_list.push({dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg'})
-          let newobj = {}; 
-            this.dept_selected_list = this.dept_selected_list .reduce((preVal, curVal) => {
-              newobj[curVal.dept_id] ? '' : newobj[curVal.dept_id] = preVal.push(curVal); 
-              return preVal 
-            }, [])
-          item.checked = true
-        }
-
-      },
-      clear_data(){
-        this.employee_selected = []
-        this.employee_selected_list = []
-        this.dept_selected = []
-        this.dept_selected_list = []
-        for (let i in this.list) {
-          this.$set(this.list[i], 'checked', false)
-        }
-        for (let i in this.dept_list) {
-          this.$set(this.dept_list[i], 'checked', false)
-        }
-      },
-      close() {
-        //this.visible = false
-        this.$emit('update:visible', false)
-        this.$emit('cancel')
-        if (this.close_clear_data) {
-          this.employee_selected = []
-          this.employee_selected_list = []
-          this.dept_selected = []
-          this.dept_selected_list = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          for (let i in this.dept_list) {
-            this.$set(this.dept_list[i], 'checked', false)
-          }
-        }
-
-      },
-      confirm() {
-        this.$emit('confirm', {
-          employee: this.employee_selected_list,
-          dept: this.dept_selected_list
-        })
-        this.close()
-      },
-      get_dept_list(){
-        if(this.employee_list.length > 0){
-          return
-        }
-        this.$http('get','/api/department/index',{pid: this.pid, keyword:this.keyword}).then((res) => {
-          for(let i in res.data.data.list){
-            res.data.data.list[i]['checked'] = false
-            if (this.dept_selected.indexOf(res.data.data.list[i].id) >= 0) {
-              res.data.data.list[i]['checked'] = true
-            }
-          }
-          this.dept_list = res.data.data.list
-          this.owner_id = res.data.data.owner_id
-          this.company_info = res.data.data.company_info
-          if (res.data.data.dept_info == null) {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.company_info.name))
-            this.dept_id = 0
-          } else {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.dept_info.name))
-            this.dept_id = res.data.data.dept_info.id
-          }
-
-        }).catch((e) => {
-
-        })
-      },
-      get_user_list (done) {
-        if(this.employee_list.length > 0){
-          let list = this.employee_list
-          if(this.employee_selected.length == 0){
-            for(let i in this.selected.employee){
-              this.employee_selected.push(this.selected.employee[i].id)
-            }
-          }
-          for(let i in list){
-            if(list[i].direct_Supervisor){
-              this.direct_Supervisor_you = list[i].direct_Supervisor
-              this.directSupervisor = list[i].id
-            }
-            list[i]['letter_index'] = '#'
-            if(this.$store.getters.employee_map[list[i].id]){
-              list[i]['letter_index'] = this.$store.getters.employee_map[list[i].id].letter_index
-              if(this.$store.getters.employee_map[list[i].id].img_url == ''){
-                list[i]['img_url'] = 'static/images/head_default.png'
-              }else {
-                list[i]['img_url'] = this.$store.getters.employee_map[list[i].id].img_url
-              }
-            }
-
-            list[i]['checked'] = false
-            if(this.employee_selected.indexOf(list[i].id) >= 0){
-              list[i]['checked'] = true
-            }
-          }
-
-          if (this.keyword) {
-            list = []
-            this.employee_list.forEach(element => {
-              if(element.name.indexOf(this.keyword) != "-1"){
-                list.push(element)
-              }
-            });
-          }
-
-          this.list = list.sort((a,b) => {
-            return a.letter_index.charCodeAt(0) - b.letter_index.charCodeAt(0)
-          })
-          done()
-          return false
-        }
-        this.list = []
-        this.$http('get','/api/employee/index',{dept_id: this.pid,keywords: this.keyword,page: 0,page_size: 2000}).then((res) => {
-          for (let i in res.data.data.list) {
-            res.data.data.list[i]['checked'] = false
-            if (this.employee_selected.indexOf(res.data.data.list[i].id) >= 0) {
-              res.data.data.list[i]['checked'] = true
-            }
-            if (res.data.data.list[i].img_url == '') {
-              res.data.data.list[i].img_url = 'static/images/head_default.png'
-            }
-          }
-          if (this.use_employee_list) {
-            res.data.data.list.forEach(element => {
-              if (element.employee_detail.role_list.findIndex((value)=>value.name=='dept_manager'||value.name=='creator'||value.name=='point_manager'||value.name=='admin') >= 0) {
-                this.list.push(element)
-              }
-            });
-            return false
-          }else{
-            this.list = res.data.data.list
-          }
-          done()
-        }).catch((e) => {
-          done()
-        })
-      },
-      removeSelf(list){
-        if (!this.include_self){
-          const currUserId = this.$store.getters.user_info.id
-          const index = list.findIndex(o=>o.id === currUserId)
-          if(index > -1){
-            list.splice(index, 1)
-          }
-        }
-        return list
-      }
-    },
-    created() {
-      // 'static/images/head_default.png'
-      for(let i in this.selected.employee){
-        if(!this.selected.employee[i].img_url){
-          this.selected.employee[i].img_url = 'static/images/head_default.png'
-        }
-      }
-      if (document.documentElement.style.height) {
-        this.com_height = document.documentElement.style.height
-      }
-      setTimeout(() => {
-        if (this.$route.query.pid) {
-          this.pid = this.$route.query.pid
-        }
-        this.get_user_list(function () {
-
-        })
-        this.get_dept_list()
-      }, 200)
-
-    }
-  }
-</script>
-
-<style scoped>
-  .employee_selector_box {
-    width: 600px;
-    padding: 24px;
-  }
-
-  /* 搜索框 */
-  .employee_selector_box .search{
-    position: relative;
-    display: table-cell;
-    left: 10%;
-    padding: 0;
-    border: 1px #C0C4CC solid;
-    border-radius: 16.5px;
-  }
-  .employee_selector_box .search-box button{
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 10px;
-    width: auto;
-    padding: 0;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-  .employee_selector_box .search-box /deep/ .el-input{
-    display: inline-block;
-    width: 84%;
-    padding: 0 24px 0 6px;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-  .employee_selector_box .search-box /deep/ .el-input input{
-    padding:0;
-    line-height: 34px;
-    border:none;
-  }
-  /* /搜索框 */
-
-  /* 左边框 */
-  .employee_selector_box .choose_left {
-    /* padding:8px 10px 8px 10px; */
-    padding: 0 10px;
-    margin: 8px 0;
-  }
-
-  .employee_selector_box .choose_left .employee_cell{
-    border-bottom:1px #f8f8f8 solid;
-  }
-  .employee_selector_box .choose_left .employee_cell_a .employee_cell{
-    border-bottom:none;
-  }
-  .employee_selector_box .choose_left .employee_checkbox{
-    padding-left: 8px;
-  }
-  .employee_selector_box .choose_left .employee_img_url{
-    padding-left: 8px;
-  }
-  .employee_selector_box .choose_left .employee_name{
-    padding-left: 8px;
-  }
-
-  .employee_selector_box /deep/ .el-scrollbar__thumb {
-    width:2px;
-    margin:15px 0 0 6px;
-    background:#409EFF;
-  }
-  /* 左边框 */
-
-  /* 右边距 */
-  .employee_selector_box .option-box{
-    padding:14px 0;
-  }
-  .employee_selector_box .option-box button{
-    margin-right:16px;
-  }
-  .employee_selector_box .choose_right{
-    padding:8px 10px;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button{
-    transform: scale(0.5);
-    background: #C0C4CC;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button /deep/ .el-icon-close{
-    color:#fff;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button:active{
-    background: #409EFF;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button:active /deep/ .el-icon-close{
-    color:#FFF;
-  }
-  .employee_selector_box .choose_right .employee_cell .employee_name{
-    padding-left:8px;
-  }
-  .employee_selector_box .choose_right .employee_cell .employee_img_url{
-    padding-left:8px;
-  }
-  /* 右边距 */
-
-  .employee_selector_box /deep/ .employee_cell{
-    padding:8px 0;
-  }
-  .employee_selector_box /deep/ .employee_cell:hover{
-    background:#ecf5ff;
-  }
-
-  .employee_cell {
-    display: table;
-    cursor: pointer;
-    width: 100%;
-    color:#606266;
-    padding: 8px 0;
-    background-color: transparent;
-  }
-
-  .employee_cell .employee_cell_clear {
-    clear: both;
-  }
-
-  .employee_cell .employee_img_url {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    padding-left:0px;
-  }
-
-  .employee_cell .employee_img_url img {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .employee_cell .employee_checkbox {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    text-align: center;
-  }
-
-  .employee_cell .employee_name{
-    display:table-cell;
-    vertical-align: middle;
-    color:#606266;
-  }
-
-  .employee_delete {
-    display: table-cell;
-    text-align: right;
-    padding-right:0px;
-  }
-
-  .employee_cell_a {
-    display: block;
-  }
-
-  .employee_cell_a:hover {
-    background-color: #ecf5ff;
-    border-radius:4px;
-  }
-
-  .dept_child_cell {
-    display: table-cell;
-    vertical-align: middle;
-  }
-
-  .dept_child_cell span {
-    float: right;
-    padding-right:8px;
-  }
-  .dept_child_cell span:hover{
-    color:#1c1c1c;
-  }
-  .dept_child_cell span:active{
-    color:#1c1c1c;
-  }
-
-  .scroller-box {
-    height: 400px;
-    padding-right: 0px !important;
-    background-color: #fdfdfd;
-    border: 1px solid #eee;
-    border-radius: 4px;
-    overflow: hidden;
-  }
-
-  .col-line {
-    position: relative;
-    height: 400px;
-  }
-
-  .col-line:before {
-    content: " ";
-    width: 1px;
-    height: 400px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-color: #eee;
-  }
-
-  .search-box {
-    background-color: #fff;
-    padding:14px 5px;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-  }
-
-  .option-box {
-    padding: 5px;
-    background-color: #fff;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-    text-align: right;
-  }
-
-  .child_btn {
-    color: #409EFF;
-  }
-  .dept_path{
-    margin: 10px 0;
-    display: block;
-    white-space: nowrap;
-    overflow: auto;
-  }
-
-  /*滚动条的宽度*/
-
-  .dept_path::-webkit-scrollbar {
-    width:5px;
-    height:5px;
-  }
-
-  /*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
-
-  .dept_path::-webkit-scrollbar-track {
-    width: 6px;
-    background-color:#fff0;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-
-  /*滚动条的设置*/
-
-  .dept_path::-webkit-scrollbar-thumb {
-    background-color:#fff0;
-    background-clip:padding-box;
-    min-height:28px;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-  /*滚动条移上去的背景*/
-
-  .dept_path:hover::-webkit-scrollbar-thumb{
-    background-color:rgba(144,147,153,.3);
-  }
-
-
-  .scrollbarHeight1{
-    height: 300px;
-  }
-  .scrollbarHeight2{
-    height: 320px;
-  }
-</style>

src/views/common/EmployeeSelectorVTwo.vue

@@ -1,1115 +0,0 @@
-<template>
-  <el-dialog
-    :title="title"
-    :visible.sync="visible_" :close-on-click-modal="false" :before-close="close_before" append-to-body @close='closeDialog'
-    width="640px" class="employee_select_dialog">
-    <div class="employee_selector_box" v-loading="selectApersonModuleLoad">
-      <el-row :gutter="10">
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-
-          <div class="search-box">
-            <div class="search">
-            <el-button slot="append" icon="el-icon-search" class="manager_button"></el-button>
-            <el-input v-model="keyword" placeholder="请输入内容"></el-input>
-            </div>
-          </div>
-          <div class="dept_path">
-            <a href="javascript:void(0);" @click="back_by_index(0)">全公司</a>
-            <a
-              v-for="(item, index) in pid_list_arr"
-              :key="index"
-              href="javascript:void(0);"
-              @click="back_by_index(index + 1)"
-            >
-              <i class="el-icon-arrow-right"></i>
-              <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
-            </a>
-          </div>
-          <el-checkbox v-if="isChecKedAll" v-model="checked" @change="checkedChange" >全选</el-checkbox>
-          <el-scrollbar
-            wrap-class="column-wrapper scrollable-items-container"
-            :native="false"
-            :class="isChecKedAll?'scrollbarHeight1':'scrollbarHeight2'"
-          >
-            <div class="choose_left">
-              <div v-if="hidden_department">
-              </div>
-              <a href="javascript:void(0)" v-for="(item,index) in dept_list" :key="index" v-else>
-                <div class="employee_cell" @click.stop="select_dept(item)"
-                     v-show="item.pid == pid && item.name.indexOf(keyword) >= 0 && dept_not_select.indexOf(item.id) < 0">
-
-                  <div class="employee_checkbox" style="position: relative;">
-                    <el-checkbox v-if="can_select_dept" v-model="item.checked"></el-checkbox>
-                    <div style=" position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;"></div>
-                  </div>
-                  <div class="employee_name">
-                    <WWOpenData type="departmentName" :openid="item.name"></WWOpenData>
-                  </div>
-
-                  <div v-if="can_select_dept" class="dept_child_cell">
-                    <span href="javascript:void(0);" class="child_btn" @click.stop="show_child(item)">
-                      | 下级
-                    </span>
-                  </div>
-
-                  <div class="employee_cell_clear"></div>
-
-                </div>
-              </a>
-
-              <div class="persons_box" style="padding-top:4px;">
-                <a class="employee_cell_a" href="javascript:void(0)" v-for="(item,index) in list" :key="index">
-                  <div class="employee_cell" v-if="can_select_employee" @click="select_employee(item)"
-                       v-show="employee_not_select.indexOf(item.id) < 0">
-
-                    <div class="employee_checkbox" style="position: relative;">
-                      <!-- <el-checkbox v-model="item.checked"></el-checkbox> -->
-                      <el-checkbox v-model="item.checked" v-if="selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                      <el-checkbox v-model="item.checked" v-if="!selectedQuitEmployee" :style="item.status > 1 || employee_not_select.indexOf(item.id) > 0?'opacity: 0':'opacity: 1'" ></el-checkbox>
-                      <div style=" position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;"></div>
-                    </div>
-                    <div class="employee_img_url">
-                      <img :src="item.img_url" class="employee_cell_head_img"/>
-                    </div>
-                    <div class="employee_name">
-                      <!-- {{item.name}} -->
-                      <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                      {{item.direct_Supervisor?'(直属上级)':''}}
-                    </div>
-                    <div class="employee_cell_clear"></div>
-
-                  </div>
-                </a>
-              </div>
-
-            </div>
-
-
-          </el-scrollbar>
-        </el-col>
-        <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2" class="col-line"><span style="opacity: 0;">空</span></el-col>
-        <el-col :xs="11" :sm="11" :md="11" :lg="11" :xl="11" class="scroller-box">
-          <div class="option-box">
-            <el-button type="type" @click="clear_data">清空</el-button>
-          </div>
-          <el-scrollbar
-            wrap-class="column-wrapper scrollable-items-container"
-            :native="false"
-            style="height: 354px;"
-          >
-            <div class="choose_right">
-              <div class="employee_cell" v-for="(item,index) in dept_selected_list" :key="index">
-
-                <div class="employee_name">
-                  <WWOpenData type="departmentName" :openid="item.dept_name"></WWOpenData>
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="dept_cancel(item)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-
-              <div class="employee_cell" v-for="(item,index) in employee_selected_list" :key="index">
-                <div class="employee_img_url">
-                  <img :src="item.img_url" class="employee_cell_head_img"/>
-                </div>
-                <div class="employee_name">
-                  <!-- {{item.name}} -->
-                  <WWOpenData type="userName" :openid="item.name"></WWOpenData>
-                  <span v-if="direct_Supervisor_you">{{item.id==directSupervisor?'(直属上级)':''}}</span>
-                </div>
-                <div class="employee_delete">
-                  <el-button type="default" size="mini" @click="employee_cancel(item)" icon="el-icon-close" circle></el-button>
-                </div>
-                <div class="employee_cell_clear"></div>
-              </div>
-            </div>
-          </el-scrollbar>
-        </el-col>
-      </el-row>
-    </div>
-
-    <span slot="footer" class="dialog-footer">
-    <el-button @click="close">取 消</el-button>
-    <el-button type="primary" @click="confirm">确 定</el-button>
-  </span>
-
-
-  </el-dialog>
-</template>
-
-<script>
-
-  export default {
-    props:{
-      title:{
-        type: String,
-        default: "选择部门和员工"
-      },
-      isChecKedAll: {
-        type: Boolean,
-        default: false
-      },
-      whether_to_remove_right: {
-        type: Boolean,
-        default: false
-      },
-      hidden_department: {
-        type: Boolean,
-        default: false
-      },
-      append_body: {
-        type: Boolean,
-        default: false
-      },
-      visible: {
-        type: Boolean,
-        default: false
-      },
-      can_select_dept: {
-        type: Boolean,
-        default: true
-      },
-      can_select_employee: {
-        type: Boolean,
-        default: true
-      },
-      employee_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      dept_not_select: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selected: {
-        type: Object,
-        default: () => {
-          return {employee: [], dept: []}
-        }
-      },
-      multi: {
-        type: Boolean,
-        default: true
-      },
-      dept_multi: {
-        type: Boolean,
-        default: true
-      },
-      employee_list: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      },
-      selectedQuitEmployee:{
-        type: Boolean,
-        default: true
-      },
-      close_clear_data: {
-        type: Boolean,
-        default: true
-      },
-      max: {
-        type: Number,
-        default: 0
-      },
-      use_employee_list: {
-        type: Boolean,
-        default: false
-      },
-      is_filtration_creator: {
-        //是否去除创始人
-        type: Boolean,
-        default: false
-      },
-      is_manager_only: {
-        //是否只显示管理者
-        type: Boolean,
-        default: false
-      },
-      include_self: {
-        //是否显示自己
-        type: Boolean,
-        default: true
-      },
-      employee_not_select: {
-        // 排除员工的ID，包含ID时不出现在选择列表中
-        type: Array,
-        default: () => {
-          return [];
-        }
-      },
-    },
-    name: "EmployeeSelector",
-    data() {
-      let selected = JSON.parse(JSON.stringify(this.selected))
-      return {
-        selectApersonModuleLoad:false,
-        searchBox:[],
-        direct_Supervisor_you:false,
-        directSupervisor:0,
-        dialogVisible: true,
-        employee_selected_list: selected.employee,
-        dept_selected_list: selected.dept,
-        employee_selected: [],
-        dept_selected: [],
-        com_height: '100%',
-        company_info: {},
-        actions_show: false,
-        dept_name: '',
-        dept_id: 0,
-        list: [],
-        dept_list: [],
-        keyword: '',
-        owner_id: 0,
-        user_info: this.$store.getters.user_info,
-        pid: 0,
-        pid_list: [],
-        selected_box_width: '0',
-        pid_list_arr: [],
-        visible_: false,
-        checked: false//全选按钮
-      }
-    },
-    watch: {
-      max(val) {
-        this.set_button_width()
-      },
-      selected:{
-        deep:true,
-        handler(val){
-          let selected = JSON.parse(JSON.stringify(val))
-          this.employee_selected = []
-          this.dept_selected = []
-          this.employee_selected_list = selected.employee
-          this.dept_selected_list = selected.dept
-          for (let i in selected.employee) {
-            if (!selected.employee[i].img_url || selected.employee[i].img_url == this.defaultImg()) {
-              // this.$set(this.selected.employee[i], 'img_url', 'static/images/head_default.png')
-              this.$set(this.selected.employee[i], 'img_url', 'static/images/gttx0.jpg')
-            }
-            this.employee_selected.push(selected.employee[i].id)
-          }
-          for(let i in selected.dept){
-            this.dept_selected.push(selected.dept[i].dept_id)
-          }
-          this.set_button_width()
-        }
-      },
-      // selected(val) {
-      //   let selected = JSON.parse(JSON.stringify(val))
-      //   this.employee_selected = []
-      //   this.dept_selected = []
-      //   this.employee_selected_list = selected.employee
-      //   this.dept_selected_list = selected.dept
-      //   for (let i in selected.employee) {
-      //     this.employee_selected.push(selected.employee[i].id)
-      //   }
-      //   for(let i in selected.dept){
-      //     this.dept_selected.push(selected.dept[i].dept_id)
-      //   }
-      //   this.set_button_width()
-      // },
-      visible(val){
-        this.visible_ = JSON.parse(JSON.stringify(val))
-        if(val){
-          this.selectApersonModuleLoad = true
-          setTimeout(() => {
-            if (this.$route.query.pid) {
-              this.pid = this.$route.query.pid
-            }
-            this.get_user_list(function () {
-
-            })
-            this.get_dept_list()
-          }, 200)
-        }
-        this.set_button_width()
-      },
-      employee_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-        
-        this.checkAll_Optimize()//全选细节优化，选中发生变化时执行
-      },
-      dept_selected_list() {
-        let l = this.employee_selected_list.length + this.dept_selected_list.length
-        let width = 0.9 * l;
-        this.selected_box_width = width + 'rem'
-        this.set_button_width()
-      },
-      keyword(val) {
-        this.list = this.searchBox.filter(item=> item.name.includes(this.keyword))
-        // this.get_user_list(function () {
-
-        // })
-      },
-      
-      list(){
-        this.checkAll_Optimize()//全选细节优化，人员列表发生变化时执行
-      },
-    },
-    methods: {
-      defaultImg(){
-        return "https://rescdn.qqmail.com/node/wwmng/wwmng/style/images/independent/DefaultAvatar$73ba92b5.png"
-      },
-      //全选细节优化
-      checkAll_Optimize(){
-        let checkedTrue = true
-        for(let i in this.list){
-          if(this.list[i].status!=2 && this.list[i].status!=3){//排除人员列表中的离职和拒绝加入人员
-            if(this.list[i].checked == false){
-              checkedTrue = false
-            }
-          }
-        }
-        if(checkedTrue){
-          if(this.list.length != 0){
-            this.checked = true
-          }else{
-            this.checked = false
-          }
-        }else{
-          this.checked = false
-        }
-      },
-      //关闭弹窗清除数据
-      closeDialog(){
-          this.direct_Supervisor_you = false
-      },
-      // 全选
-      checkedChange(val){
-        if (val) {
-          for (let i in this.list) {
-            if (this.employee_not_select.indexOf(this.list[i].id) < 0) {
-              this.$set(this.list[i], 'checked', true)
-            }
-          }
-          this.$nextTick(() => {
-            let employeeSelectedList = JSON.parse(JSON.stringify(this.employee_selected_list))
-            let employeeSelectedIds = [], total = 0
-            employeeSelectedList.forEach(element => {
-              employeeSelectedIds.push(element.id)
-            });
-            for (const i in this.list) {
-              this.list[i].status !== 2 && this.list[i].status !== 3 && this.selectedQuitEmployee?this.$set(this.list[i], 'checked', true):''
-              if (employeeSelectedIds.includes(this.list[i].id)) {
-                total += 1
-              }else{
-                this.list[i].status !== 2 && this.list[i].status !== 3 && this.selectedQuitEmployee?this.employee_selected_list.push(this.list[i]):''
-              }
-            }
-            // debugger
-          })
-        }else{
-            for(let i in this.employee_selected_list){
-              for(let a in this.list){
-                if(this.list[a].status!=2 && this.list[a].status!=3){//排除人员列表中的离职和拒绝加入人员
-                  if(this.employee_selected_list[i].id == this.list[a].id){
-                    this.employee_selected_list.splice(i,1)
-                  }
-                }
-              }
-            }
-          // this.employee_selected_list = []
-          // this.employee_selected = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          // this.clear_data()
-        }
-      },
-
-      close_before(done) {
-        this.close()
-      },
-      set_button_width() {
-
-      },
-      back() {
-        this.pid = this.pid_list[this.pid_list.length - 1]
-        this.pid_list.splice(this.pid_list.length - 1)
-        this.pid_list_arr.splice(this.pid_list_arr.length - 1)
-        this.get_user_list(function () {
-
-        })
-      },
-      back_by_index(index) {
-
-        if (index == this.pid_list.length) {
-          return false
-        }
-        this.pid = this.pid_list[index]
-        this.pid_list.splice(index, 100)
-        this.pid_list_arr.splice(index, 100)
-        this.get_user_list(function () {
-
-        })
-      },
-      show_child(item) {
-        this.pid_list.push(this.pid)
-        this.pid_list_arr.push(item)
-        this.pid = item.id
-        this.get_user_list(function () {
-
-        })
-      },
-      employee_cancel(item) {
-
-        this.employee_selected.splice(this.employee_selected.indexOf(item.id), 1)
-        let delete_index = -1
-        for (let i in this.employee_selected_list) {
-          if (this.employee_selected.indexOf(this.employee_selected_list[i].id) < 0) {
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          // this.employee_selected_list.splice(delete_index, 1)
-          for (let i in this.list) {
-            if (this.list[i].id == item.id) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-          
-          for(let i in this.employee_selected_list){
-            if(this.employee_selected_list[i].id == item.id){
-              this.employee_selected_list.splice(i, 1)
-            }
-          }
-        }
-      },
-      dept_cancel(item) {
-        this.dept_selected.splice(this.dept_selected.indexOf(item.dept_id), 1)
-        let delete_index = -1
-        for (let i in this.dept_selected_list) {
-          // if (this.dept_selected.indexOf(this.dept_selected_list[i].dept_id) < 0) {
-          //   delete_index = i
-          // }
-          if(this.dept_selected_list[i].dept_id == item.id){
-            delete_index = i
-          }
-          if(this.dept_selected_list[i].dept_id == item.dept_id){
-            delete_index = i
-          }
-        }
-        if (delete_index >= 0) {
-          this.dept_selected_list.splice(delete_index, 1)
-          for(let i in this.dept_list){
-            if(this.dept_list[i].id == item.dept_id){
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-        }
-      },
-      select_employee(item){
-        if (this.selectedQuitEmployee) {
-          if (this.employee_not_select.indexOf(item.id) >= 0 || item.status > 1) {
-            return false
-          }
-        }else{
-          if (this.employee_not_select.indexOf(item.id) >= 0) {
-            return false
-          }
-        }
-
-        if(item.checked){
-          item.checked = false
-          this.employee_cancel(item)
-        } else {
-          if (!this.multi) {
-            this.employee_selected = []
-            this.employee_selected_list = []
-            for (let i in this.list) {
-              this.$set(this.list[i], 'checked', false)
-            }
-          }
-          if (this.max > 0 && this.employee_selected.length == this.max && this.multi) {
-            this.$toast('最多只能选择' + this.max + '人')
-            return false
-          }
-          this.employee_selected.push(item.id)
-          this.employee_selected_list.push({id: item.id, name: item.name, img_url: item.img_url,direct_Supervisor:item.direct_Supervisor})
-          item.checked = true
-        }
-        
-        WWOpenData.bind(this.$el)
-      },
-      unique(arr){
-        return Array.from(new Set(arr))
-      },
-      select_dept(item) {
-        if (!this.can_select_dept) {
-          this.show_child(item)
-          return false
-        }
-        if (item.checked) {
-          item.checked = false
-          this.dept_cancel(item)
-        } else {
-          if (!this.dept_multi) {
-            this.dept_selected = []
-            this.dept_selected_list = []
-            for (let i in this.dept_list) {
-              this.$set(this.dept_list[i], 'checked', false)
-            }
-          }
-          let dept_sele = this.dept_selected
-          dept_sele.push(item.id)
-          this.dept_selected =this.unique(dept_sele)
-          // this.dept_selected.push(item.id)
-          // let dept_sele = new Set(this.dept_selected)
-          // this.dept_selected = this.unique(this.dept_selected)
-          this.dept_selected_list.push({dept_id: item.id, dept_name: item.name, avatar: 'static/images/e66f.jpg'})
-          let newobj = {};
-            this.dept_selected_list = this.dept_selected_list .reduce((preVal, curVal) => {
-              newobj[curVal.dept_id] ? '' : newobj[curVal.dept_id] = preVal.push(curVal);
-              return preVal
-            }, [])
-          item.checked = true
-        }
-
-      },
-      clear_data(){
-        this.employee_selected = []
-        this.employee_selected_list = []
-        this.dept_selected = []
-        this.dept_selected_list = []
-        for (let i in this.list) {
-          this.$set(this.list[i], 'checked', false)
-        }
-        for (let i in this.dept_list) {
-          this.$set(this.dept_list[i], 'checked', false)
-        }
-      },
-      close() {
-        //this.visible = false
-        this.$emit('update:visible', false)
-        this.$emit('cancel')
-        if (this.close_clear_data) {
-          // this.employee_selected = []
-          // this.employee_selected_list = []
-          this.dept_selected = []
-          this.dept_selected_list = []
-          for (let i in this.list) {
-            this.$set(this.list[i], 'checked', false)
-          }
-          for (let i in this.dept_list) {
-            this.$set(this.dept_list[i], 'checked', false)
-          }
-        }
-
-      },
-      confirm() {
-        this.$emit('confirm', {
-          employee: this.employee_selected_list,
-          dept: this.dept_selected_list
-        })
-        this.close()
-      },
-      get_dept_list(){
-        if(this.employee_list.length > 0){
-          return
-        }
-        this.$http('get','/api/department/index',{pid: this.pid, keyword:this.keyword}).then((res) => {
-          for(let i in res.data.data.list){
-            res.data.data.list[i]['checked'] = false
-            if (this.dept_selected.indexOf(res.data.data.list[i].id) >= 0) {
-              res.data.data.list[i]['checked'] = true
-            }
-          }
-          this.dept_list = res.data.data.list
-          this.owner_id = res.data.data.owner_id
-          this.company_info = res.data.data.company_info
-          if (res.data.data.dept_info == null) {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.company_info.name))
-            this.dept_id = 0
-          } else {
-            this.dept_name = JSON.parse(JSON.stringify(res.data.data.dept_info.name))
-            this.dept_id = res.data.data.dept_info.id
-          }
-
-        }).catch((e) => {
-
-        })
-      },
-      get_user_list (done) {
-        if(this.employee_list.length > 0){
-          let list = this.employee_list
-          if(this.employee_selected.length == 0){
-            for(let i in this.selected.employee){
-              this.employee_selected.push(this.selected.employee[i].id)
-            }
-          }
-          for(let i in list){
-            if(list[i].direct_Supervisor){
-              this.direct_Supervisor_you = list[i].direct_Supervisor
-              this.directSupervisor = list[i].id
-            }
-            list[i]['letter_index'] = '#'
-            if(this.$store.getters.employee_map[list[i].id]){
-              list[i]['letter_index'] = this.$store.getters.employee_map[list[i].id].letter_index
-              if(this.$store.getters.employee_map[list[i].id].img_url == '' || this.$store.getters.employee_map[list[i].id].img_url == this.defaultImg()){
-                // list[i]['img_url'] = 'static/images/head_default.png'
-                list[i]['img_url'] = 'static/images/gttx0.jpg'
-              }else {
-                list[i]['img_url'] = this.$store.getters.employee_map[list[i].id].img_url
-              }
-            }
-
-            list[i]['checked'] = false
-            if(this.employee_selected.indexOf(list[i].id) >= 0){
-              list[i]['checked'] = true
-            }
-          }
-
-          if (this.keyword) {
-            list = []
-            this.employee_list.forEach(element => {
-              if(element.name.indexOf(this.keyword) != "-1"){
-                list.push(element)
-              }
-            });
-          }
-
-          this.list = list.sort((a,b) => {
-            return a.letter_index.charCodeAt(0) - b.letter_index.charCodeAt(0)
-          })
-          if(this.whether_to_remove_right){
-            this.selectedLists()
-          }
-          this.searchBox = this.list
-          
-          this.selectApersonModuleLoad = false
-          done()
-          return false
-        }
-        this.list = []
-        this.selectApersonModuleLoad = true
-        this.$http('get','/api/employee/index',{dept_id: this.pid,keywords: this.keyword,page: 0,page_size: 2000}).then((res) => {
-          
-          let list = this.filtration(res.data.data.list);
-
-          let employeeSelectedData = []
-          for(let i in this.employee_selected_list){
-            employeeSelectedData.push(this.employee_selected_list[i].id)
-          }
-          for (let i in list) {
-            list[i]['checked'] = false
-            if (this.employee_selected.indexOf(list[i].id) >= 0) {
-              list[i]['checked'] = true
-            }
-            if (employeeSelectedData.indexOf(list[i].id) >= 0) {
-              list[i]['checked'] = true
-            }
-            if (list[i].img_url == '' || list[i].img_url == this.defaultImg()) {
-              // list[i].img_url = 'static/images/head_default.png'
-              list[i].img_url = 'static/images/gttx0.jpg'
-            }
-          }
-          if (this.use_employee_list) {
-            list.forEach(element => {
-              if (element.employee_detail.role_list.findIndex((value)=>value.name=='dept_manager'||value.name=='creator'||value.name=='point_manager'||value.name=='admin') >= 0) {
-                this.list.push(element)
-              }
-            });
-            return false
-          }else{
-            this.list = list
-          }
-          if(this.whether_to_remove_right){
-            this.selectedLists()
-          }
-          this.searchBox = this.list
-          done()
-        }).catch((e) => {
-          done()
-        }).finally(()=>{
-          this.selectApersonModuleLoad = false
-        })
-      },
-      selectedLists(){
-        let selected_list = []
-        // console.log(this.employee_selected_list.filter(a=>!this.list.some(b=>b.id==a.id)))
-        selected_list = this.employee_selected_list.filter(a=>!this.list.some(b=>b.id==a.id))
-        console.log(selected_list.length)
-        if(selected_list.length!=0){
-          console.log(selected_list.length)
-          for(let i in this.employee_selected_list){
-            for(let a in selected_list){
-              if(this.employee_selected_list[i].id == selected_list[a].id){
-                this.employee_selected_list.splice(i,1)
-              }
-            }
-          }
-        }
-      },
-      
-    // 过滤各种条件：如：自己，创始人，只显示管理者等。。。
-      filtration(data) {
-        var list = data;
-        // 去除已经离职的人
-        for (let i = 0; i < list.length; i++) {
-          if (list[i].status == 2) {
-            list.splice(i, 1);
-            i--
-          }
-        }
-        var managerList = []; // 管理者列表
-        // 只显示管理者
-        if (this.is_manager_only) {
-          var isManager;
-          list.map(item => {
-            isManager = false;
-            item.employee_detail.role_list.map(item2 => {
-              if (item2.name == 'creator' || item2.name == 'point_manager' || item2.name == 'dept_manager' || item2.name == 'admin') {
-                isManager = true;
-              }
-            });
-            if (isManager) {
-              managerList.push(item);
-            }
-          });
-          list = managerList;
-        }
-        // 过滤自己
-        if (!this.include_self) {
-          const currUserId = this.$store.getters.user_info.id;
-          for (let i = 0; i < list.length; i++) {
-            if (list[i].id == currUserId) {
-              list.splice(i, 1);
-              i--
-            }
-          }
-        }
-        // 过滤创始人
-        if (this.is_filtration_creator) {
-          for (let i = 0; i < list.length; i++) {
-            if (list[i].is_creator == 1) {
-              list.splice(i,1);
-              i--
-            }
-          }
-        }
-        //过滤指定人员[]
-        if (this.employee_not_select.length > 0) {
-          for (let i = 0; i < list.length; i++) {
-            if (this.employee_not_select.indexOf(list[i].id) >= 0) {
-              list.splice(i, 1);
-              i--
-            }
-          }
-        }
-        return list;
-      },
-      removeSelf(list){
-        if (!this.include_self){
-          const currUserId = this.$store.getters.user_info.id
-          const index = list.findIndex(o=>o.id === currUserId)
-          if(index > -1){
-            list.splice(index, 1)
-          }
-        }
-        return list
-      }
-    },
-    created() {
-      for(let i in this.selected.employee){
-        if(!this.selected.employee[i].img_url || this.selected.employee[i].img_url == this.defaultImg()){
-          // this.selected.employee[i].img_url = 'static/images/head_default.png'
-          this.selected.employee[i].img_url = 'static/images/gttx0.jpg'
-        }
-      }
-      if (document.documentElement.style.height) {
-        this.com_height = document.documentElement.style.height
-      }
-      setTimeout(() => {
-        if (this.$route.query.pid) {
-          this.pid = this.$route.query.pid
-        }
-        this.get_user_list(function () {
-          
-        })
-        
-        this.get_dept_list()
-      }, 200)
-
-    }
-  }
-</script>
-
-<style scoped>
-  .employee_selector_box {
-    width: 600px;
-    padding: 24px;
-  }
-
-  /* 搜索框 */
-  .employee_selector_box .search{
-    position: relative;
-    display: table-cell;
-    left: 10%;
-    padding: 0;
-    border: 1px #C0C4CC solid;
-    border-radius: 16.5px;
-  }
-  .employee_selector_box .search-box button{
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 10px;
-    width: auto;
-    padding: 0;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-  .employee_selector_box .search-box /deep/ .el-input{
-    display: inline-block;
-    width: 84%;
-    padding: 0 24px 0 6px;
-    background: none;
-    border-radius: 0px;
-    border: none;
-  }
-  .employee_selector_box .search-box /deep/ .el-input input{
-    padding:0;
-    line-height: 34px;
-    border:none;
-  }
-  /* /搜索框 */
-
-  /* 左边框 */
-  .employee_selector_box .choose_left {
-    /* padding:8px 10px 8px 10px; */
-    padding: 0 10px;
-    margin: 8px 0;
-  }
-
-  .employee_selector_box .choose_left .employee_cell{
-    border-bottom:1px #f8f8f8 solid;
-  }
-  .employee_selector_box .choose_left .employee_cell_a .employee_cell{
-    border-bottom:none;
-  }
-  .employee_selector_box .choose_left .employee_checkbox{
-    padding-left: 8px;
-  }
-  .employee_selector_box .choose_left .employee_img_url{
-    padding-left: 8px;
-  }
-  .employee_selector_box .choose_left .employee_name{
-    padding-left: 8px;
-  }
-
-  .employee_selector_box /deep/ .el-scrollbar__thumb {
-    width:2px;
-    margin:15px 0 0 6px;
-    background:#409EFF;
-  }
-  /* 左边框 */
-
-  /* 右边距 */
-  .employee_selector_box .option-box{
-    padding:14px 0;
-  }
-  .employee_selector_box .option-box button{
-    margin-right:16px;
-  }
-  .employee_selector_box .choose_right{
-    padding:8px 10px;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button{
-    transform: scale(0.5);
-    background: #C0C4CC;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button /deep/ .el-icon-close{
-    color:#fff;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button:active{
-    background: #409EFF;
-  }
-  .employee_selector_box .choose_right .employee_delete .el-button:active /deep/ .el-icon-close{
-    color:#FFF;
-  }
-  .employee_selector_box .choose_right .employee_cell .employee_name{
-    padding-left:8px;
-  }
-  .employee_selector_box .choose_right .employee_cell .employee_img_url{
-    padding-left:8px;
-  }
-  /* 右边距 */
-
-  .employee_selector_box /deep/ .employee_cell{
-    padding:8px 0;
-  }
-  .employee_selector_box /deep/ .employee_cell:hover{
-    background:#ecf5ff;
-  }
-
-  .employee_cell {
-    display: table;
-    cursor: pointer;
-    width: 100%;
-    color:#606266;
-    padding: 8px 0;
-    background-color: transparent;
-  }
-
-  .employee_cell .employee_cell_clear {
-    clear: both;
-  }
-
-  .employee_cell .employee_img_url {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    padding-left:0px;
-  }
-
-  .employee_cell .employee_img_url img {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .employee_cell .employee_checkbox {
-    display: table-cell;
-    vertical-align: middle;
-    width: 30px;
-    text-align: center;
-  }
-
-  .employee_cell .employee_name{
-    display:table-cell;
-    vertical-align: middle;
-    color:#606266;
-  }
-
-  .employee_delete {
-    display: table-cell;
-    text-align: right;
-    padding-right:0px;
-  }
-
-  .employee_cell_a {
-    display: block;
-  }
-
-  .employee_cell_a:hover {
-    background-color: #ecf5ff;
-    border-radius:4px;
-  }
-
-  .dept_child_cell {
-    display: table-cell;
-    vertical-align: middle;
-  }
-
-  .dept_child_cell span {
-    float: right;
-    padding-right:8px;
-  }
-  .dept_child_cell span:hover{
-    color:#1c1c1c;
-  }
-  .dept_child_cell span:active{
-    color:#1c1c1c;
-  }
-
-  .scroller-box {
-    height: 400px;
-    padding-right: 0px !important;
-    background-color: #fdfdfd;
-    border: 1px solid #eee;
-    border-radius: 4px;
-    overflow: hidden;
-  }
-
-  .col-line {
-    position: relative;
-    height: 400px;
-  }
-
-  .col-line:before {
-    content: " ";
-    width: 1px;
-    height: 400px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-color: #eee;
-  }
-
-  .search-box {
-    background-color: #fff;
-    padding:14px 5px;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-  }
-
-  .option-box {
-    padding: 5px;
-    background-color: #fff;
-    border-bottom: 1px solid #eee;
-    margin: 0 -5px;
-    text-align: right;
-  }
-
-  .child_btn {
-    color: #409EFF;
-  }
-  .dept_path{
-    margin: 10px 0;
-    display: block;
-    white-space: nowrap;
-    overflow: auto;
-  }
-
-  /*滚动条的宽度*/
-
-  .dept_path::-webkit-scrollbar {
-    width:5px;
-    height:5px;
-  }
-
-  /*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
-
-  .dept_path::-webkit-scrollbar-track {
-    width: 6px;
-    background-color:#fff0;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-
-  /*滚动条的设置*/
-
-  .dept_path::-webkit-scrollbar-thumb {
-    background-color:#fff0;
-    background-clip:padding-box;
-    min-height:28px;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius:2em;
-  }
-  /*滚动条移上去的背景*/
-
-  .dept_path:hover::-webkit-scrollbar-thumb{
-    background-color:rgba(144,147,153,.3);
-  }
-
-
-  .scrollbarHeight1{
-    height: 300px;
-  }
-  .scrollbarHeight2{
-    height: 320px;
-  }
-</style>

src/views/common/applicationIntegrationPopup.vue

@@ -426,12 +426,12 @@
       // 附件上传
       beforeUpload(file){
         const isJPG = /^image\/(jpeg|png|jpg)$/.test(file.type)
-        const isLt2M = file.size / 1024 / 1024 < 1
+        const isLt2M = file.size / 1024 / 1024 < 5
         if (!isJPG) {
-          this.$message.error('上传头像图片只能是 JPG 格式!')
+          this.$message.error('上传图片只能是 jpeg|png|jpg 格式!')
         }
         if (!isLt2M) {
-          this.$message.error('上传头像图片大小不能超过 2MB!')
+          this.$message.error('上传图片大小不能超过 5MB!')
         }
         return isJPG && isLt2M
       },

src/views/common/bonusPointsPopup.vue

@@ -22,15 +22,6 @@
                 <div v-if="employee_list.length == 0" @click="noPersonnelListTips" style=" position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 9;"></div>
               </el-col>
             </el-row>
-            <EmployeeSelector
-              :employee_not_select="employee_not_select"
-              :user_employee_list="true"
-              :employee_list="employee_list"
-              :close_clear_data="false"
-              :selected="employee_selected"
-              :visible.sync="show_employee_selector"
-              @confirm="move_employee_confirm"
-            />
           </el-form-item>
 
           <div v-for="(item,index) in dialogData.items" :key="index" @click.stop="itemIndex = index">
@@ -59,21 +50,10 @@
             </el-form-item>
 
             <el-form-item label="选择规则" v-show="item.rule_switch" :prop="'items.'+ index +'.item_id'" :rules="[item.rule_switch?{ required: true, message: '请选择规则', trigger: 'blur' }:{}]">
-
               <div class="inputBox" @click="openIsshowItem(item)">
                 <span v-if="item.item_id">已选择</span>
                 <span v-else style="color: #909399;">请选择</span>
               </div>
-
-<!--              <el-cascader
-              v-model="item.rule_item_list_value"
-              ref="ruleItem"
-              :popper-class="'itemClass'"
-              :options="rule_item_list"
-              @change="ruleItemChange"
-              :show-all-levels="false"
-              :props="{ children: 'child', label: 'name', value: 'id'}"
-              ></el-cascader> -->
             </el-form-item>
 
             <el-form-item>
@@ -148,7 +128,7 @@
             <div>如需录入多条，请点击“增加一条”</div>
           </el-form-item>
           <el-form-item style="margin-bottom: 0;">
-            <el-button type="primary" plain @click="addItem">+ 增加一条</el-button>
+            <el-button type="primary" plain @click="addItem" v-if="dialogData.items.length<10">+ 增加一条</el-button>
           </el-form-item>
           <el-form-item style="text-align: right; margin-bottom: 0;">
             <el-button @click="closeDialog('dialogData')" :disabled="btn_loading">取 消</el-button>
@@ -180,6 +160,15 @@
       </el-table>
     </el-dialog>
     <SelectRule :visible.sync="isShowRule" @confirm="ruleConfirm" :ptId="integralType" :selectItems="selectItem"></SelectRule>
+    <EmployeeSelector
+      :employee_not_select="employee_not_select"
+      :user_employee_list="true"
+      :employee_list="employee_list"
+      :close_clear_data="false"
+      :selected="employee_selected"
+      :visible.sync="show_employee_selector"
+      @confirm="move_employee_confirm"
+    />
   </div>
 </template>
 
@@ -331,12 +320,12 @@
       // 附件上传
       beforeUpload(file){
         const isJPG = /^image\/(jpeg|png|jpg)$/.test(file.type)
-        const isLt2M = file.size / 1024 / 1024 < 1
+        const isLt2M = file.size / 1024 / 1024 < 5
         if (!isJPG) {
-          this.$message.error('上传头像图片只能是 JPG 格式!')
+          this.$message.error('上传图片只能是 jpeg|png|jpg 格式!')
         }
         if (!isLt2M) {
-          this.$message.error('上传头像图片大小不能超过 2MB!')
+          this.$message.error('上传图片大小不能超过 5MB!')
         }
         return isJPG && isLt2M
       },

src/views/common/edit_team_item.vue

@@ -1,240 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      append-to-body
-      :title="title"
-      top="40px"
-      width="620px"
-      :visible.sync="show"
-    >
-      <div style="padding:0 40px;">
-        <el-form :model="team_info">
-          <el-steps :active="setTeamActive" finish-status="success" simple>
-            <el-step title="团队名称"></el-step>
-            <el-step title="选择成员"></el-step>
-            <el-step title="设置队长"></el-step>
-          </el-steps>
-          <el-form-item
-            v-show="setTeamActive==0"
-            label="队名"
-            prop="name"
-            label-width="55px"
-            style="padding:50px 100px"
-          >
-            <el-input v-if="team_info != null" v-model="team_info.name" auto-complete="off"></el-input>
-          </el-form-item
-            v-show="setTeamActive==0">
-
-          <el-form-item
-            prop="name"
-            v-show="setTeamActive==1"
-            style="padding:50px 0px"
-          >
-            <EmployeeSelectorCell :employee_not_select.sync="employee_not_select" title="选择队员" v-model="member_list" :max="20"></EmployeeSelectorCell>
-          </el-form-item>
-
-
-          <el-form-item
-            prop="name"
-            v-show="setTeamActive==2"
-            style="padding:50px 0px"
-          >
-            <EmployeeSelectorCell v-if="member_list.length > 0" title="选择队长" v-model="leader_list" :employee_list.sync="member_list" :multi="false" :max="1"></EmployeeSelectorCell>
-
-          </el-form-item>
-
-        </el-form>
-      </div>
-
-      <div
-        slot="footer"
-        class="dialog-footer"
-        style="text-align:center;"
-        v-show="setTeamActive!=2"
-      >
-        <el-button @click="dialogAddteamVisible = false">取 消</el-button>
-        <el-button @click="setTeamActive--" v-show="setTeamActive>0">上一步</el-button>
-        <el-button type="primary" @click="setTeamNext" v-show="setTeamActive!=2">下一步</el-button>
-      </div>
-
-      <div
-        slot="footer"
-        class="dialog-footer"
-        style="text-align:center;"
-        v-show="setTeamActive==2"
-      >
-        <el-button @click="show = false">取 消</el-button>
-        <el-button @click="setTeamActive--" v-show="setTeamActive==2">上一步</el-button>
-
-        <el-button type="primary" @click="save">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <el-row :gutter="20">
-      <el-col :span="span" v-for="(item, index) in team_list" :key="index">
-        <el-card class="box-card" shadow="hover" style="margin-top:24px;">
-          <div slot="header" class="clearfix">
-            <span>{{item.name}}</span>
-            <el-button style="float: right; padding: 3px 0" type="text" @click="add(index, item)">修改</el-button>
-            <el-button style="float: right; padding: 3px 0" type="text" @click="del(index, item)">删除</el-button>
-          </div>
-          <div class="member_list_box">
-            <el-tag type="primary" size="small" v-if="item.leader > 0 && employee_map[item.leader]">{{employee_map[item.leader].name}}</el-tag>
-            <el-tag type="primary" plain size="small" :key="employee_id" v-for="employee_id in item.member" v-if="employee_id > 0 && employee_map[employee_id]">{{employee_map[employee_id].name}}</el-tag>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-
-
-    <div style="padding:24px; text-align: center;">
-      <el-button type="primary" @click="add(-1, null)">创建团队</el-button>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  import team_item from '@/views/common/team_item'
-  import EmployeeSelectorCell from '@/views/common/EmployeeSelectorCard'
-  export default {
-    components: {EmployeeSelectorCell},
-    name: "team_item",
-    model: {
-      prop: 'list',
-      event: 'value'
-    },
-    props: {
-      span: {
-        type: Number,
-        default: 24
-      },
-      list: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      }
-    },
-    data(){
-      let team_list = this.list
-      return {
-        setTeamActive: 0,
-        employee_not_select: [],
-        bar_height: 0,
-        title: '创建团队',
-        show: false,
-        team_list: team_list,
-        team_info: null,
-        member_list: [],
-        leader_list: [],
-        index: -1,
-        employee_map: this.$store.getters.employee_map
-      }
-    },
-    created(){
-      if(window.plus){
-        this.bar_height = window.plus.navigator.getStatusbarHeight();
-      }
-    },
-    methods:{
-
-      setTeamNext() {
-        if(this.team_info.name == ''){
-          this.$message({
-            message: "团队名称不能为空",
-            type: "warning"
-          })
-          return false
-        }
-        this.setTeamActive ++
-      },
-
-      set_employee_not_select(member){
-        this.employee_not_select = []
-        for(let i in this.team_list){
-          for(let j in this.team_list[i].member){
-            if(member.indexOf(this.team_list[i].member[j]) < 0){
-              this.employee_not_select.push(this.team_list[i].member[j])
-            }
-          }
-        }
-      },
-      del(index){
-        this.$dialog.confirm({
-          title: '删除团队',
-          message: '确定要删除当前团队吗？'
-        }).then(() => {
-          this.team_list.splice(index, 1)
-          this.show = false
-        })
-      },
-      save(){
-        if(this.team_info.name == ''){
-          this.$toast('请输入队名')
-          return false
-        }
-        if(this.member_list.length == 0){
-          this.$toast('请选择队员')
-          return false
-        }
-        if(this.leader_list.length == 0){
-          this.$toast('请选择队长')
-          return false
-        }
-        let member = []
-        for(let i in this.member_list){
-          member.push(this.member_list[i].id)
-        }
-        let leader = this.leader_list[0].id
-        this.team_info.member = member
-        this.team_info.leader = leader
-        if(this.index >= 0){
-          this.team_list[this.index] = this.team_info
-        }else{
-          this.team_list.push(this.team_info)
-        }
-        this.show = false
-      },
-      add(index, data){
-        this.setTeamActive = 0
-        this.index = index
-        if(index >= 0){
-          this.set_employee_not_select(data.member)
-          this.title = '修改团队'
-        }else{
-          this.set_employee_not_select([])
-          this.title = '创建团队'
-        }
-        if(data == null){
-          this.team_info = {
-            name: '',
-            member: [],
-            leader: 0
-          }
-        }else{
-          this.team_info = JSON.parse(JSON.stringify(data))
-        }
-        this.member_list = []
-        this.leader_list = []
-        for(let i in this.team_info.member){
-          this.member_list.push(this.employee_map[this.team_info.member[i]])
-        }
-        if(this.team_info.leader > 0 && this.employee_map[this.team_info.leader]){
-          this.leader_list.push(this.employee_map[this.team_info.leader])
-        }
-        this.show = true
-      },
-      getContainer() {
-        return document.body
-      },
-    }
-  }
-</script>
-
-<style scoped>
-  .member_list_box .van-tag{font-size:0.2rem; margin-left:0.05rem;}
-  .member_list_box .van-tag:first-child{margin-left:0rem;}
-  .add-btn{color:#1989fa;}
-</style>

src/views/common/temporaryTaskAmend.vue

@@ -139,7 +139,6 @@
 <script>
   import moment from 'moment'
   import EmployeeSelector from '@/views/common/EmployeeSelector'
-  // import EmployeeSelector from '@/views/common/EmployeeSelectorCopy'
   export default {
     name: 'temporaryTask',
     props:{

src/views/integral/EmployeeTable.vue

@@ -44,7 +44,7 @@
       </el-col>
       <el-col :span="18" class="RuleRight">
         <el-button @click="participation()" :loading="enable_loading" size="medium" type="primary" style="margin-right: 10px;">批量启用积分管理</el-button>
-        <el-input placeholder="输入同事姓名" size="medium" style="width: 230px;" v-model="keywords" clearable @input="searchUser()"></el-input>
+        <el-input placeholder="输入同事姓名" maxlength="20" size="medium" style="width: 230px;" v-model="keywords" clearable @input="searchUser()"></el-input>
         <div style="color: #303133;font-size: 14px;padding:10px 0 0 0; line-height: 32px; overflow: hidden;"></div>
         <div class="list_box">
           <div style="margin-bottom:10px;margin-top:30px;" class="inline-block-btn-list"><div class="gap-right-8 fr" style="display:inline-block; width:180px;"></div></div>

src/views/integral/PkDetail.vue

@@ -381,7 +381,7 @@
   </div>
 </template>
 <script>
-  import EmployeeSelectorCell from '@/views/common/EmployeeSelectorCard'
+import EmployeeSelectorCell from '@/views/common/EmployeeSelectorCard'
 import IntegralPkCreateApplicationBtn from "./IntegralPkCreateApplicationBtn";
 import IntegralPkCreateApplicationTeamBtn from "./IntegralPkCreateApplicationTeamBtn";
 import PkRuleCreate from "./PkRuleCreate";

src/views/setting/set_role.vue

@@ -46,7 +46,7 @@
                     </template>
 
                     <div class="gap-right-8 fr" style="display:inline-block; width:180px;" v-if="item_info.code == 'dept_manager'">
-                      <el-input placeholder="搜索员工姓名" ref="search-bar" v-model="keyword" class="input-with-select" @keyup.enter.native="onFilterChanged">
+                      <el-input maxlength="20" placeholder="搜索员工姓名" ref="search-bar" v-model="keyword" class="input-with-select" @keyup.enter.native="onFilterChanged">
                         <el-button slot="append" icon="el-icon-search" @click="onFilterChanged"></el-button>
                       </el-input>
                     </div>

src/views/statistics_new/balanceA.vue

@@ -19,8 +19,8 @@
 				</el-form-item>
 
 				<el-form-item>
-					<el-input v-model="formData.keyword" placeholder="输入同事姓名" max="200" @keyup.enter.native="getList()" class="persons_name">
-            <el-button slot="append" icon="el-icon-search" @click="getList()"></el-button>
+					<el-input v-model="formData.keyword" placeholder="输入同事姓名" maxlength="20" @keyup.enter.native="keywords()" class="persons_name">
+            <el-button slot="append" icon="el-icon-search" @click="keywords()"></el-button>
           </el-input>
 				</el-form-item>
 
@@ -152,6 +152,10 @@
 		},
 		components: {},
     methods: {
+      keywords(){
+        this.formData.page = 1;
+        this.getList();
+      },
 			resetForm(formName){
 				this.clearAPointShow = false
         this.$refs[formName].resetFields();

src/views/statistics_new/integral_event.vue

@@ -60,7 +60,7 @@
                 <el-button slot="append" icon="el-icon-search" @click="keyWordSelect"></el-button>
               </el-input>
           </el-form-item>
-      </el-form>  
+      </el-form>
 
 
 
@@ -597,13 +597,14 @@ export default {
         page: this.formData.page,
         page_size: this.formData.page_size,
       }
-      this.formData.rule_id ? params.rule_id = this.formData.rule_id : ''
-      this.formData.pt_id ? params.pt_id = this.formData.pt_id : ''
+      this.formData.rule_id ? params.rule_id = this.formData.rule_id : '';
+      this.formData.pt_id ? params.pt_id = this.formData.pt_id : '';
       this.formData.employee_ids ? params.employee_ids = this.formData.employee_ids : ''
       this.formData.dept_id ? params.dept_ids = this.formData.dept_id : ''
-      this.formData.start_day ? params.start_day = this.formData.start_day : ''
-      this.formData.end_day ? params.end_day = this.formData.end_day : ''
-      this.formData.keyword ? params.keyword = this.formData.keyword : ''
+      this.formData.start_day ? params.start_day = this.formData.start_day : '';
+      this.formData.end_day ? params.end_day = this.formData.end_day : '';
+      this.formData.keyword ? params.keyword = this.formData.keyword : '';
+      this.formData.employee_name ? params.employee_name = this.formData.employee_name : '';
       this.$downloadFile('api/download/integral',params,this.$route.path,'确认导出当前数据？');
     },
     handleSizeChange(val) {

src/views/statistics_new/integral_statistics.vue

@@ -7,7 +7,7 @@
             <ShowDeptName :deptId.sync="formData.dept_id"></ShowDeptName>
         </el-col>
         <el-col :span="5" class="search">
-          <el-input v-model="formData.keyword" placeholder="输入同事姓名" @keyup.enter.native="get_all_integral">
+          <el-input v-model="formData.keyword" placeholder="输入同事姓名" maxlength="20" @keyup.enter.native="get_all_integral">
             <el-button slot="append" @click="get_all_integral" icon="el-icon-search"></el-button>
           </el-input>
         </el-col>

src/views/statistics_new/lotteryTicket_statistics.vue

@@ -14,16 +14,8 @@
           <ShowDeptName :deptId.sync="formData.dept_id"></ShowDeptName>
         </el-col>
         <el-col :span="5" class="search">
-          <el-input
-            v-model="formData.keywords"
-            placeholder="输入同事姓名"
-            @keyup.enter.native="get_all_integral"
-          >
-            <el-button
-              slot="append"
-              @click="get_all_integral"
-              icon="el-icon-search"
-            ></el-button>
+          <el-input v-model="formData.keywords" placeholder="输入同事姓名"  @keyup.enter.native="keywords"  maxlength="20">
+            <el-button slot="append" @click="keywords" icon="el-icon-search"></el-button>
           </el-input>
         </el-col>
       </el-row>
@@ -84,7 +76,7 @@ export default {
       formData: {
         month: this.$moment().format("YYYY-MM"),
         keywords: "",
-        dept_id: "",
+        dept_id: 0,
         page: 1,
         page_size: 10
       },
@@ -108,6 +100,10 @@ export default {
     this.get_all_integral();
   },
   methods: {
+    keywords(){
+      this.formData.page = 1;
+      this.get_all_integral();
+    },
     //分页
     handleSizeChange1(val) {
       this.pageLimit1 = val;

src/views/statistics_new/manager_statistics.vue

@@ -28,7 +28,7 @@
               <el-input
                 v-model="condition.keyword"
                 placeholder="输入同事姓名"
-                max="200"
+                maxlength="20"
                 @keyup.enter.native="keyWordSelect"
                 class="persons_name"
               >
@@ -53,7 +53,6 @@
             <!-- 导出报表 -->
            <el-form-item>
               <el-button type="primary" plain @click="exportExcel" style="margin-left:20px"  :disabled="deriveDis">导出报表</el-button>
-              <!-- <a :href="aherfUrl" ref="aherfClick"></a> -->
             </el-form-item>
           </el-form>
 

src/views/workbench/grade/apply_list.vue

@@ -11,7 +11,7 @@
         <el-button type="primary" @click="dialogVisible = true">申请积分</el-button>
       </el-col>
       <el-col :span="6" :offset="6">
-        <el-input v-model="formData.keyword" placeholder="输入申请内容" @keyup.enter.native="searchFun">
+        <el-input v-model="formData.keyword" maxlength="20" placeholder="输入申请内容" @keyup.enter.native="searchFun">
           <el-button slot="append" @click="searchFun" icon="el-icon-search"></el-button>
         </el-input>
       </el-col>

src/views/workbench/grade/award_punish.vue

@@ -11,7 +11,7 @@
         <el-button type="primary" @click="point_a" plain>奖扣A分</el-button>
       </el-col>
       <el-col :span="6" :offset="6">
-        <el-input v-model="keyword" placeholder="输入内容" @keyup.enter.native="getData">
+        <el-input v-model="keyword" placeholder="输入内容" maxlength="20" @keyup.enter.native="getData">
           <el-button slot="append" @click="getData" icon="el-icon-search"></el-button>
         </el-input>
       </el-col>

src/views/workbench/performance/add_team_performance.vue

@@ -77,13 +77,7 @@
       :multi="true"
       @confirm="add_employee_confirm"
     />
-    <!-- <el-dialog  title="选择执行人" :visible.sync="add_employee_show"  :before-close="publicClose"  width="700px">
-      <EmployeeSelector1 :isChecKedAll="false" v-if="add_employee_show" :employee_list="employee_list" :dept_multi="false" ref="Employee" :can_select_dept="false" :selected="selectEmployee" :multi="true" :max="0" @confirm="add_employee_confirm"></EmployeeSelector1>
-      <span slot="footer">
-         <el-button @click="publicClose()">取消</el-button>
-         <el-button type="primary" @click="sub_add_employee">完成</el-button>
-       </span>
-    </el-dialog> --> 
+    </el-dialog> -->
     <!-- 选择终审人 -->
         <EmployeeSelector
           title="选择终审人"
@@ -96,13 +90,6 @@
           :multi="false"
           @confirm="add_employee_confirm"
       />
-    <!-- <el-dialog  title="选择终审人" :visible.sync="add_reviewer_show"  :before-close="publicClose"  width="700px">
-      <EmployeeSelector1 :isChecKedAll="false" v-if="add_reviewer_show" ref="Employee" :employee_list="selectReviewer_list" :can_select_dept="false" :multi="false" :selected="selectReviewer" @confirm="add_employee_confirm"></EmployeeSelector1>
-       <span slot="footer">
-         <el-button @click="publicClose()">取消</el-button>
-         <el-button type="primary" @click="sub_add_employee">完成</el-button>
-       </span>
-    </el-dialog> -->
 
     <!-- 选择终审人 -->
       <EmployeeSelector
@@ -114,14 +101,6 @@
         :selected="selectNotice"
         @confirm="add_employee_confirm"
       />
-    <!-- <el-dialog  title="选择监察员" :visible.sync="add_notice_show"  :before-close="publicClose"  width="700px">
-      <EmployeeSelector1 :isChecKedAll="false"  v-if="add_notice_show"  ref="Employee" :selected="selectNotice" :employee_not_select="employee_not_select" :can_select_dept="false" :multi="true"  @confirm="add_employee_confirm"></EmployeeSelector1>
-       <span slot="footer">
-         <el-button @click="publicClose()">取消</el-button>
-         <el-button type="primary" @click="sub_add_employee">完成</el-button>
-       </span>
-    </el-dialog> -->
- 
     <el-dialog
       title="提交结果"
       :visible.sync="resultDataShow"
@@ -131,12 +110,12 @@
       width="600px">
         <el-row style="margin-bottom: 20px">
           <el-col :span="24">
-            <span class="color_green" >录入成功：{{resultData.success_count}} 条</span> / 
-            <span class="color_red" >录入失败：{{resultData.fail_count}} 条</span> / 
+            <span class="color_green" >录入成功：{{resultData.success_count}} 条</span> /
+            <span class="color_red" >录入失败：{{resultData.fail_count}} 条</span> /
             <span class="color_gray" >录入总数：{{resultData.total}} 条</span>
           </el-col>
         </el-row>
-        
+
         <div>
           <el-table :data="resultData.list" border stripe>
             <el-table-column
@@ -144,16 +123,16 @@
               width="50">
             </el-table-column>
 
-            <el-table-column 
-              prop="target" 
+            <el-table-column
+              prop="target"
               label="姓名" >
               <template slot-scope="scope">
                 <span><WWOpenData type="userName" :openid="scope.row.target"></WWOpenData></span>
               </template>
             </el-table-column>
 
-            <el-table-column 
-              prop="msg" 
+            <el-table-column
+              prop="msg"
               label="结果">
               <template slot-scope="scope">
                 <span :class="scope.row.status==1?'color_green':'color_red'">{{scope.row.msg}}</span>
@@ -168,9 +147,9 @@
             <el-button type="primary" v-if="Speedy_none" @click="openDetail()" block size="medium" style="width: 100%"> 创建绩效任务 </el-button>
           </el-col>
         </el-row>
-        
+
     </el-dialog>
-    
+
     <el-dialog
     title="沿用往期月绩效"
     :visible.sync="dialogVisible"
@@ -178,7 +157,7 @@
     :before-close="handleClose">
       <div v-loading="handleLoading">
         <span style="color:#101010;">当前要创建的月绩效考核时间为：{{thePerformanceMonth}}</span>
-        <div style="font-size:16px;margin-top:10px;color:#101010;">沿用 
+        <div style="font-size:16px;margin-top:10px;color:#101010;">沿用
           <el-date-picker
           style="width:150px"
             prefix-icon=""
@@ -241,7 +220,7 @@
         </div>
       </div>
     </el-dialog>
-    
+
       <!-- @close='error_list_SX' -->
     <el-dialog
       title="创建结果"
@@ -267,7 +246,6 @@
 </template>
 
 <script>
-// import EmployeeSelector1 from '@/views/common/EmployeeSelector1'
 import EmployeeSelector from '@/views/common/EmployeeSelector';
 export default {
   name: 'add_team_performance',
@@ -586,7 +564,7 @@ export default {
                   self.Speedy_none = true
                 }
                 self.resultDataShow = true
-                
+
               } else {
                 self.$message.error(res.data.msg);
               }

src/views/workbench/performance/participation_detail.vue

@@ -112,13 +112,6 @@
         <el-form-item label="发放奖票">
           <el-switch v-model="ticket_count"></el-switch>
         </el-form-item>
-<!--        <el-form-item label="递交审批">
-          <div class="border flex-box flex-v-ce" @click="add_employee_show = true">
-            <div class="flex-1 fontColorF" v-if="!selectUser.name">请选择</div>
-            <div class="flex-1" v-else>{{selectUser.name}}</div>
-            <i class="el-icon-arrow-down"></i>
-          </div>
-        </el-form-item> -->
         <el-form-item>
           <el-button @click="handleClose2()">取消</el-button>
           <el-button type="primary" @click="submitForm2('examineItem2')">确定</el-button>
@@ -233,7 +226,7 @@
     </el-drawer>
     <!-- 添加人员 -->
     <el-dialog title="添加人员" :visible.sync="add_employee_show" :before-close="publicClose"  width="700px">
-        <EmployeeSelector1 v-if="add_employee_form" ref="Employee" :isChecKedAll="false" :can_select_dept="false" :multi="false" @confirm="add_employee_confirm"></EmployeeSelector1>
+        <!-- <EmployeeSelector1 v-if="add_employee_form" ref="Employee" :isChecKedAll="false" :can_select_dept="false" :multi="false" @confirm="add_employee_confirm"></EmployeeSelector1> -->
          <span slot="footer">
            <el-button @click="publicClose()">取消</el-button>
            <el-button type="primary" @click="sub_add_employee">完成</el-button>
@@ -286,7 +279,7 @@
 </template>
 
 <script>
-    import EmployeeSelector1 from '@/views/common/EmployeeSelector1'
+// import EmployeeSelector1 from '@/views/common/EmployeeSelector1'
 import noData from '@/components/noData';
 export default {
   name: 'participation_detail',