From 5dc738bf3b43f7a52a61b1c067a3be86deecf33f Mon Sep 17 00:00:00 2001
From: kim131 <1035828775@qq.com>
Date: Mon, 22 Feb 2021 17:01:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BA=92=E8=81=94=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E4=BB=A3=E7=A0=81=E5=9F=BA=E7=A1=80=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/components/card-header.vue           |   37 +
 .../user/components/relation_company_info.vue |   83 +
 src/views/manage_company/user/index.vue       | 2675 +---------------
 .../manage_company/user/relation_company.vue  |  134 +
 src/views/manage_company/user/user.vue        | 2678 +++++++++++++++++
 5 files changed, 2954 insertions(+), 2653 deletions(-)
 create mode 100644 src/views/manage_company/user/components/card-header.vue
 create mode 100644 src/views/manage_company/user/components/relation_company_info.vue
 create mode 100644 src/views/manage_company/user/relation_company.vue
 create mode 100644 src/views/manage_company/user/user.vue

diff --git a/src/views/manage_company/user/components/card-header.vue b/src/views/manage_company/user/components/card-header.vue
new file mode 100644
index 00000000..8fdeff67
--- /dev/null
+++ b/src/views/manage_company/user/components/card-header.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="card-header">
+    <div v-if="hasLeft">
+      <slot name="left" />
+    </div>
+    <div class="title">
+      <slot name="title" />
+    </div>
+    <div>
+      <slot name="right" />
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      hasLeft: false,
+    }
+  },
+  mounted() {
+    this.hasLeft = !!this.$slots.left;
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  .title {
+    color: red;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/manage_company/user/components/relation_company_info.vue b/src/views/manage_company/user/components/relation_company_info.vue
new file mode 100644
index 00000000..3fbfdd89
--- /dev/null
+++ b/src/views/manage_company/user/components/relation_company_info.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="relation_company_info">
+    <div class="mlr-20">
+    <card-header>
+      <template v-slot:left>
+        left
+      </template>
+      <template #title>
+        标题组件
+      </template>
+      <template #right>
+        right
+      </template>
+    </card-header>
+  </div>
+  <div>
+    <div class="border-line"></div>
+  </div>
+  <div class="clear"></div>
+    <div class="largecontentBox">
+      <div class="mlr-10">
+        <div class="yiyunTable_list mt-10">
+          <img class="prjitem_img"  ref="projimg" :class="{'height-full': isHeightFull && !isWidthFull, 'width-full': isWidthFull && !isHeightFull}"
+                :src="companyData.showImgUrl | resolveImg" alt="" 
+            />
+          {{mainCompanyId}}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CardHeader from './card-header';
+export default {
+  props: {
+    /**
+     * 企业关联关系对象:
+     * {
+     *  // 申请发起方
+     *  sendCompanyId,
+     *  sendCompanyName,
+     *  // 申请接收方
+     *  acceptCompanyId,
+     *  acceptCompanyName,
+     *  // 申请状态
+     *  // -1: 未申请 （前端自用）
+     *  //  0: 申请中
+     *  //  1: 申请通过
+     *  //  2: 申请驳回
+     *  auditStatus,
+     *  // 互链状态
+     *  //  0: 已解除
+     *  //  1: 关联中
+     *  //  2: 已暂停
+     *  linkStatus,
+     * }
+     * 
+     */
+    relationInfo: {
+      type: Object,
+      default: () => ({}),
+    }
+  },
+  components: {
+    CardHeader,
+  },
+  data(){
+    const mainCompanyId = this.$store.state.currentCompanyId;
+    return {
+      mainCompanyId,
+      companyData: {},
+    }
+  },
+  computed: {
+    
+  },
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/manage_company/user/index.vue b/src/views/manage_company/user/index.vue
index 56d00969..c521cb9e 100644
--- a/src/views/manage_company/user/index.vue
+++ b/src/views/manage_company/user/index.vue
@@ -7,2677 +7,46 @@
  * @LastEditTime : 2020-01-09 19:46:00
  -->
 <template>
-  <div id="app">
-    <div class="layout_content">
-      <section class="title_section">
-        <div class="EC_col_8">
-          <div class="adminnavBox">
-            <h3>组织架构</h3>
-            <!-- <span>职员标签</span>
-            <span>互联企业</span>-->
-          </div>
-        </div>
-        <div class="EC_col_8">
-          <div class="EC_searchBox">
-            <el-input
-              placeholder="搜索姓名、部门、职位、角色"
-              v-model="searchCnName"
-              class="el-input_mini"
-              @keyup.enter.native="searchUser"
-              clearable
-              @clear="clearSearchUser"
-              v-show="false"
-            >
-              <template slot="prepend">
-                <i
-                  class="Cicon icon font_family icon-icon_sousuo iconsize_mini"
-                  @click="searchUser"
-                  @keyup.enter="searchUser"
-                ></i>
-              </template>
-            </el-input>
-          </div>
-        </div>
-        <div class="EC_col_8">
-          <div class="fr mt-15" style="margin-top: 22px">
-            <button class="EC_button normal shadow" @click="downLoadUserModel" v-show="false">
-              下载通讯录模板
-            </button>
-          </div>
-        </div>
-      </section>
-      <section class="yiyun_section houtai">
-        <div class="fl_navBox">
-          <div class="fl_navBox_body">
-            <div class="admin_treeBox navtree">
-              <div class="navtreebox fulltreebox list-company-dept">
-                <!-- 树形导航 -->
-                <template>
-                  <el-tree
-                    :data="listCompanyDept"
-                    ref="tree"
-                    node-key="id"
-                    :expand-on-click-node="false"
-                    default-expand-all
-                    :highlight-current="true"
-                    class="toptree"
-                    @node-click="nodeClick"
-                    :indent="8"
-                  >
-                    <span class="custom-tree-node" slot-scope="{ node, data }">
-                      <span class="easycloudTreeleafe">
-                        <i class v-if="data.isLeaf == true"></i>
-                        <i
-                          class="el-tree-node__expand-icon el-icon-caret-right bianjutop"
-                          :style="{ opacity: 0 }"
-                          v-if="data.isLeaf == true"
-                        ></i>
-                        <!-- 显示一个三角 -->
-                        <i class v-if="data.isLeaf == false"></i>
-                        <!-- <i class="el-icon-floder" v-if="node.level == 3 && data.isLeaf == true"></i> -->
-                        <!-- <i class="el-icon-floder" v-if="node.level == 4 && data.isLeaf == true"></i> -->
-                        <div class="treeeditInput fl">
-                          <span class="yiyunnodelabel">{{ node.label }}</span>
-                        </div>
-                        <div class="fr">
-                          <el-dropdown>
-                            <span class="el-dropdown-link">
-                              <i class="el-icon-more morebtn iconmidle"></i>
-                            </span>
-                            <el-dropdown-menu slot="dropdown">
-                              <el-dropdown-item>
-                                <span v-on:click="addPartName(data)"
-                                  >设置子部门</span
-                                >
-                              </el-dropdown-item>
-                              <el-dropdown-item>
-                                <span
-                                  v-on:click="eidtPartName(data)"
-                                  v-if="node.level != 1"
-                                  >编辑部门</span
-                                >
-                              </el-dropdown-item>
-                              <el-dropdown-item>
-                                <span
-                                  @click="deleteDept(data)"
-                                  v-if="node.level != 1"
-                                  >删除部门</span
-                                >
-                              </el-dropdown-item>
-                            </el-dropdown-menu>
-                          </el-dropdown>
-                        </div>
-                      </span>
-                    </span>
-                  </el-tree>
-                </template>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="fl_contentBox dept-personnel-list">
-          <div class="admin_contentBox_body">
-            <div class="admin_contentBox_bodyPain" v-if="currentPain == 1">
-              <!-- 右侧内容Box -->
-              <div class="mlr-10">
-                <h4 class="admintitle" v-if="searchCnName != ''">
-                  {{
-                    "[" +
-                    searchCnName +
-                    "]查询结果 （" +
-                    currUserCount +
-                    " 人）"
-                  }}
-                </h4>
-                <h4 class="admintitle" v-if="searchCnName == ''">
-                  {{ currentDeptTitle + "（" + currUserCount + " 人）" }}
-                </h4>
-              </div>
-              <div class="mlr-10">
-                <div class="border-line"></div>
-              </div>
-              <div class="mlr-10">
-                <div class="topOption">
-                  <div class="fl">
-                    <div class="ecBtngroup">
-                      <div class="ecBtngroup_Item">
-                        <button
-                          type="button"
-                          class="EC_button shadow bt_small_20 primaryBtn"
-                          v-on:click="addUserInfo"
-                        >
-                          添加成员
-                        </button>
-                      </div>
-                      <div class="ecBtngroup_Item">
-                        <file-Uploader
-                          :multiple="false"
-                          label="导入通讯录"
-                          :auto="true"
-                          accept="xlsx, xls"
-                          ref="webUploadExcel"
-                          btn-id="filePicker"
-                          :companyId="uploadCompId"
-                          :typeId="uploadTypeOther"
-                          @upload-success="excelUploadSuccess"
-                          :url="chunkUploadUrl"
-                          class="yiyunfile-Uploader ecload"
-                        ></file-Uploader>
-                      </div>
-                      <div class="ecBtngroup_Item">
-                        <button
-                          type="button"
-                          class="EC_button bt_small_20"
-                          @click="exportUser"
-                          v-show="false"
-                        >
-                          导出通讯录
-                        </button>
-                      </div>
-                      <div class="ecBtngroup_Item">
-                        <button
-                          :class="{notclick:!this.multipleSelection[0]}"
-                          type="button"
-                          class="EC_button shadow bt_small_20"
-                          @click="addDept"
-                        >
-                          设置所在部门
-                        </button>
-                      </div>
-                      <div class="ecBtngroup_Item">
-                        <button
-                          :class="{notclick:!this.multipleSelection[0]}"
-                          type="button"
-                          class="EC_button shadow bt_small_20"
-                          @click="deleteUsers"
-                        >
-                          删除
-                        </button>
-                      </div>
-                    </div>
-
-                    <!-- <el-button type="text" :class="anniutype" v-on:click="addDept">设置所在部门</el-button>
-                    <el-button type="text" :class="anniutype" v-on:click="deleteUsers">删除</el-button>-->
-                  </div>
-                  <div class="fr page_button">
-                    <!-- 分页 -->
-                    <span class="finger" @click="prePage">上一页</span>
-                    <span>{{ pageIndex }}</span>
-                    /
-                    <span>{{ pageTotal }}</span>
-                    <span class="finger" @click="nextPage">下一页</span>
-                  </div>
-                </div>
-              </div>
-              <div class="clear"></div>
-                <div class="largecontentBox">
-                  <div class="mlr-10">
-                    <div class="yiyunTable_list mt-10">
-                      <!-- table -->
-                      <template>
-                        <el-table
-                          :data="listUserData"
-                          style="width: 100%"
-                          @selection-change="changeFun"
-                          class="listmaxheight userlist_table"
-                        >
-                          <el-table-column
-                            type="selection"
-                            width="38"
-                            align="center"
-                          ></el-table-column>
-                          <el-table-column prop="headImgUrl" label width="55">
-                            <template slot-scope="scope">
-                              <div class="toxiang_box">
-                                <img
-                                  class="imgHead"
-                                  :src="scope.row.headImgUrl | resolveAvator"
-                                />
-                              </div>
-                            </template>
-                          </el-table-column>
-                          <el-table-column
-                            prop="cnName"
-                            label="姓名"
-                            width="80"
-                          ></el-table-column>
-                          <el-table-column
-                            prop="deptName"
-                            label="部门"
-                            width="80"
-                          ></el-table-column>
-                          <el-table-column
-                            prop="position"
-                            label="职位"
-                            width="80"
-                          ></el-table-column>
-                          <el-table-column
-                            prop="phone"
-                            label="电话"
-                          ></el-table-column>
-                          <el-table-column
-                            prop="email"
-                            label="邮箱"
-                          ></el-table-column>
-                          <el-table-column
-                            prop
-                            width="80"
-                            align="center"
-                            label="操作"
-                          >
-                            <template slot-scope="scope">
-                              <button
-                                class="EC_button textStrong bt_mini"
-                                v-on:click="scanUserInfo(scope.row)"
-                              >
-                                查看
-                              </button>
-                              <!-- <el-button type="text" v-on:click="scanUserInfo(scope.row)">查看</el-button> -->
-                            </template>
-                          </el-table-column>
-                        </el-table>
-                      </template>
-                    </div>
-                  </div>
-                </div>
-            </div>
-            <div class="admin_contentBox_bodyPain" v-if="currentPain == 2">
-              <!-- 右侧内容Box -->
-              <div class="mlr-10">
-                <h4 class="admintitle">职员详情</h4>
-              </div>
-              <div class="mlr-10">
-                <div class="border-line"></div>
-              </div>
-              <div class="mlr-10">
-                <div class="topOption">
-                  <div class="fl">
-                    <div v-if="editButtonGroup == 1">
-                      <button
-                        type="button"
-                        class="EC_button shadow bt_small_20"
-                        @click="backUserInfo"
-                      >
-                        返回
-                      </button>
-                      <!-- <button class="yiyun_btn_info" v-on:click="backUserInfo">返回</button> -->
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        v-on:click="editUserInfo"
-                      >
-                        编辑
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        v-on:click="disableUserInfo(1)"
-                        v-if="
-                          currentUser.disable == 0 && currentUser.default !== 1
-                        "
-                      >
-                        禁用
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        v-on:click="disableUserInfo(0)"
-                        v-if="currentUser.disable == 1"
-                      >
-                        启用
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        v-on:click="deleteUserInfo"
-                        v-if="currentUser.default !== 1"
-                      >
-                        删除
-                      </button>
-                    </div>
-                    <div v-if="editButtonGroup == 2">
-                      <button
-                        type="button"
-                        class="EC_button shadow bt_small_20 primaryBtn"
-                        @click="modifyUser"
-                      >
-                        保存
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        v-on:click="cancerEditUserInfo"
-                      >
-                        取消
-                      </button>
-                    </div>
-                  </div>
-                  <div class="fr page_button">
-                    <!-- 分页 -->
-                    <!-- <span>上一位</span>
-										<span>1</span>
-										/
-										<span>15</span>
-                    <span>下一位</span>-->
-                  </div>
-                </div>
-              </div>
-              <div class="clear"></div>
-              <div class="largecontentBox">
-                <div class="yiyunTable_list mt-10">
-                  <!-- form -->
-                  <el-form
-                    ref="form"
-                    :rules="newUserRules"
-                    :model="currentUser"
-                    label-width="96px"
-                    label-position="left"
-                  >
-                    <div class="yiyunTable_list_item">
-                      <!-- <form-title>基本信息</form-title> -->
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">基本信息</h3>
-                        <!-- <span style="color: #000000;">{{currentUser.isDeparture}}</span> -->
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div
-                        :class="
-                          el_formLabelcolor +
-                          ' UserEditinfoBox DivInputHeight DivInputHeight_first noborder'
-                        "
-                      >
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="姓名" prop="cnName">
-                              <div v-if="eidit == false">
-                                {{ currentUser.cnName }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.cnName"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="用户头像">
-                              <div class="large_headImg">
-                                <img
-                                  class="imgHead"
-                                  :src="currentUser.headImgUrl | resolveAvator"
-                                />
-                              </div>
-                              <div class="uploadImg" v-show="eidit == true">
-                                <file-uploader
-                                  :on-success="headPicUploadSuccess"
-                                  class="avator-btn"
-                                >
-                                  <el-button>上传头像</el-button>
-                                </file-uploader>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="用户名" prop="userName">
-                              <div v-if="eidit == false">
-                                {{ currentUser.userName }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  :disabled="true"
-                                  v-model="currentUser.userName"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="性别">
-                              <div v-if="eidit == false" class="eidit_Input">
-                                <el-radio-group v-model="currentUser.sex">
-                                  <el-radio :label="1" disabled>男</el-radio>
-                                  <el-radio :label="0" disabled>女</el-radio>
-                                </el-radio-group>
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-radio-group v-model="currentUser.sex">
-                                  <el-radio :label="1">男</el-radio>
-                                  <el-radio :label="0">女</el-radio>
-                                </el-radio-group>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="平台权限" prop="permission">
-                              <div v-if="eidit == false" class="eidit_Input">
-                                {{ currentUser.roleName }}
-                              </div>
-                              <div
-                                v-if="eidit == true && currentUser.default == 1"
-                                class="eidit_Input"
-                              >
-                                {{ currentUser.roleName }}
-                              </div>
-                              <div
-                                class="eidit_Input"
-                                v-if="eidit == true && currentUser.default == 0"
-                              >
-                                <el-select
-                                  v-model="currentUser.permission"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in roleOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="后台角色" prop="backgroundPermission">
-                              <div v-if="eidit == false" class="eidit_Input">
-                                {{ currentUser.backgroundRoleName }}
-                              </div>
-                              <div
-                                v-if="eidit == true && currentUser.default == 1"
-                                class="eidit_Input"
-                              >
-                                {{ currentUser.backgroundRoleName }}
-                              </div>
-                              <div
-                                class="eidit_Input"
-                                v-if="eidit == true && currentUser.default == 0"
-                              >
-                                <el-select
-                                  v-model="currentUser.backgroundPermission"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in backgroundRoleOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="手机：" prop="phone">
-                              <div v-if="eidit == false">
-                                {{ currentUser.phone }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  :disabled="currentUser.default == 1"
-                                  v-model="currentUser.phone"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="邮箱：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.email }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.email"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="民族：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.national }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.national"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="籍贯：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.nativePlace }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.nativePlace"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="政治面貌：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.politicalLandscape }}
-                              </div>
-                              <div class="eidit_Input" v-if="eidit == true">
-                                <el-input
-                                  v-model="currentUser.politicalLandscape"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="婚姻状况：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.maritalStatus }}
-                              </div>
-                              <div class="eidit_Input" v-if="eidit == true">
-                                <el-input
-                                  v-model="currentUser.maritalStatus"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="生日：">
-                              <div
-                                v-show="
-                                  eidit == false && currentUser.birthday != null
-                                "
-                              >
-                                {{ currentUser.birthday | formatDate }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-date-picker
-                                  v-model="currentUser.birthday"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="地址：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.address }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.address"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">学历信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div
-                        :class="
-                          el_formLabelcolor +
-                          ' UserEditinfoBox DivInputHeight noborder'
-                        "
-                      >
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="最高学历：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.education }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-select
-                                  v-model="currentUser.education"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in educationOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="毕业时间：">
-                              <div
-                                v-if="
-                                  eidit == false &&
-                                  currentUser.gradutionDate != null
-                                "
-                              >
-                                {{ currentUser.gradutionDate | formatDate }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-date-picker
-                                  v-model="currentUser.gradutionDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="毕业院校：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.gradutionSchool }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.gradutionSchool"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="专业：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.specialty }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-select
-                                  v-model="currentUser.specialty"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in specOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">职务信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div
-                        :class="
-                          el_formLabelcolor +
-                          ' UserEditinfoBox DivInputHeight noborder'
-                        "
-                      >
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="部门：" prop="arraySuper">
-                              <div v-if="eidit == false">
-                                {{ currentUser.deptName }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <div class="eidit_Input">
-                                  <el-cascader
-                                    :options="deptOptions"
-                                    :props="selectProps"
-                                    v-model="currentUser.arraySuper"
-                                    change-on-select
-                                  ></el-cascader>
-                                </div>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="现任职务*：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.position }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-input
-                                  v-model="currentUser.position"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="入职时间：">
-                              <div
-                                v-if="
-                                  eidit == false && currentUser.hireDate != null
-                                "
-                              >
-                                {{ currentUser.hireDate | formatDate }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-date-picker
-                                  v-model="currentUser.hireDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                  :picker-options="pickerOptionsIn"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-3">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="员工状态">
-                              <div v-if="eidit == false" class="eidit_Input">
-                                {{ currentUser.userState }}
-                              </div>
-                              <div class="eidit_Input" v-if="eidit == true">
-                                <el-select
-                                  v-model="currentUser.isDeparture"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in stateOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div
-                          class="yiyun_col-3"
-                          v-if="currentUser.isDeparture == 1"
-                        >
-                          <div class="el-form-itemBox">
-                            <el-form-item label="离职时间：">
-                              <div v-if="eidit == false">
-                                {{ currentUser.departureDate | formatDate }}
-                              </div>
-                              <div v-if="eidit == true" class="eidit_Input">
-                                <el-date-picker
-                                  v-model="currentUser.departureDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                  :picker-options="pickerOptionsIn"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </el-form>
-                </div>
-              </div>
-            </div>
-            <div class="admin_contentBox_bodyPain" v-if="currentPain == 3">
-              <!-- 右侧内容Box -->
-              <div class="mlr-10">
-                <h4 class="admintitle">添加成员</h4>
-              </div>
-              <div class="mlr-10">
-                <div class="border-line"></div>
-              </div>
-              <div class="mlr-10">
-                <div class="topOption">
-                  <div class="fl">
-                    <div>
-                      <button
-                        type="button"
-                        class="EC_button shadow bt_small_20 primaryBtn"
-                        @click="createUser(true)"
-                      >
-                        保存并继续添加
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        @click="createUser()"
-                      >
-                        保存
-                      </button>
-                      <button
-                        type="button"
-                        class="EC_button bt_small_20"
-                        @click="cancerSaveUserInfo"
-                      >
-                        取消
-                      </button>
-                    </div>
-                  </div>
-                  <div class="fr page_button">
-                    <!-- 分页 -->
-                    <!-- <span>上一位</span>
-										<span>1</span>
-										/
-										<span>15</span>
-                    <span>下一位</span>-->
-                  </div>
-                </div>
-              </div>
-              <div class="clear"></div>
-              <div class="largecontentBox">
-                <div class="yiyunTable_list mt-10">
-                  <!-- form -->
-                  <el-form
-                    ref="form"
-                    :model="newUser"
-                    :rules="newUserRules"
-                    label-width="90px"
-                    label-position="left"
-                  >
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">基本信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div
-                        class="UserEditinfoBox DivInputHeight DivInputHeight_first noborder"
-                      >
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="姓名:" prop="cnName">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.cnName"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <el-form-item label="用户头像">
-                            <div class="fl">
-                              <div class="large_headImg">
-                                <img
-                                  class="imgHead"
-                                  :src="headSrc + newUser.headImgUrl"
-                                  alt
-                                />
-                              </div>
-                            </div>
-                            <div class="uploadImg">
-                              <file-uploader
-                                :on-success="headPicUploadSuccess"
-                                class="avator-btn"
-                              >
-                                <el-button>上传头像</el-button>
-                              </file-uploader>
-                            </div>
-                          </el-form-item>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="用户名*:" prop="userName">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.userName"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="性别:">
-                              <div class="eidit_Input">
-                                <el-radio-group v-model="newUser.sex">
-                                  <el-radio :label="1">男</el-radio>
-                                  <el-radio :label="0">女</el-radio>
-                                </el-radio-group>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="平台权限:" prop="permission">
-                              <div class="eidit_Input">
-                                <el-select
-                                  v-model="newUser.permission"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in roleOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="后台角色:" prop="backgroundPermission">
-                              <div class="eidit_Input">
-                                <el-select
-                                  v-model="newUser.backgroundPermission"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in backgroundRoleOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="手机:" prop="phone">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.phone"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="邮箱：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.email"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="民族：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.national"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="籍贯：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.nativePlace"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="政治面貌：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.politicalLandscape"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="婚姻状况：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.maritalStatus"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="生日：">
-                              <div class="eidit_Input">
-                                <el-date-picker
-                                  v-model="newUser.birthday"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="地址：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.address"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">学历信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div class="UserEditinfoBox DivInputHeight noborder">
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="最高学历：">
-                              <div class="eidit_Input">
-                                <el-select
-                                  v-model="newUser.education"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in educationOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="毕业时间：">
-                              <div class="eidit_Input">
-                                <el-date-picker
-                                  v-model="newUser.gradutionDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="毕业院校：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.gradutionSchool"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="专业：">
-                              <div class="eidit_Input">
-                                <el-select
-                                  v-model="newUser.specialty"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in specOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">职务信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div class="UserEditinfoBox DivInputHeight noborder">
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="部门：" prop="arraySuper">
-                              <div class="eidit_Input">
-                                <el-cascader
-                                  :options="deptOptions"
-                                  :props="selectProps"
-                                  v-model="newUser.arraySuper"
-                                  change-on-select
-                                ></el-cascader>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="现任职务：">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="newUser.position"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="入职时间：">
-                              <div class="eidit_Input">
-                                <el-date-picker
-                                  v-model="newUser.hireDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                  :picker-options="pickerOptionsIn"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-3">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="员工状态">
-                              <div class="eidit_Input">
-                                <el-select
-                                  v-model="newUser.isDeparture"
-                                  placeholder="请选择"
-                                >
-                                  <el-option
-                                    v-for="item in stateOptions"
-                                    :key="item.value"
-                                    :label="item.label"
-                                    :value="item.value"
-                                  ></el-option>
-                                </el-select>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div
-                          class="yiyun_col-3"
-                          v-if="newUser.isDeparture == 1"
-                        >
-                          <div class="el-form-itemBox">
-                            <el-form-item label="离职时间：">
-                              <div class="eidit_Input">
-                                <el-date-picker
-                                  v-model="newUser.departureDate"
-                                  align="right"
-                                  type="date"
-                                  placeholder="选择日期"
-                                  :picker-options="pickerOptionsIn"
-                                ></el-date-picker>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </el-form>
-                </div>
-              </div>
-            </div>
-            <div class="admin_contentBox_bodyPain" v-if="currentPain == 4">
-              <!-- 右侧内容Box -->
-              <div class="mlr-10">
-                <h4 class="admintitle">修改名称</h4>
-              </div>
-              <div class="mlr-10">
-                <div class="border-line"></div>
-              </div>
-              <div class="mlr-10">
-                <div class="topOption">
-                  <div class="fl">
-                    <div>
-                      <el-button type="primary" v-on:click="updateDept"
-                        >保存</el-button
-                      >
-                      <el-button type="text" v-on:click="cancerSaveUserInfo"
-                        >取消</el-button
-                      >
-                    </div>
-                  </div>
-                  <div class="fr page_button">
-                    <!-- 分页 -->
-                    <!-- <span>上一位</span>
-										<span>1</span>
-										/<span>15</span>
-                    <span>下一位</span>-->
-                  </div>
-                </div>
-              </div>
-              <div class="clear"></div>
-              <div class="largecontentBox">
-                <div class="yiyunTable_list mt-10">
-                  <!-- form -->
-                  <el-form
-                    ref="form"
-                    :rules="deptRules"
-                    :model="deptData"
-                    label-width="90px"
-                    label-position="left"
-                  >
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">部门信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div
-                        class="UserEditinfoBox DivInputHeight DivInputHeight_first noborder"
-                      >
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="部门名称" prop="deptName">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="deptData.deptName"
-                                  placeholder="输入内容"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="上级部门">
-                              <div class="eidit_Input">
-                                <el-cascader
-                                  :options="deptOptions"
-                                  :props="selectProps"
-                                  v-model="deptData.arraySuper"
-                                  change-on-select
-                                ></el-cascader>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </el-form>
-                </div>
-              </div>
-            </div>
-            <div class="admin_contentBox_bodyPain" v-if="currentPain == 5">
-              <!-- 右侧内容Box -->
-              <div class="mlr-10">
-                <h4 class="admintitle">设置子部门</h4>
-              </div>
-              <div class="mlr-10">
-                <div class="border-line"></div>
-              </div>
-              <div class="mlr-10">
-                <div class="topOption">
-                  <div class="fl">
-                    <div>
-                      <el-button
-                        type="primary"
-                        v-on:click="createDept"
-                        :disabled="addDeptDisable"
-                        >保存</el-button
-                      >
-                      <el-button type="text" v-on:click="cancerSaveUserInfo"
-                        >取消</el-button
-                      >
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="clear"></div>
-              <div class="largecontentBox">
-                <div class="yiyunTable_list mt-10">
-                  <!-- form -->
-                  <el-form
-                    ref="form"
-                    :rules="deptRules"
-                    :model="deptData"
-                    label-width="90px"
-                    label-position="left"
-                  >
-                    <div class="yiyunTable_list_item">
-                      <div class="mlr-10">
-                        <h3 class="secondListTitle">部门信息</h3>
-                      </div>
-                      <div class="mlr-10">
-                        <div class="border-line_light"></div>
-                      </div>
-                      <div class="UserEditinfoBox DivInputHeight noborder">
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="部门名称" prop="deptName">
-                              <div class="eidit_Input">
-                                <el-input
-                                  v-model="deptData.deptName"
-                                  placeholder="请输入子部门名称"
-                                ></el-input>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                        <div class="yiyun_col-6">
-                          <div class="el-form-itemBox">
-                            <el-form-item label="上级部门">
-                              <div class="eidit_Input">
-                                <el-cascader
-                                  :options="deptOptions"
-                                  :props="selectProps"
-                                  v-model="deptData.arraySuper"
-                                  change-on-select
-                                ></el-cascader>
-                              </div>
-                            </el-form-item>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </el-form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-    </div>
-
-    <div class="ec_dialog" v-if="isDistWorkDeptDialog">
-      <div class="ec_dialogBox">
-        <div class="ec_dialogBoxHead">
-          <h3 class="ec_dialogBoxHeadTitle fl">设置职员所在部门</h3>
-          <i
-            title="关闭"
-            class="Cicon icon font_family icon-icon_quxiaohuoguanbi ec_dialogBoxHeadclose fr"
-            @click="colseSet"
-          ></i>
-        </div>
-        <div class="line"></div>
-        <div class="ec_dialogBoxBody">
-          <el-cascader-panel
-            :options="deptOptions"
-            :props="selectProps"
-            v-model="currentUser.arraySuper"
-          ></el-cascader-panel>
-        </div>
-        <div class="line"></div>
-        <div class="ec_dialogBoxfooter">
-          <el-button @click="cancelAddDept()">取 消</el-button>
-          <el-button @click="enterAddDept()">指派至所选部门</el-button>
-        </div>
+  <div>
+    <component v-bind:is="view" >
+      <div class="adminnavBox" slot="nav">
+        <component :is="view === 'Employees' ? 'h3': 'span'" @click="view='Employees'">
+          组织架构
+        </component>
+        <component :is="view === 'RelationCompany' ? 'h3': 'span'" @click="view='RelationCompany'">
+          互链企业
+        </component>
       </div>
-    </div>
+    </component>
   </div>
 </template>
 
 <script>
-// import fileUploader from "@/components/fileUploader/Index";
-import FileUploader from "@/components/file-uploader";
-import * as services from "@/services/user";
-import { wrapOssProtocol, getFileUrl } from "@/services/oss";
-import { downloadFile } from "@/utils/tool";
-// import FormTitle from '@/components/form/form-title';
-// import commonJs from "@/webCommon";
-// Vue.use(fileUploader);
+import Employees from './user';
+import RelationCompany from './relation_company';
 
 export default {
-  elNew: "#app",
   components: {
-    FileUploader,
-    // FormTitle,
+    Employees,
+    RelationCompany,
   },
   data() {
     return {
-      headSrc: process.env.API_HOST + "archives/head?path=",
-      chunkUploadUrl: process.env.API_HOST + "webupload/chunks",
-      uploadTypeOther: 5, // 除12345以为其他数字为其它，企业通讯录存入企业其它文件目录5
-      currentDeptTitle: "",
-      currUserCount: 0,
-      currentDeptName: "",
-      searchCnName: "",
-      anniutype: "graybtn", //按钮默认灰色
-      currentNode: {},
-      rootNode: {},
-      clickNode: {},
-      currentPain: "1", // 右侧默认面板
-      editButtonGroup: "1",
-      el_formLabelcolor: "textlabelgray", //textlabelgray表单label为灰色字   textlabelblock 表单label为黑色字
-      nodeQuery: {
-        name: "", // 编辑树节点表单的model
-      },
-      isShowDlg: false, // 是否显示编辑节点弹框
-      isDistWorkDeptDialog: false, //设置所在部门
-      listCompanyDept: [], // 部门树数据
-      selectProps: {
-        value: "id",
-        label: "label",
-        children: "children",
-        // multiple: true,
-        checkStrictly: true,
-        expandTrigger:'hover',
-      },
-      listUpdateUserID: [], //选中的用户ID
-      deptOptions: [], // 级联选择器部门数据
-      eidit: false, // 编辑表单
-      form: {
-        name: "",
-        region: "",
-        date1: "",
-        date2: "",
-        delivery: false,
-        type: [],
-        resource: "",
-        desc: "",
-      },
-      deptData: { deptName: "", arraySuper: [] }, // 当前部门数据
-      pageIndex: 1,
-      pageSize: 15,
-      pageTotal: 1,
-      listUserData: [], // 用户信息表
-      currentUser: {},
-      uploadCompId: sessionStorage.companyId,
-      uploadTypeHead: 3, // 3：上传用户头像；2：上传项目封面；1：上传文件
-      newUser: {
-        headImgUrl: "",
-        isDeparture: 0,
-      }, // 新增用户对象
-      newUserDeptArry: [],
-      multipleSelection: [],
-      deptRules:{
-        "deptName":[
-        {required: true, message: "请输入部门名称", trigger: "blur"}
-      ],
-      },
-      newUserRules:{
-        "cnName":[
-        {required: true, message: "请输入姓名", trigger: "blur"}
-      ],
-        "userName":[
-        {required: true, message: "请输入用户名", trigger: "blur"}
-      ],
-        "permission":[
-        {required: true, message: "请选择平台权限", trigger: "blur"}
-      ],
-        "backgroundPermission":[
-        {required: true, message: "请选择后台角色", trigger: "blur"}
-      ],
-        "phone":[
-        {required: true, message: "请输入手机号", trigger: "blur"}
-      ],
-        "arraySuper":[
-        {required: true, message: "请选择部门", trigger: "blur"}
-      ],
-
-      },
-      pickerOptionsIn: {
-        disabledDate(time) {
-          return time.getTime() > Date.now();
-        },
-        shortcuts: [
-          {
-            text: "今天",
-            onClick(picker) {
-              picker.$emit("pick", new Date());
-            },
-          },
-          {
-            text: "昨天",
-            onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
-              picker.$emit("pick", date);
-            },
-          },
-          {
-            text: "一周前",
-            onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit("pick", date);
-            },
-          },
-        ],
-      }, // 日期选择框属性
-      pickerOptionsGraduate: {
-        disabledDate(time) {
-          return time.getTime() > Date.now();
-        },
-        shortcuts: [
-          {
-            text: "今天",
-            onClick(picker) {
-              picker.$emit("pick", new Date());
-            },
-          },
-          {
-            text: "一年前",
-            onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 365);
-              picker.$emit("pick", date);
-            },
-          },
-          {
-            text: "三年前",
-            onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 365 * 3);
-              picker.$emit("pick", date);
-            },
-          },
-        ],
-      }, // 日期选择框属性
-      specOptions: [
-        {
-          value: "选项1",
-          label: "机务专业",
-        },
-        {
-          value: "选项2",
-          label: "设计专业",
-        },
-        {
-          value: "选项3",
-          label: "机电专业",
-        },
-        {
-          value: "选项4",
-          label: "水暖电",
-        },
-        {
-          value: "选项5",
-          label: "结构设计",
-        },
-      ],
-      roleOptions: services.roleOptions,
-      backgroundRoleOptions: services.consoleRoleOptions,
-      stateOptions: services.stateOptions,
-      educationOptions: [
-        {
-          value: "博士",
-          label: "博士",
-        },
-        {
-          value: "硕士研究生",
-          label: "硕士研究生",
-        },
-        {
-          value: "本科",
-          label: "本科",
-        },
-        {
-          value: "专科",
-          label: "专科",
-        },
-        {
-          value: "自考",
-          label: "自考",
-        },
-      ],
-      addDeptDisable: false,
+      view: 'Employees',
     };
   },
   filters: {
-    formatDate: function (val) {
-      var value = new Date(val);
-      var year = value.getFullYear();
-      var month = value.getMonth() + 1;
-      var day = value.getDate();
-      month = month < 10 ? "0" + month : month;
-      day = day < 10 ? "0" + day : day;
-      return year + "-" + month + "-" + day;
-    },
-  },
-  mounted: function () {
-    this.listDepts();
-    
-  setInterval(function () {
-    document.querySelectorAll('.el-cascader-node__label').forEach(el => {
-      el.onclick = function () {
-        if (this.previousElementSibling) {
-        this.previousElementSibling.click()
-       
-        }
-      }
-    })
-  }, 1000)
-  },
-  methods: {
-    /**
-     * 人员选中事件
-     */
-    changeFun(val) {
-      this.multipleSelection = val; // 返回的是选中的列的数组集合
-      this.anniutype = "";
-    },
-    /**
-     * 加载部门树
-     */
-    async listDepts() {
-      var thisApp = this;
-      const nodes = await services.fetchAddressBook(sessionStorage.companyId);
-      thisApp.listCompanyDept = nodes;
-      thisApp.deptOptions = nodes;
-      var node = nodes[0];
-      thisApp.rootNode = node;
-      this.getUserList(node || undefined);
-      // if (node.children.length > 0) {
-      // debugger;
-      if (thisApp.currentNode.id == undefined) {
-        thisApp.currentNode = node;
-        setTimeout(() => {
-          thisApp.$refs.tree.setCurrentKey(node.id);
-        }, 50);
-        thisApp.currentDeptTitle = node.label;
-      }
-      // thisApp.getEveryUsers(node.id);
-      // }
-    },
-    /**
-     * 获取通讯录列表
-     */
-    async getUserList(
-      node = this.listCompanyDept[0],
-      page = this.pageIndex,
-      pageSize = this.pageSize,
-      keywords = this.searchCnName
-    ) {
-      if (!node) {
-        debugger;
-        return;
-      }
-      const {
-        list,
-        page: nextPage,
-        pageSize: nextPageSize,
-        total,
-      } = await services.getUserListByNode(
-        node,
-        this.pageIndex,
-        this.pageSize,
-        keywords
-      );
-      this.listUserData = list;
-      this.pageTotal = Math.ceil(total / nextPageSize);
-      this.currUserCount = total;
-    },
-    /**
-     * @description: 上一页
-     * @param {type}
-     * @return:
-     */
-    prePage: function () {
-      if (this.pageIndex > 1) {
-        this.pageIndex = this.pageIndex - 1;
-        var node = this.$refs.tree.getCurrentNode();
-        this.getUserList(node);
-        this.currentPain = 1; // 显示职员列表
-      }
-    },
-    /**
-     * @description:下一页
-     * @param {type}
-     * @return:
-     */
-    nextPage: function () {
-      if (this.pageIndex < this.pageTotal) {
-        this.pageIndex = this.pageIndex + 1;
-        var node = this.$refs.tree.getCurrentNode();
-        this.getUserList(node);
-        this.currentPain = 1; // 显示职员列表
-      }
-    },
-    /**
-     * @description: 查询用户
-     * @param {type}
-     * @return:
-     */
-    async searchUser() {
-      this.getUserList(this.rootNode);
-    },
-    clearSearchUser() {
-      this.currentDeptTitle = this.rootNode.label;
-      this.getUserList(this.rootNode, 1, 15);
-    },
-    /**
-     * 树节点-点击事件
-     */
-    nodeClick: function (data, node) {
-      this.pageIndex = 1;
-      this.searchCnName = "";
-      this.clickNode = node;
-      this.getUserList(data, 1, 15);
-      if (data.nodeType === "company") {
-        // this.getEveryUsers(data.id);
-        this.newUser.arraySuper = [];
-        this.newUser.arraySuper.push(data.id);
-      } else {
-        // this.listUsers(data.id);
-        var arrayNew = JSON.parse(JSON.stringify(data.data.arraySuper));
-        arrayNew.push(data.id);
-        this.newUser.arraySuper = arrayNew;
-      }
-      this.currentDeptTitle = data.label;
-      this.currentPain = 1; // 显示职员列表
-    },
-    /**
-     * 创建部门信息
-     */
-    createDept() {
-      this.$refs['form'].validate(async (valid)=>{
-        if(!valid) return;
-        this.addDeptDisable = true;
-        var thisApp = this;
-        var array = new Array();
-        array = this.deptData.arraySuper;
-        var levelId = "";
-        var superId = "";
-        if (array.length > 0) {
-          for (var i = 0; i < array.length; i++) {
-            levelId = levelId + array[i];
-            if (i < array.length - 1) {
-              levelId = levelId + "-";
-            } else {
-              superId = array[i];
-            }
-          }
-        }
-        var parm = {
-          deptName: this.deptData.deptName,
-          companyId: sessionStorage.companyId,
-          remark: "",
-          // createUserId: sessionStorage.userId || '',
-          // modifyUserId: sessionStorage.userId || '',
-          levelId: levelId,
-          superId: superId,
-        };
-        const res = await services.createDepartment(parm);
-        const ifSucc = res.Code === 0;
-        if (!ifSucc) {
-          this.addDeptDisable = false;
-          this.$notify({
-            type:'error',
-            message: res.Msg,
-            offset: 100,
-            duration: 5000,
-          });
-          return;
-        }
-        thisApp.addDeptDisable = false;
-        this.$notify({
-          message:`部门“${this.deptData.deptName}”已完成添加。`,
-          type: ["success"],
-          // offset: 100,
-          duration: 2500,
-        });
-        thisApp.listDepts();
-        this.currentPain = 1;
-        this.el_formLabelcolor = "textlabelgray";
-
-      })
-
-    },
-    /**
-     * 更新部门信息
-     */
-     updateDept() {
-      this.$refs['form'].validate(async (valid)=>{
-        if(!valid) return;
-        var thisApp = this;
-        this.deptData.modifyUserId = sessionStorage.userId;
-        const deptData = this.deptData;
-        const param = {
-          Id: deptData.id,
-          SuperId: deptData.superId,
-          CompanyId: deptData.companyId,
-          LevelId: deptData.arraySuper.join("-"),
-          DeptName: deptData.deptName,
-        };
-        const res = await this.$fetchApi("dept/updateDept", param);
-        const ifSucc = res.Code === 0;
-        if (!ifSucc) {
-          thisApp.$notify({  
-            type:'error',
-            message: res.Msg,
-            offset: 100,
-            duration: 5000,
-          });
-        }
-        thisApp.$notify({
-          message: "修改成功。",
-          type: "success",
-          offset: 100,
-          duration: 2500,
-        });
-        thisApp.listDepts();
-        this.currentPain = 1;
-
-        })
-      // // todo
-      // this.$axios({
-      //   method: "put",
-      //   url: encodeURI(process.env.API_HOST + "sysinfo/dept"),
-      //   data: this.deptData,
-      // })
-      //   .then((response) => {
-      //     if (response.data.state == 1) {
-      //       thisApp.$notify({
-      //         title: "  ",
-      //         message: response.data.message,
-      //         type: "success",
-      //         offset: 100,
-      //         duration: 2500,
-      //       });
-      //       thisApp.listDepts();
-      //       this.currentPain = 1;
-      //     } else {
-      //       thisApp.$notify.error({
-      //          
-      //         message: response.data.message,
-      //         offset: 100,
-      //         duration: 5000,
-      //       });
-      //     }
-      //   })
-      //   .catch((error) => {
-      //     console.log(error);
-      //   });
-    },
-    /**
-     * 验证部门信息表单数据
-     */
-    checkDeptData: function () {
-      if (this.deptData.deptName == null || this.deptData.deptName == "") {
-        this.$notify({    
-          message: "请输入部门名称。",
-          type: "warning",
-          offset: 100,
-          duration: 2500,
-        });
-        return false;
-      }
-      if (
-        this.deptData.arraySuper == null ||
-        this.deptData.arraySuper.length < 1
-      ) {
-        this.$notify({
-           
-          message: "请选择上级部门。",
-          type: "warning",
-          offset: 100,
-          duration: 2500,
-        });
-        return false;
-      }
-      return true;
-    },
-    /**
-     * 删除部门
-     */
-    deleteDept: function (data) {
-      var deptName = data.label;
-      var thisApp = this;
-      this.$confirm(`部门删除后将无法恢复，是否继续删除部门“${deptName}”？`, "", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          data.data.modifyUserId = sessionStorage.userId;
-          const res = await this.$fetchApi("dept/deleteDeptByDeptId", {
-            id: data.id,
-          });
-          const ifSucc = res.Code === 0;
-          if (!ifSucc) {
-            thisApp.$notify({
-               
-              message: res.Msg,
-              type: "error",
-              offset: 100,
-              duration: 5000,
-            });
-            return;
-          }
-          thisApp.$notify({
-            message:`部门“${deptName}”已删除。`,
-            type: ["success"],
-            duration: 2500,
-          });
-          thisApp.listDepts();
-        })
-        .catch(() => {});
-    },
-    /**
-     * 新增用户
-     */
-    addUserInfo: function () {
-      this.currentPain = 3;
-    },
-    /**
-     * 设置所在部门
-     */
-    addDept: function () {
-      if (this.multipleSelection[0] == null) {
-        return;
-      }
-      this.isDistWorkDeptDialog = true;
-    },
-    /**
-     * @description:设置职员管理事件
-     * @param {type}
-     * @return:
-     */
-    colseSet: function () {
-      this.isDistWorkDeptDialog = false;
-      this.currentUser.arraySuper=[];
-    },
-    /**
-     * 取消选项
-     */
-    cancelAddDept: function () {
-      this.currentUser.arraySuper = [];
-      this.isDistWorkDeptDialog = false;
-    },
-    /**
-     * 确定设置所在部门
-     */
-    async enterAddDept() {
-      var thisApp = this;
-      if (thisApp.currentUser.arraySuper == null) {
-        return;
-      }
-      for (var i = 0; i < thisApp.multipleSelection.length; i++) {
-        thisApp.listUpdateUserID[i] = thisApp.multipleSelection[i].id;
-      }
-      var param = {
-        listUpdateUserID: thisApp.listUpdateUserID,
-        deptID:
-          thisApp.currentUser.arraySuper[
-            thisApp.currentUser.arraySuper.length - 1
-          ],
-        userID: sessionStorage.userId,
-      };
-      const deptId =
-        thisApp.currentUser.arraySuper[
-          thisApp.currentUser.arraySuper.length - 1
-        ];
-      // todo
-      const res = await this.$fetchApi("user/changeUsersDept", {
-        userIds: this.listUpdateUserID.join(","),
-        deptId,
-      });
-      const ifSucc = res.Code === 0;
-      if (!ifSucc) {
-        this.$notify({
-          type:'error',           
-          message: res.Msg,
-          offset: 100,
-          duration: 5000,
-        });
-        return;
-      }
-      this.$notify({
-        message: "已完成指派。",
-        type: "success",
-        duration: 2500,
-      });
-      this.isDistWorkDeptDialog = false;
-      this.currentUser.arraySuper = [];
-      this.getUserList(this.$refs.tree.getCurrentNode());
-    },
-    /**
-     * 删除用户
-     */
-    deleteUsers: function () {
-      var thisApp = this;
-      if (thisApp.multipleSelection[0] == null) {
-        return;
-      }
-      if (thisApp.multipleSelection.some((user) => user.default === 1)) {
-        this.$notify({   
-          message: "法人账号不能删除。",
-          type: ["erro"],
-          duration: 2500,
-        });
-        return;
-      }
-      var node = thisApp.$refs.tree.getCurrentNode();
-      thisApp
-        .$confirm("用户被删除后将无法恢复，是否继续？", "", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-        .then(async () => {
-          for (var i = 0; i < thisApp.multipleSelection.length; i++) {
-            thisApp.listUpdateUserID[i] = thisApp.multipleSelection[i].id;
-          }
-          // var param = {
-          //   listUpdateUserID: thisApp.listUpdateUserID,
-          //   deptID: thisApp.multipleSelection[0].deptID,
-          //   userID: sessionStorage.userId,
-          // };
-          const res = await this.$fetchApi("user/deleteUser", {
-            id: this.listUpdateUserID.join(","),
-          });
-          const ifSucc = res.Code === 0;
-          if (!ifSucc) {
-            thisApp.$notify({
-              type:'error',               
-              message: res.Msg,
-              offset: 100,
-              duration: 5000,
-            });
-            return;
-          }
-          thisApp.$notify({
-            message: "所选用户删除完成。",
-            type: ["success"],
-            duration: 2500,
-          });
-          this.getUserList();
-          // thisApp.nodeClick(node || undefined);
-        });
-    },
-
-    /**
-     * 创建用户
-     * @param {boolean} ifcontinue 是否继续创建
-     */
-    createUser(ifcontinue = false) {
-      var thisApp = this;
-      this.$refs['form'].validate(async (valid)=>{
-        if (!valid) return;
-        this.newUser.deptid = this.newUser.arraySuper[
-          this.newUser.arraySuper.length - 1
-        ];
-      this.newUser.createUserId = sessionStorage.userId;
-      this.newUser.companyId = sessionStorage.companyId;
-      const res = await services.addUser(this.newUser);
-      const ifSucc = res.Code === 0;
-      if (!ifSucc) {
-        thisApp.$notify({
-          type:'error',           
-          message: res.Msg,
-          offset: 100,
-          duration: 5000,
-        });
-        return;
-      }
-      // thisApp.newUser = {};
-      thisApp.$notify({
-        message: `${this.newUser.cnName}添加成功。`,
-        type: ["success"],
-        duration: 2500,
-      });
-      var node = this.$refs.tree.getCurrentNode();
-      this.newUser = { headImgUrl: "", isDeparture: 0 };
-      // this.listUsers(node.id);
-      this.getUserList(node || undefined);
-      if (!ifcontinue) {
-        this.currentPain = 1;
-      }
-      });
-    },
-    /**
-     * 保存用户信息
-     */
-    saveUserInfo: function () {
-      this.editButtonGroup = 1;
-      this.eidit = false;
-    },
-    /**
-     * 头像上传成功回调函数
-     */
-    headPicUploadSuccess: function (file) {
-      const filePath = wrapOssProtocol(file.ossUrl);
-      //console.log(filePath)
-      if (this.eidit == true) {
-        this.currentUser.headImgUrl = filePath;
-        
-      }
-      if (this.currentPain == 3) {
-        this.newUser.headImgUrl = filePath;
-      }
-    },
-    /**
-     * 导入用户excel文件成功时，创建用户信息
-     */
-    excelUploadSuccess: function (file) {
-      var param = {
-        filepath: file.filePath,
-        companyId: sessionStorage.companyId,
-        userId: sessionStorage.userId,
-      };
-      this.$axios({
-        method: "get",
-        url: encodeURI(process.env.API_HOST + "sysinfo/users/import"),
-        params: param,
-      })
-        .then((response) => {
-          if (response.data != null) {
-            this.$notify({
-
-              message: response.data.message,
-              type: "success",
-              offset: 100,
-              duration: 5000,
-            });
-            var node = this.$refs.tree.getCurrentNode();
-            this.currentPain = 1;
-            // this.listUsers(node.id);
-            this.getUserList(node);
-          }
-        })
-        .catch((error) => {
-          console.log(error);
-        });
-    },
-    /**
-     * 导出当前用户
-     */
-    exportUser: function () {
-      if (this.listUserData.length < 1) {
-        this.$notify({
-           
-          message: "当前列表用户为空，请先查询用户",
-          type: "warning",
-          offset: 100,
-          duration: 2500,
-        });
-        return;
-      }
-      this.$confirm("导出当前用户列表，是否继续？", "", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
-        var node = this.$refs.tree.getCurrentNode();
-        var isCompany = false;
-        var deptid = "";
-        if (node == null) {
-          isCompany = true;
-          deptid = this.rootNode.id;
-        } else if (this.clickNode.level == 1) {
-          isCompany = true;
-          deptid = node.id;
-        } else {
-          deptid = node.id;
-        }
-        var param = {
-          deptId: deptid,
-          userId: sessionStorage.userId,
-          companyId: sessionStorage.companyId,
-          isCompany: isCompany,
-        };
-        this.$axios({
-          method: "post",
-          url: encodeURI(process.env.API_HOST + "sysinfo/users/export/dept"),
-          data: param,
-        })
-          .then((response) => {
-            if (response.status == 200 && response.data != null) {
-              this.$notify({
-                message: "导出成功",
-                type: "success",
-                offset: 100,
-                duration: 2500,
-              });
-              var url = encodeURI(
-                process.env.API_HOST +
-                  "archives/download/path?filepath=" +
-                  response.data +
-                  "&filename=" +
-                  "导出用户"
-              );
-              var iframe = document.createElement("iframe");
-              iframe.style.display = "none";
-              iframe.src = url;
-              document.body.appendChild(iframe);
-            }
-          })
-          .catch((error) => {
-            console.log(error);
-          });
-      });
-    },
-    /**
-     *  查看用户信息
-     */
-    async scanUserInfo(user) {
-      var thisApp = this;
-      const userInfo = await services.getUserInfo(user.id);
-      userInfo.arraySuper =
-        (userInfo.deptId || userInfo.companyId) === userInfo.companyId
-          ? []
-          : userInfo.levelId.split("-").concat(userInfo.deptId);
-      thisApp.currentPain = 2;
-      thisApp.currentUser = userInfo;
-      var initTime=new Date("0001-01-01T00:00:00Z").getTime();
-      var departureDate=new Date(userInfo.departureDate).getTime();
-      var birthday=new Date(userInfo.birthday).getTime();
-      var gradutionDate=new Date(userInfo.gradutionDate).getTime();
-      var hireDate=new Date(userInfo.hireDate).getTime();
-      if(departureDate==initTime){
-        thisApp.currentUser.departureDate=null;
-      }
-      if(birthday==initTime){
-        thisApp.currentUser.birthday=null;
-      }
-      if(gradutionDate==initTime){
-        thisApp.currentUser.gradutionDate=null;
-      }
-      if(hireDate==initTime){
-        thisApp.currentUser.hireDate=null;
-      }
-  
-      thisApp.eidit = false;
-
-      // this.$axios({
-      //   method: "get",
-      //   url: encodeURI(process.env.API_HOST + "sysinfo/dept/" + user.deptID),
-      // })
-      //   .then((response) => {
-      //     if (response.data != null) {
-      //       thisApp.currentPain = 2;
-      //       thisApp.currentUser = user;
-      //       thisApp.currentUser.arraySuper = response.data.arraySuper;
-      //       thisApp.currentUser.deptName = response.data.deptName;
-      //       thisApp.currentUser.arraySuper.push(thisApp.currentUser.deptID);
-      //       thisApp.eidit = false;
-      //     } else {
-      //     }
-      //   })
-      //   .catch((error) => {
-      //     console.log(error);
-      //   });
-    },
-    /**
-     * @description: 返回用户信息
-     * @param {type}
-     * @return:
-     */
-    backUserInfo: function () {
-      this.currentPain = 1;
-    },
-    /**
-     * @description: 编辑用户信息
-     * @param {type}
-     * @return:
-     */
-    editUserInfo: function () {
-      this.editButtonGroup = 2;
-      this.eidit = true;
-      this.el_formLabelcolor = "textlabelblock";
-    },
-    /**
-     * 编辑用户保存
-     */
-    async modifyUser() {
-      var thisApp = this;
-      this.$refs['form'].validate(async (valid)=>{
-        if(!valid) return;
-        this.currentUser.deptid = this.currentUser.arraySuper[
-          this.currentUser.arraySuper.length - 1
-        ];  
-      this.currentUser.modifyUserId = sessionStorage.userId;
-      const res = await services.updateUser(this.currentUser);
-      const ifSucc = res.Code === 0;
-      if (!ifSucc) {
-        thisApp.$notify({
-          type:'error',           
-          message: res.Msg,
-          offset: 100,
-          duration: 5000,
-        });
-        return;
-      }
-      thisApp.$notify({
-        message: "修改成功。",
-        type: "success",
-        offset: 100,
-        duration: 2500,
-      });
-      this.currentPain = 1;
-      this.editButtonGroup = 1;
-      // this.listUsers(this.$refs.tree.getCurrentNode().id);
-      this.getUserList(this.$refs.tree.getCurrentNode());      
-      });
-    },
-    /**
-     * 禁用用户
-     */
-    disableUserInfo: function (state) {
-      var thisApp = this;
-      var actionText = "";
-      if (state == 0) {
-        actionText = "启用";
-      } else {
-        actionText = "禁用";
-      }
-      this.$confirm(`${actionText}的用户将${actionText == "禁用" ? "无法" : "有权"}访问我司LOCKING，确定${actionText}“${this.currentUser.cnName}”的账户吗？`,
-        "",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(() => {
-          this.currentUser.modifyUserId = sessionStorage.userId;
-          this.currentUser.disable = state;
-          this.$axios({
-            method: "put",
-            url: encodeURI(process.env.API_HOST + "sysinfo/userinfo"),
-            data: this.currentUser,
-          })
-            .then((response) => {
-              if (response.data.state == 1) {
-                thisApp.$notify({
-                  message: `${this.currentUser.cnName}已${actionText}`,
-                  type: "success",
-                  offset: 100,
-                  duration: 2500,
-                });
-              } else {
-                thisApp.$notify({
-                  type:'error',
-                  message: response.data.message,
-                  offset: 100,
-                  duration: 5000,
-                });
-              }
-            })
-            .catch((error) => {
-              console.log(error);
-            });
-        })
-        .catch(() => {
-          // thisApp.$notify.info({
-             
-          //   message: "已取消" + actionText,
-          //   offset: 100,
-          //   duration: 2500,
-          // });
-        });
-    },
-    /**
-     * 删除用户信息
-     */
-    deleteUserInfo: function () {
-      var thisApp = this;
-      this.$confirm(
-        `账户删除后将无法恢复，是否继续删除“${this.currentUser.cnName}”的账户？`,
-        "",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "error",
-        }
-      )
-        .then(async () => {
-          const res = await this.$fetchApi("user/deleteUser", {
-            id: this.currentUser.id,
-          });
-          if (res.Code !== 0) {
-            thisApp.$notify({    
-              type:'error',           
-              message: res.Msg,
-              offset: 100,
-              duration: 5000,
-            });
-            return;
-          }
-          thisApp.currentPain = 1;
-          thisApp.$notify({
-            message: `“${this.currentUser.cnName}”的账户已删除。`,
-            type: ["success"],
-            duration: 2500,
-          });
-          thisApp.listDepts();
-          // this.currentUser.modifyUserId = sessionStorage.userId;
-          // this.currentUser.deleted = 1;
-          // this.$axios({
-          //   method: "put",
-          //   url: encodeURI(process.env.API_HOST + "sysinfo/userinfo"),
-          //   data: this.currentUser,
-          // })
-          //   .then((response) => {
-          //     if (response.data.state == 1) {
-          //       thisApp.currentPain = 1;
-          //       thisApp.$notify({
-          //         title: "  ",
-          //         message: "删除成功",
-          //         type: "success",
-          //         offset: 100,
-          //         duration: 2500,
-          //       });
-          //       thisApp.listDepts();
-          //     } else {
-          //       thisApp.$notify.error({
-          //          
-          //         message: response.data.message,
-          //         offset: 100,
-          //         duration: 5000,
-          //       });
-          //     }
-          //   })
-          //   .catch((error) => {
-          //     console.log(error);
-          //   });
-        })
-        .catch(() => {
-          // this.$notify.info({
-             
-          //   message: "已取消删除",
-          //   offset: 100,
-          //   duration: 2500,
-          // });
-        });
-    },
-    /**
-     * @description: 取消保存用户信息
-     * @param {type}
-     * @return:
-     */
-    cancerSaveUserInfo: function () {
-      this.newUser = { headImgUrl: "", isDeparture: 0 };
-      this.currentPain = 1;
-      this.editButtonGroup = 1;
-      this.eidit = false;
-    },
-    /**
-     * @description: 取消编辑用户信息
-     * @param {type}
-     * @return:
-     */
-    cancerEditUserInfo: function () {
-      this.currentPain = 1;
-      this.editButtonGroup = 1;
-      this.eidit = false;
-      this.el_formLabelcolor = "textlabelgray";
-    },
-    /**
-     * @description: 部门重命名
-     * @param {type}
-     * @return:
-     */
-    eidtPartName: function (data) {
-      // this.currentPain = 1;
-      this.currentPain = 4;
-      // this.deptData = {};
-      this.deptData = data.data;
-      this.setDisabled(this.deptOptions[0].children, data.id);
-    },
-    /**
-     * @description: 设置用户状态
-     * @param {type}
-     * @return:
-     */
-    setDisabled: function (children, id) {
-      if (children == null) {
-        return;
-      }
-      for (var i = 0; i < children.length; i++) {
-        if (children[i].id == id) {
-          children[i].disabled = true;
-        } else {
-          children[i].disabled = false;
-        }
-        this.setDisabled(children[i].children, id);
-      }
-    },
-    /**
-     * 添加子部门
-     */
-    addPartName: function (data) {
-      this.deptData.deptName = "";
-      this.deptData.arraySuper = [];
-      this.currentPain = 1;
-      this.currentPain = 5;
-      if (data.data.arraySuper != null && data.data.arraySuper.length > 0) {
-        var array = JSON.parse(JSON.stringify(data.data.arraySuper)); // v1只取出对象的值
-        array.push(data.id);
-        this.deptData.arraySuper = array;
-        //  this.deptData.arraySuper = data.data.arraySuper;
-      } else {
-        this.deptData.arraySuper = [];
-        this.deptData.arraySuper.push(data.id);
-      }
-      this.setDisabled(this.deptOptions[0].children, "1");
-    },
-    /**
-     * 下载通讯录模板
-     * item：文件对象
-     */
-    downLoadUserModel: function () {
-      // var url = process.env.API_HOST + "archives/usermodel";
-      // var iframe = document.createElement("iframe");
-      // iframe.style.display = "none";
-      // iframe.src = url;
-      // document.body.appendChild(iframe);
-      // const filename = '导入用户模板.xlsx';
-      const url = getFileUrl("oss://导入用户模板.xlsx", "导入用户模板.xlsx");
-      downloadFile(url);
-    },
   },
+  mounted: function () {},
+  methods: {},
 };
 </script>
 
-<style lang="scss" scoped>
-.notclick{
-  cursor:not-allowed;
-  opacity: 0.8;
-}
-
-.avator-btn {
-  line-height: 50px;
-  ::v-deep > div {
-    margin-left: 20px;
+<style lang="less" scoped>
+.adminnavBox {
+  > h3 + span,
+  > span + h3 {
+    margin-left: 10px;
   }
 }
-.ec_dialogBoxBody {
-  ::v-deep .el-radio__input .el-radio__inner{
-      background-color:#A7A8B7;
-      background:#A7A8B7;
-      border: 1px solid #A7A8B7;
-  }
-  ::v-deep .el-scrollbar__wrap { overflow-x: hidden; }
-  ::v-deep li.el-cascader-node {
-    padding: 0px 20px;
-    &.is-active,
-    &.in-active-path,
-    &.in-checked-path
-     {
-       .el-radio__input .el-radio__inner{
-           background-color:#8c00ff !important;
-           background:#8c00ff !important;
-        }
-     background-color:#EBEBF2;
-     font-weight: normal;
-     color:#606266;
-    }
-  }
-  ::v-deep .el-cascader-menu__list{
-    padding:6px 16px 0px 0px;    
-    li{  
-        height: 44px;
-        background-color: rgba(255, 255, 255, 0);
-    }
-  }
-}
-</style>
-
-<style>
-  .list-company-dept .el-tree-node__content {
-    margin: 0 10px 0 0;
-  }
 </style>
\ No newline at end of file
diff --git a/src/views/manage_company/user/relation_company.vue b/src/views/manage_company/user/relation_company.vue
new file mode 100644
index 00000000..7a1aaa22
--- /dev/null
+++ b/src/views/manage_company/user/relation_company.vue
@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <div class="layout_content">
+      <section class="title_section">
+        <div class="EC_col_8">
+          <slot name="nav" />
+        </div>
+      </section>
+      <section class="yiyun_section houtai">
+        <div class="fl_navBox">
+          <div class="fl_navBox_body">
+            <div class="admin_treeBox navtree">
+              <div class="tree_list">
+
+                <div class="tree_list_item">
+                  <i class="el-icon-models" />
+                  <span class="tree_list_item_label">企业名称</span>
+                </div>
+                <div class="tree_list_empty">
+                  暂无互链企业，请添加
+                </div>
+              </div>
+              <div class="bottombtn tree_list_bottom_button">添加互链企业</div>
+              <!-- <div class="navtreebox fulltreebox list-company-dept"> -->
+                <!-- 树形导航 -->
+              <!-- </div> -->
+            </div>
+          </div>
+        </div>
+        <div class="fl_contentBox dept-personnel-list">
+          <div class="admin_contentBox_body">
+            <div class="admin_contentBox_bodyPain">
+              <relation-company-info
+
+              />
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+
+    <div class="ec_dialog" v-if="false">
+      <div class="ec_dialogBox">
+        <div class="ec_dialogBoxHead">
+          <h3 class="ec_dialogBoxHeadTitle fl">设置职员所在部门</h3>
+          <i
+            title="关闭"
+            class="Cicon icon font_family icon-icon_quxiaohuoguanbi ec_dialogBoxHeadclose fr"
+            @click="colseSet"
+          ></i>
+        </div>
+        <div class="line"></div>
+        <div class="ec_dialogBoxBody">
+          <el-cascader-panel
+            :options="deptOptions"
+            :props="selectProps"
+            v-model="currentUser.arraySuper"
+          ></el-cascader-panel>
+        </div>
+        <div class="line"></div>
+        <div class="ec_dialogBoxfooter">
+          <el-button @click="cancelAddDept()">取 消</el-button>
+          <el-button @click="enterAddDept()">指派至所选部门</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import RelationCompanyInfo from './components/relation_company_info';
+
+export default {
+  components: {
+    RelationCompanyInfo,
+  },
+  data() {
+    return {
+    };
+  },
+  filters: {
+  },
+  mounted: function () {
+  },
+  methods: {
+  },
+};
+</script>
+
+<style>
+  .list-company-dept .el-tree-node__content {
+    margin: 0 10px 0 0;
+  }
+</style>
+
+<style lang="less" scoped>
+.tree_list {
+  height: calc(100% - 56px);
+  padding: 10px 3% 0;
+  overflow: auto;
+}
+.tree_list_item {
+  position: relative;
+  height: 32px;
+  padding-left: 16px + 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  &:hover, .active {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+  &_label {
+    color: #fff;
+    font-size: 12px;
+    line-height: 32px;
+  }
+  .el-icon-models {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    transform: translateY(-2px);
+  }
+}
+.tree_list_empty {
+  margin-top: 350px;
+  text-align: center;
+  color: #fff;
+}
+.tree_list_bottom_button {
+  
+}
+</style>
\ No newline at end of file
diff --git a/src/views/manage_company/user/user.vue b/src/views/manage_company/user/user.vue
new file mode 100644
index 00000000..57e47593
--- /dev/null
+++ b/src/views/manage_company/user/user.vue
@@ -0,0 +1,2678 @@
+<!--
+ * @Description: 通讯录组件
+ * @version: V1.0
+ * @Author: xzx
+ * @Date: 2019-11-04 17:22:44
+ * @LastEditors  : xzx
+ * @LastEditTime : 2020-01-09 19:46:00
+ -->
+<template>
+  <div>
+    <div class="layout_content">
+      <section class="title_section">
+        <div class="EC_col_8">
+          <slot name="nav" />
+        </div>
+        <div class="EC_col_8">
+          <div class="EC_searchBox">
+            <el-input
+              placeholder="搜索姓名、部门、职位、角色"
+              v-model="searchCnName"
+              class="el-input_mini"
+              @keyup.enter.native="searchUser"
+              clearable
+              @clear="clearSearchUser"
+              v-show="false"
+            >
+              <template slot="prepend">
+                <i
+                  class="Cicon icon font_family icon-icon_sousuo iconsize_mini"
+                  @click="searchUser"
+                  @keyup.enter="searchUser"
+                ></i>
+              </template>
+            </el-input>
+          </div>
+        </div>
+        <div class="EC_col_8">
+          <div class="fr mt-15" style="margin-top: 22px">
+            <button class="EC_button normal shadow" @click="downLoadUserModel" v-show="false">
+              下载通讯录模板
+            </button>
+          </div>
+        </div>
+      </section>
+      <section class="yiyun_section houtai">
+        <div class="fl_navBox">
+          <div class="fl_navBox_body">
+            <div class="admin_treeBox navtree">
+              <div class="navtreebox fulltreebox list-company-dept">
+                <!-- 树形导航 -->
+                <template>
+                  <el-tree
+                    :data="listCompanyDept"
+                    ref="tree"
+                    node-key="id"
+                    :expand-on-click-node="false"
+                    default-expand-all
+                    :highlight-current="true"
+                    class="toptree"
+                    @node-click="nodeClick"
+                    :indent="8"
+                  >
+                    <span class="custom-tree-node" slot-scope="{ node, data }">
+                      <span class="easycloudTreeleafe">
+                        <i class v-if="data.isLeaf == true"></i>
+                        <i
+                          class="el-tree-node__expand-icon el-icon-caret-right bianjutop"
+                          :style="{ opacity: 0 }"
+                          v-if="data.isLeaf == true"
+                        ></i>
+                        <!-- 显示一个三角 -->
+                        <i class v-if="data.isLeaf == false"></i>
+                        <!-- <i class="el-icon-floder" v-if="node.level == 3 && data.isLeaf == true"></i> -->
+                        <!-- <i class="el-icon-floder" v-if="node.level == 4 && data.isLeaf == true"></i> -->
+                        <div class="treeeditInput fl">
+                          <span class="yiyunnodelabel">{{ node.label }}</span>
+                        </div>
+                        <div class="fr">
+                          <el-dropdown>
+                            <span class="el-dropdown-link">
+                              <i class="el-icon-more morebtn iconmidle"></i>
+                            </span>
+                            <el-dropdown-menu slot="dropdown">
+                              <el-dropdown-item>
+                                <span v-on:click="addPartName(data)"
+                                  >设置子部门</span
+                                >
+                              </el-dropdown-item>
+                              <el-dropdown-item>
+                                <span
+                                  v-on:click="eidtPartName(data)"
+                                  v-if="node.level != 1"
+                                  >编辑部门</span
+                                >
+                              </el-dropdown-item>
+                              <el-dropdown-item>
+                                <span
+                                  @click="deleteDept(data)"
+                                  v-if="node.level != 1"
+                                  >删除部门</span
+                                >
+                              </el-dropdown-item>
+                            </el-dropdown-menu>
+                          </el-dropdown>
+                        </div>
+                      </span>
+                    </span>
+                  </el-tree>
+                </template>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="fl_contentBox dept-personnel-list">
+          <div class="admin_contentBox_body">
+            <div class="admin_contentBox_bodyPain" v-if="currentPain == 1">
+              <!-- 右侧内容Box -->
+              <div class="mlr-10">
+                <h4 class="admintitle" v-if="searchCnName != ''">
+                  {{
+                    "[" +
+                    searchCnName +
+                    "]查询结果 （" +
+                    currUserCount +
+                    " 人）"
+                  }}
+                </h4>
+                <h4 class="admintitle" v-if="searchCnName == ''">
+                  {{ currentDeptTitle + "（" + currUserCount + " 人）" }}
+                </h4>
+              </div>
+              <div class="mlr-10">
+                <div class="border-line"></div>
+              </div>
+              <div class="mlr-10">
+                <div class="topOption">
+                  <div class="fl">
+                    <div class="ecBtngroup">
+                      <div class="ecBtngroup_Item">
+                        <button
+                          type="button"
+                          class="EC_button shadow bt_small_20 primaryBtn"
+                          v-on:click="addUserInfo"
+                        >
+                          添加成员
+                        </button>
+                      </div>
+                      <div class="ecBtngroup_Item">
+                        <file-Uploader
+                          :multiple="false"
+                          label="导入通讯录"
+                          :auto="true"
+                          accept="xlsx, xls"
+                          ref="webUploadExcel"
+                          btn-id="filePicker"
+                          :companyId="uploadCompId"
+                          :typeId="uploadTypeOther"
+                          @upload-success="excelUploadSuccess"
+                          :url="chunkUploadUrl"
+                          class="yiyunfile-Uploader ecload"
+                        ></file-Uploader>
+                      </div>
+                      <div class="ecBtngroup_Item">
+                        <button
+                          type="button"
+                          class="EC_button bt_small_20"
+                          @click="exportUser"
+                          v-show="false"
+                        >
+                          导出通讯录
+                        </button>
+                      </div>
+                      <div class="ecBtngroup_Item">
+                        <button
+                          :class="{notclick:!this.multipleSelection[0]}"
+                          type="button"
+                          class="EC_button shadow bt_small_20"
+                          @click="addDept"
+                        >
+                          设置所在部门
+                        </button>
+                      </div>
+                      <div class="ecBtngroup_Item">
+                        <button
+                          :class="{notclick:!this.multipleSelection[0]}"
+                          type="button"
+                          class="EC_button shadow bt_small_20"
+                          @click="deleteUsers"
+                        >
+                          删除
+                        </button>
+                      </div>
+                    </div>
+
+                    <!-- <el-button type="text" :class="anniutype" v-on:click="addDept">设置所在部门</el-button>
+                    <el-button type="text" :class="anniutype" v-on:click="deleteUsers">删除</el-button>-->
+                  </div>
+                  <div class="fr page_button">
+                    <!-- 分页 -->
+                    <span class="finger" @click="prePage">上一页</span>
+                    <span>{{ pageIndex }}</span>
+                    /
+                    <span>{{ pageTotal }}</span>
+                    <span class="finger" @click="nextPage">下一页</span>
+                  </div>
+                </div>
+              </div>
+              <div class="clear"></div>
+                <div class="largecontentBox">
+                  <div class="mlr-10">
+                    <div class="yiyunTable_list mt-10">
+                      <!-- table -->
+                      <template>
+                        <el-table
+                          :data="listUserData"
+                          style="width: 100%"
+                          @selection-change="changeFun"
+                          class="listmaxheight userlist_table"
+                        >
+                          <el-table-column
+                            type="selection"
+                            width="38"
+                            align="center"
+                          ></el-table-column>
+                          <el-table-column prop="headImgUrl" label width="55">
+                            <template slot-scope="scope">
+                              <div class="toxiang_box">
+                                <img
+                                  class="imgHead"
+                                  :src="scope.row.headImgUrl | resolveAvator"
+                                />
+                              </div>
+                            </template>
+                          </el-table-column>
+                          <el-table-column
+                            prop="cnName"
+                            label="姓名"
+                            width="80"
+                          ></el-table-column>
+                          <el-table-column
+                            prop="deptName"
+                            label="部门"
+                            width="80"
+                          ></el-table-column>
+                          <el-table-column
+                            prop="position"
+                            label="职位"
+                            width="80"
+                          ></el-table-column>
+                          <el-table-column
+                            prop="phone"
+                            label="电话"
+                          ></el-table-column>
+                          <el-table-column
+                            prop="email"
+                            label="邮箱"
+                          ></el-table-column>
+                          <el-table-column
+                            prop
+                            width="80"
+                            align="center"
+                            label="操作"
+                          >
+                            <template slot-scope="scope">
+                              <button
+                                class="EC_button textStrong bt_mini"
+                                v-on:click="scanUserInfo(scope.row)"
+                              >
+                                查看
+                              </button>
+                              <!-- <el-button type="text" v-on:click="scanUserInfo(scope.row)">查看</el-button> -->
+                            </template>
+                          </el-table-column>
+                        </el-table>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+            </div>
+            <div class="admin_contentBox_bodyPain" v-if="currentPain == 2">
+              <!-- 右侧内容Box -->
+              <div class="mlr-10">
+                <h4 class="admintitle">职员详情</h4>
+              </div>
+              <div class="mlr-10">
+                <div class="border-line"></div>
+              </div>
+              <div class="mlr-10">
+                <div class="topOption">
+                  <div class="fl">
+                    <div v-if="editButtonGroup == 1">
+                      <button
+                        type="button"
+                        class="EC_button shadow bt_small_20"
+                        @click="backUserInfo"
+                      >
+                        返回
+                      </button>
+                      <!-- <button class="yiyun_btn_info" v-on:click="backUserInfo">返回</button> -->
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        v-on:click="editUserInfo"
+                      >
+                        编辑
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        v-on:click="disableUserInfo(1)"
+                        v-if="
+                          currentUser.disable == 0 && currentUser.default !== 1
+                        "
+                      >
+                        禁用
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        v-on:click="disableUserInfo(0)"
+                        v-if="currentUser.disable == 1"
+                      >
+                        启用
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        v-on:click="deleteUserInfo"
+                        v-if="currentUser.default !== 1"
+                      >
+                        删除
+                      </button>
+                    </div>
+                    <div v-if="editButtonGroup == 2">
+                      <button
+                        type="button"
+                        class="EC_button shadow bt_small_20 primaryBtn"
+                        @click="modifyUser"
+                      >
+                        保存
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        v-on:click="cancerEditUserInfo"
+                      >
+                        取消
+                      </button>
+                    </div>
+                  </div>
+                  <div class="fr page_button">
+                    <!-- 分页 -->
+                    <!-- <span>上一位</span>
+										<span>1</span>
+										/
+										<span>15</span>
+                    <span>下一位</span>-->
+                  </div>
+                </div>
+              </div>
+              <div class="clear"></div>
+              <div class="largecontentBox">
+                <div class="yiyunTable_list mt-10">
+                  <!-- form -->
+                  <el-form
+                    ref="form"
+                    :rules="newUserRules"
+                    :model="currentUser"
+                    label-width="96px"
+                    label-position="left"
+                  >
+                    <div class="yiyunTable_list_item">
+                      <!-- <form-title>基本信息</form-title> -->
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">基本信息</h3>
+                        <!-- <span style="color: #000000;">{{currentUser.isDeparture}}</span> -->
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div
+                        :class="
+                          el_formLabelcolor +
+                          ' UserEditinfoBox DivInputHeight DivInputHeight_first noborder'
+                        "
+                      >
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="姓名" prop="cnName">
+                              <div v-if="eidit == false">
+                                {{ currentUser.cnName }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.cnName"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="用户头像">
+                              <div class="large_headImg">
+                                <img
+                                  class="imgHead"
+                                  :src="currentUser.headImgUrl | resolveAvator"
+                                />
+                              </div>
+                              <div class="uploadImg" v-show="eidit == true">
+                                <file-uploader
+                                  :on-success="headPicUploadSuccess"
+                                  class="avator-btn"
+                                >
+                                  <el-button>上传头像</el-button>
+                                </file-uploader>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="用户名" prop="userName">
+                              <div v-if="eidit == false">
+                                {{ currentUser.userName }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  :disabled="true"
+                                  v-model="currentUser.userName"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="性别">
+                              <div v-if="eidit == false" class="eidit_Input">
+                                <el-radio-group v-model="currentUser.sex">
+                                  <el-radio :label="1" disabled>男</el-radio>
+                                  <el-radio :label="0" disabled>女</el-radio>
+                                </el-radio-group>
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-radio-group v-model="currentUser.sex">
+                                  <el-radio :label="1">男</el-radio>
+                                  <el-radio :label="0">女</el-radio>
+                                </el-radio-group>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="平台权限" prop="permission">
+                              <div v-if="eidit == false" class="eidit_Input">
+                                {{ currentUser.roleName }}
+                              </div>
+                              <div
+                                v-if="eidit == true && currentUser.default == 1"
+                                class="eidit_Input"
+                              >
+                                {{ currentUser.roleName }}
+                              </div>
+                              <div
+                                class="eidit_Input"
+                                v-if="eidit == true && currentUser.default == 0"
+                              >
+                                <el-select
+                                  v-model="currentUser.permission"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in roleOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="后台角色" prop="backgroundPermission">
+                              <div v-if="eidit == false" class="eidit_Input">
+                                {{ currentUser.backgroundRoleName }}
+                              </div>
+                              <div
+                                v-if="eidit == true && currentUser.default == 1"
+                                class="eidit_Input"
+                              >
+                                {{ currentUser.backgroundRoleName }}
+                              </div>
+                              <div
+                                class="eidit_Input"
+                                v-if="eidit == true && currentUser.default == 0"
+                              >
+                                <el-select
+                                  v-model="currentUser.backgroundPermission"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in backgroundRoleOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="手机：" prop="phone">
+                              <div v-if="eidit == false">
+                                {{ currentUser.phone }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  :disabled="currentUser.default == 1"
+                                  v-model="currentUser.phone"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="邮箱：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.email }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.email"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="民族：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.national }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.national"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="籍贯：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.nativePlace }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.nativePlace"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="政治面貌：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.politicalLandscape }}
+                              </div>
+                              <div class="eidit_Input" v-if="eidit == true">
+                                <el-input
+                                  v-model="currentUser.politicalLandscape"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="婚姻状况：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.maritalStatus }}
+                              </div>
+                              <div class="eidit_Input" v-if="eidit == true">
+                                <el-input
+                                  v-model="currentUser.maritalStatus"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="生日：">
+                              <div
+                                v-show="
+                                  eidit == false && currentUser.birthday != null
+                                "
+                              >
+                                {{ currentUser.birthday | formatDate }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-date-picker
+                                  v-model="currentUser.birthday"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="地址：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.address }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.address"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">学历信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div
+                        :class="
+                          el_formLabelcolor +
+                          ' UserEditinfoBox DivInputHeight noborder'
+                        "
+                      >
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="最高学历：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.education }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-select
+                                  v-model="currentUser.education"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in educationOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="毕业时间：">
+                              <div
+                                v-if="
+                                  eidit == false &&
+                                  currentUser.gradutionDate != null
+                                "
+                              >
+                                {{ currentUser.gradutionDate | formatDate }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-date-picker
+                                  v-model="currentUser.gradutionDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="毕业院校：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.gradutionSchool }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.gradutionSchool"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="专业：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.specialty }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-select
+                                  v-model="currentUser.specialty"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in specOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">职务信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div
+                        :class="
+                          el_formLabelcolor +
+                          ' UserEditinfoBox DivInputHeight noborder'
+                        "
+                      >
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="部门：" prop="arraySuper">
+                              <div v-if="eidit == false">
+                                {{ currentUser.deptName }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <div class="eidit_Input">
+                                  <el-cascader
+                                    :options="deptOptions"
+                                    :props="selectProps"
+                                    v-model="currentUser.arraySuper"
+                                    change-on-select
+                                  ></el-cascader>
+                                </div>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="现任职务*：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.position }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-input
+                                  v-model="currentUser.position"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="入职时间：">
+                              <div
+                                v-if="
+                                  eidit == false && currentUser.hireDate != null
+                                "
+                              >
+                                {{ currentUser.hireDate | formatDate }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-date-picker
+                                  v-model="currentUser.hireDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                  :picker-options="pickerOptionsIn"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-3">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="员工状态">
+                              <div v-if="eidit == false" class="eidit_Input">
+                                {{ currentUser.userState }}
+                              </div>
+                              <div class="eidit_Input" v-if="eidit == true">
+                                <el-select
+                                  v-model="currentUser.isDeparture"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in stateOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div
+                          class="yiyun_col-3"
+                          v-if="currentUser.isDeparture == 1"
+                        >
+                          <div class="el-form-itemBox">
+                            <el-form-item label="离职时间：">
+                              <div v-if="eidit == false">
+                                {{ currentUser.departureDate | formatDate }}
+                              </div>
+                              <div v-if="eidit == true" class="eidit_Input">
+                                <el-date-picker
+                                  v-model="currentUser.departureDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                  :picker-options="pickerOptionsIn"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form>
+                </div>
+              </div>
+            </div>
+            <div class="admin_contentBox_bodyPain" v-if="currentPain == 3">
+              <!-- 右侧内容Box -->
+              <div class="mlr-10">
+                <h4 class="admintitle">添加成员</h4>
+              </div>
+              <div class="mlr-10">
+                <div class="border-line"></div>
+              </div>
+              <div class="mlr-10">
+                <div class="topOption">
+                  <div class="fl">
+                    <div>
+                      <button
+                        type="button"
+                        class="EC_button shadow bt_small_20 primaryBtn"
+                        @click="createUser(true)"
+                      >
+                        保存并继续添加
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        @click="createUser()"
+                      >
+                        保存
+                      </button>
+                      <button
+                        type="button"
+                        class="EC_button bt_small_20"
+                        @click="cancerSaveUserInfo"
+                      >
+                        取消
+                      </button>
+                    </div>
+                  </div>
+                  <div class="fr page_button">
+                    <!-- 分页 -->
+                    <!-- <span>上一位</span>
+										<span>1</span>
+										/
+										<span>15</span>
+                    <span>下一位</span>-->
+                  </div>
+                </div>
+              </div>
+              <div class="clear"></div>
+              <div class="largecontentBox">
+                <div class="yiyunTable_list mt-10">
+                  <!-- form -->
+                  <el-form
+                    ref="form"
+                    :model="newUser"
+                    :rules="newUserRules"
+                    label-width="90px"
+                    label-position="left"
+                  >
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">基本信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div
+                        class="UserEditinfoBox DivInputHeight DivInputHeight_first noborder"
+                      >
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="姓名:" prop="cnName">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.cnName"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <el-form-item label="用户头像">
+                            <div class="fl">
+                              <div class="large_headImg">
+                                <img
+                                  class="imgHead"
+                                  :src="headSrc + newUser.headImgUrl"
+                                  alt
+                                />
+                              </div>
+                            </div>
+                            <div class="uploadImg">
+                              <file-uploader
+                                :on-success="headPicUploadSuccess"
+                                class="avator-btn"
+                              >
+                                <el-button>上传头像</el-button>
+                              </file-uploader>
+                            </div>
+                          </el-form-item>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="用户名*:" prop="userName">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.userName"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="性别:">
+                              <div class="eidit_Input">
+                                <el-radio-group v-model="newUser.sex">
+                                  <el-radio :label="1">男</el-radio>
+                                  <el-radio :label="0">女</el-radio>
+                                </el-radio-group>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="平台权限:" prop="permission">
+                              <div class="eidit_Input">
+                                <el-select
+                                  v-model="newUser.permission"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in roleOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="后台角色:" prop="backgroundPermission">
+                              <div class="eidit_Input">
+                                <el-select
+                                  v-model="newUser.backgroundPermission"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in backgroundRoleOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="手机:" prop="phone">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.phone"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="邮箱：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.email"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="民族：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.national"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="籍贯：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.nativePlace"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="政治面貌：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.politicalLandscape"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="婚姻状况：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.maritalStatus"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="生日：">
+                              <div class="eidit_Input">
+                                <el-date-picker
+                                  v-model="newUser.birthday"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="地址：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.address"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">学历信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div class="UserEditinfoBox DivInputHeight noborder">
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="最高学历：">
+                              <div class="eidit_Input">
+                                <el-select
+                                  v-model="newUser.education"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in educationOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="毕业时间：">
+                              <div class="eidit_Input">
+                                <el-date-picker
+                                  v-model="newUser.gradutionDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="毕业院校：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.gradutionSchool"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="专业：">
+                              <div class="eidit_Input">
+                                <el-select
+                                  v-model="newUser.specialty"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in specOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">职务信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div class="UserEditinfoBox DivInputHeight noborder">
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="部门：" prop="arraySuper">
+                              <div class="eidit_Input">
+                                <el-cascader
+                                  :options="deptOptions"
+                                  :props="selectProps"
+                                  v-model="newUser.arraySuper"
+                                  change-on-select
+                                ></el-cascader>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="现任职务：">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="newUser.position"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="入职时间：">
+                              <div class="eidit_Input">
+                                <el-date-picker
+                                  v-model="newUser.hireDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                  :picker-options="pickerOptionsIn"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-3">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="员工状态">
+                              <div class="eidit_Input">
+                                <el-select
+                                  v-model="newUser.isDeparture"
+                                  placeholder="请选择"
+                                >
+                                  <el-option
+                                    v-for="item in stateOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                  ></el-option>
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div
+                          class="yiyun_col-3"
+                          v-if="newUser.isDeparture == 1"
+                        >
+                          <div class="el-form-itemBox">
+                            <el-form-item label="离职时间：">
+                              <div class="eidit_Input">
+                                <el-date-picker
+                                  v-model="newUser.departureDate"
+                                  align="right"
+                                  type="date"
+                                  placeholder="选择日期"
+                                  :picker-options="pickerOptionsIn"
+                                ></el-date-picker>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form>
+                </div>
+              </div>
+            </div>
+            <div class="admin_contentBox_bodyPain" v-if="currentPain == 4">
+              <!-- 右侧内容Box -->
+              <div class="mlr-10">
+                <h4 class="admintitle">修改名称</h4>
+              </div>
+              <div class="mlr-10">
+                <div class="border-line"></div>
+              </div>
+              <div class="mlr-10">
+                <div class="topOption">
+                  <div class="fl">
+                    <div>
+                      <el-button type="primary" v-on:click="updateDept"
+                        >保存</el-button
+                      >
+                      <el-button type="text" v-on:click="cancerSaveUserInfo"
+                        >取消</el-button
+                      >
+                    </div>
+                  </div>
+                  <div class="fr page_button">
+                    <!-- 分页 -->
+                    <!-- <span>上一位</span>
+										<span>1</span>
+										/<span>15</span>
+                    <span>下一位</span>-->
+                  </div>
+                </div>
+              </div>
+              <div class="clear"></div>
+              <div class="largecontentBox">
+                <div class="yiyunTable_list mt-10">
+                  <!-- form -->
+                  <el-form
+                    ref="form"
+                    :rules="deptRules"
+                    :model="deptData"
+                    label-width="90px"
+                    label-position="left"
+                  >
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">部门信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div
+                        class="UserEditinfoBox DivInputHeight DivInputHeight_first noborder"
+                      >
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="部门名称" prop="deptName">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="deptData.deptName"
+                                  placeholder="输入内容"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="上级部门">
+                              <div class="eidit_Input">
+                                <el-cascader
+                                  :options="deptOptions"
+                                  :props="selectProps"
+                                  v-model="deptData.arraySuper"
+                                  change-on-select
+                                ></el-cascader>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form>
+                </div>
+              </div>
+            </div>
+            <div class="admin_contentBox_bodyPain" v-if="currentPain == 5">
+              <!-- 右侧内容Box -->
+              <div class="mlr-10">
+                <h4 class="admintitle">设置子部门</h4>
+              </div>
+              <div class="mlr-10">
+                <div class="border-line"></div>
+              </div>
+              <div class="mlr-10">
+                <div class="topOption">
+                  <div class="fl">
+                    <div>
+                      <el-button
+                        type="primary"
+                        v-on:click="createDept"
+                        :disabled="addDeptDisable"
+                        >保存</el-button
+                      >
+                      <el-button type="text" v-on:click="cancerSaveUserInfo"
+                        >取消</el-button
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="clear"></div>
+              <div class="largecontentBox">
+                <div class="yiyunTable_list mt-10">
+                  <!-- form -->
+                  <el-form
+                    ref="form"
+                    :rules="deptRules"
+                    :model="deptData"
+                    label-width="90px"
+                    label-position="left"
+                  >
+                    <div class="yiyunTable_list_item">
+                      <div class="mlr-10">
+                        <h3 class="secondListTitle">部门信息</h3>
+                      </div>
+                      <div class="mlr-10">
+                        <div class="border-line_light"></div>
+                      </div>
+                      <div class="UserEditinfoBox DivInputHeight noborder">
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="部门名称" prop="deptName">
+                              <div class="eidit_Input">
+                                <el-input
+                                  v-model="deptData.deptName"
+                                  placeholder="请输入子部门名称"
+                                ></el-input>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                        <div class="yiyun_col-6">
+                          <div class="el-form-itemBox">
+                            <el-form-item label="上级部门">
+                              <div class="eidit_Input">
+                                <el-cascader
+                                  :options="deptOptions"
+                                  :props="selectProps"
+                                  v-model="deptData.arraySuper"
+                                  change-on-select
+                                ></el-cascader>
+                              </div>
+                            </el-form-item>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-form>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+
+    <div class="ec_dialog" v-if="isDistWorkDeptDialog">
+      <div class="ec_dialogBox">
+        <div class="ec_dialogBoxHead">
+          <h3 class="ec_dialogBoxHeadTitle fl">设置职员所在部门</h3>
+          <i
+            title="关闭"
+            class="Cicon icon font_family icon-icon_quxiaohuoguanbi ec_dialogBoxHeadclose fr"
+            @click="colseSet"
+          ></i>
+        </div>
+        <div class="line"></div>
+        <div class="ec_dialogBoxBody">
+          <el-cascader-panel
+            :options="deptOptions"
+            :props="selectProps"
+            v-model="currentUser.arraySuper"
+          ></el-cascader-panel>
+        </div>
+        <div class="line"></div>
+        <div class="ec_dialogBoxfooter">
+          <el-button @click="cancelAddDept()">取 消</el-button>
+          <el-button @click="enterAddDept()">指派至所选部门</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// import fileUploader from "@/components/fileUploader/Index";
+import FileUploader from "@/components/file-uploader";
+import * as services from "@/services/user";
+import { wrapOssProtocol, getFileUrl } from "@/services/oss";
+import { downloadFile } from "@/utils/tool";
+// import FormTitle from '@/components/form/form-title';
+// import commonJs from "@/webCommon";
+// Vue.use(fileUploader);
+
+export default {
+  components: {
+    FileUploader,
+    // FormTitle,
+  },
+  data() {
+    return {
+      headSrc: process.env.API_HOST + "archives/head?path=",
+      chunkUploadUrl: process.env.API_HOST + "webupload/chunks",
+      uploadTypeOther: 5, // 除12345以为其他数字为其它，企业通讯录存入企业其它文件目录5
+      currentDeptTitle: "",
+      currUserCount: 0,
+      currentDeptName: "",
+      searchCnName: "",
+      anniutype: "graybtn", //按钮默认灰色
+      currentNode: {},
+      rootNode: {},
+      clickNode: {},
+      currentPain: "1", // 右侧默认面板
+      editButtonGroup: "1",
+      el_formLabelcolor: "textlabelgray", //textlabelgray表单label为灰色字   textlabelblock 表单label为黑色字
+      nodeQuery: {
+        name: "", // 编辑树节点表单的model
+      },
+      isShowDlg: false, // 是否显示编辑节点弹框
+      isDistWorkDeptDialog: false, //设置所在部门
+      listCompanyDept: [], // 部门树数据
+      selectProps: {
+        value: "id",
+        label: "label",
+        children: "children",
+        // multiple: true,
+        checkStrictly: true,
+        expandTrigger:'hover',
+      },
+      listUpdateUserID: [], //选中的用户ID
+      deptOptions: [], // 级联选择器部门数据
+      eidit: false, // 编辑表单
+      form: {
+        name: "",
+        region: "",
+        date1: "",
+        date2: "",
+        delivery: false,
+        type: [],
+        resource: "",
+        desc: "",
+      },
+      deptData: { deptName: "", arraySuper: [] }, // 当前部门数据
+      pageIndex: 1,
+      pageSize: 15,
+      pageTotal: 1,
+      listUserData: [], // 用户信息表
+      currentUser: {},
+      uploadCompId: sessionStorage.companyId,
+      uploadTypeHead: 3, // 3：上传用户头像；2：上传项目封面；1：上传文件
+      newUser: {
+        headImgUrl: "",
+        isDeparture: 0,
+      }, // 新增用户对象
+      newUserDeptArry: [],
+      multipleSelection: [],
+      deptRules:{
+        "deptName":[
+        {required: true, message: "请输入部门名称", trigger: "blur"}
+      ],
+      },
+      newUserRules:{
+        "cnName":[
+        {required: true, message: "请输入姓名", trigger: "blur"}
+      ],
+        "userName":[
+        {required: true, message: "请输入用户名", trigger: "blur"}
+      ],
+        "permission":[
+        {required: true, message: "请选择平台权限", trigger: "blur"}
+      ],
+        "backgroundPermission":[
+        {required: true, message: "请选择后台角色", trigger: "blur"}
+      ],
+        "phone":[
+        {required: true, message: "请输入手机号", trigger: "blur"}
+      ],
+        "arraySuper":[
+        {required: true, message: "请选择部门", trigger: "blur"}
+      ],
+
+      },
+      pickerOptionsIn: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            },
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            },
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            },
+          },
+        ],
+      }, // 日期选择框属性
+      pickerOptionsGraduate: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            },
+          },
+          {
+            text: "一年前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 365);
+              picker.$emit("pick", date);
+            },
+          },
+          {
+            text: "三年前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 365 * 3);
+              picker.$emit("pick", date);
+            },
+          },
+        ],
+      }, // 日期选择框属性
+      specOptions: [
+        {
+          value: "选项1",
+          label: "机务专业",
+        },
+        {
+          value: "选项2",
+          label: "设计专业",
+        },
+        {
+          value: "选项3",
+          label: "机电专业",
+        },
+        {
+          value: "选项4",
+          label: "水暖电",
+        },
+        {
+          value: "选项5",
+          label: "结构设计",
+        },
+      ],
+      roleOptions: services.roleOptions,
+      backgroundRoleOptions: services.consoleRoleOptions,
+      stateOptions: services.stateOptions,
+      educationOptions: [
+        {
+          value: "博士",
+          label: "博士",
+        },
+        {
+          value: "硕士研究生",
+          label: "硕士研究生",
+        },
+        {
+          value: "本科",
+          label: "本科",
+        },
+        {
+          value: "专科",
+          label: "专科",
+        },
+        {
+          value: "自考",
+          label: "自考",
+        },
+      ],
+      addDeptDisable: false,
+    };
+  },
+  filters: {
+    formatDate: function (val) {
+      var value = new Date(val);
+      var year = value.getFullYear();
+      var month = value.getMonth() + 1;
+      var day = value.getDate();
+      month = month < 10 ? "0" + month : month;
+      day = day < 10 ? "0" + day : day;
+      return year + "-" + month + "-" + day;
+    },
+  },
+  mounted: function () {
+    this.listDepts();
+    
+  setInterval(function () {
+    document.querySelectorAll('.el-cascader-node__label').forEach(el => {
+      el.onclick = function () {
+        if (this.previousElementSibling) {
+        this.previousElementSibling.click()
+       
+        }
+      }
+    })
+  }, 1000)
+  },
+  methods: {
+    /**
+     * 人员选中事件
+     */
+    changeFun(val) {
+      this.multipleSelection = val; // 返回的是选中的列的数组集合
+      this.anniutype = "";
+    },
+    /**
+     * 加载部门树
+     */
+    async listDepts() {
+      var thisApp = this;
+      const nodes = await services.fetchAddressBook(sessionStorage.companyId);
+      thisApp.listCompanyDept = nodes;
+      thisApp.deptOptions = nodes;
+      var node = nodes[0];
+      thisApp.rootNode = node;
+      this.getUserList(node || undefined);
+      // if (node.children.length > 0) {
+      // debugger;
+      if (thisApp.currentNode.id == undefined) {
+        thisApp.currentNode = node;
+        setTimeout(() => {
+          thisApp.$refs.tree.setCurrentKey(node.id);
+        }, 50);
+        thisApp.currentDeptTitle = node.label;
+      }
+      // thisApp.getEveryUsers(node.id);
+      // }
+    },
+    /**
+     * 获取通讯录列表
+     */
+    async getUserList(
+      node = this.listCompanyDept[0],
+      page = this.pageIndex,
+      pageSize = this.pageSize,
+      keywords = this.searchCnName
+    ) {
+      if (!node) {
+        debugger;
+        return;
+      }
+      const {
+        list,
+        page: nextPage,
+        pageSize: nextPageSize,
+        total,
+      } = await services.getUserListByNode(
+        node,
+        this.pageIndex,
+        this.pageSize,
+        keywords
+      );
+      this.listUserData = list;
+      this.pageTotal = Math.ceil(total / nextPageSize);
+      this.currUserCount = total;
+    },
+    /**
+     * @description: 上一页
+     * @param {type}
+     * @return:
+     */
+    prePage: function () {
+      if (this.pageIndex > 1) {
+        this.pageIndex = this.pageIndex - 1;
+        var node = this.$refs.tree.getCurrentNode();
+        this.getUserList(node);
+        this.currentPain = 1; // 显示职员列表
+      }
+    },
+    /**
+     * @description:下一页
+     * @param {type}
+     * @return:
+     */
+    nextPage: function () {
+      if (this.pageIndex < this.pageTotal) {
+        this.pageIndex = this.pageIndex + 1;
+        var node = this.$refs.tree.getCurrentNode();
+        this.getUserList(node);
+        this.currentPain = 1; // 显示职员列表
+      }
+    },
+    /**
+     * @description: 查询用户
+     * @param {type}
+     * @return:
+     */
+    async searchUser() {
+      this.getUserList(this.rootNode);
+    },
+    clearSearchUser() {
+      this.currentDeptTitle = this.rootNode.label;
+      this.getUserList(this.rootNode, 1, 15);
+    },
+    /**
+     * 树节点-点击事件
+     */
+    nodeClick: function (data, node) {
+      this.pageIndex = 1;
+      this.searchCnName = "";
+      this.clickNode = node;
+      this.getUserList(data, 1, 15);
+      if (data.nodeType === "company") {
+        // this.getEveryUsers(data.id);
+        this.newUser.arraySuper = [];
+        this.newUser.arraySuper.push(data.id);
+      } else {
+        // this.listUsers(data.id);
+        var arrayNew = JSON.parse(JSON.stringify(data.data.arraySuper));
+        arrayNew.push(data.id);
+        this.newUser.arraySuper = arrayNew;
+      }
+      this.currentDeptTitle = data.label;
+      this.currentPain = 1; // 显示职员列表
+    },
+    /**
+     * 创建部门信息
+     */
+    createDept() {
+      this.$refs['form'].validate(async (valid)=>{
+        if(!valid) return;
+        this.addDeptDisable = true;
+        var thisApp = this;
+        var array = new Array();
+        array = this.deptData.arraySuper;
+        var levelId = "";
+        var superId = "";
+        if (array.length > 0) {
+          for (var i = 0; i < array.length; i++) {
+            levelId = levelId + array[i];
+            if (i < array.length - 1) {
+              levelId = levelId + "-";
+            } else {
+              superId = array[i];
+            }
+          }
+        }
+        var parm = {
+          deptName: this.deptData.deptName,
+          companyId: sessionStorage.companyId,
+          remark: "",
+          // createUserId: sessionStorage.userId || '',
+          // modifyUserId: sessionStorage.userId || '',
+          levelId: levelId,
+          superId: superId,
+        };
+        const res = await services.createDepartment(parm);
+        const ifSucc = res.Code === 0;
+        if (!ifSucc) {
+          this.addDeptDisable = false;
+          this.$notify({
+            type:'error',
+            message: res.Msg,
+            offset: 100,
+            duration: 5000,
+          });
+          return;
+        }
+        thisApp.addDeptDisable = false;
+        this.$notify({
+          message:`部门“${this.deptData.deptName}”已完成添加。`,
+          type: ["success"],
+          // offset: 100,
+          duration: 2500,
+        });
+        thisApp.listDepts();
+        this.currentPain = 1;
+        this.el_formLabelcolor = "textlabelgray";
+
+      })
+
+    },
+    /**
+     * 更新部门信息
+     */
+     updateDept() {
+      this.$refs['form'].validate(async (valid)=>{
+        if(!valid) return;
+        var thisApp = this;
+        this.deptData.modifyUserId = sessionStorage.userId;
+        const deptData = this.deptData;
+        const param = {
+          Id: deptData.id,
+          SuperId: deptData.superId,
+          CompanyId: deptData.companyId,
+          LevelId: deptData.arraySuper.join("-"),
+          DeptName: deptData.deptName,
+        };
+        const res = await this.$fetchApi("dept/updateDept", param);
+        const ifSucc = res.Code === 0;
+        if (!ifSucc) {
+          thisApp.$notify({  
+            type:'error',
+            message: res.Msg,
+            offset: 100,
+            duration: 5000,
+          });
+        }
+        thisApp.$notify({
+          message: "修改成功。",
+          type: "success",
+          offset: 100,
+          duration: 2500,
+        });
+        thisApp.listDepts();
+        this.currentPain = 1;
+
+        })
+      // // todo
+      // this.$axios({
+      //   method: "put",
+      //   url: encodeURI(process.env.API_HOST + "sysinfo/dept"),
+      //   data: this.deptData,
+      // })
+      //   .then((response) => {
+      //     if (response.data.state == 1) {
+      //       thisApp.$notify({
+      //         title: "  ",
+      //         message: response.data.message,
+      //         type: "success",
+      //         offset: 100,
+      //         duration: 2500,
+      //       });
+      //       thisApp.listDepts();
+      //       this.currentPain = 1;
+      //     } else {
+      //       thisApp.$notify.error({
+      //          
+      //         message: response.data.message,
+      //         offset: 100,
+      //         duration: 5000,
+      //       });
+      //     }
+      //   })
+      //   .catch((error) => {
+      //     console.log(error);
+      //   });
+    },
+    /**
+     * 验证部门信息表单数据
+     */
+    checkDeptData: function () {
+      if (this.deptData.deptName == null || this.deptData.deptName == "") {
+        this.$notify({    
+          message: "请输入部门名称。",
+          type: "warning",
+          offset: 100,
+          duration: 2500,
+        });
+        return false;
+      }
+      if (
+        this.deptData.arraySuper == null ||
+        this.deptData.arraySuper.length < 1
+      ) {
+        this.$notify({
+           
+          message: "请选择上级部门。",
+          type: "warning",
+          offset: 100,
+          duration: 2500,
+        });
+        return false;
+      }
+      return true;
+    },
+    /**
+     * 删除部门
+     */
+    deleteDept: function (data) {
+      var deptName = data.label;
+      var thisApp = this;
+      this.$confirm(`部门删除后将无法恢复，是否继续删除部门“${deptName}”？`, "", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          data.data.modifyUserId = sessionStorage.userId;
+          const res = await this.$fetchApi("dept/deleteDeptByDeptId", {
+            id: data.id,
+          });
+          const ifSucc = res.Code === 0;
+          if (!ifSucc) {
+            thisApp.$notify({
+               
+              message: res.Msg,
+              type: "error",
+              offset: 100,
+              duration: 5000,
+            });
+            return;
+          }
+          thisApp.$notify({
+            message:`部门“${deptName}”已删除。`,
+            type: ["success"],
+            duration: 2500,
+          });
+          thisApp.listDepts();
+        })
+        .catch(() => {});
+    },
+    /**
+     * 新增用户
+     */
+    addUserInfo: function () {
+      this.currentPain = 3;
+    },
+    /**
+     * 设置所在部门
+     */
+    addDept: function () {
+      if (this.multipleSelection[0] == null) {
+        return;
+      }
+      this.isDistWorkDeptDialog = true;
+    },
+    /**
+     * @description:设置职员管理事件
+     * @param {type}
+     * @return:
+     */
+    colseSet: function () {
+      this.isDistWorkDeptDialog = false;
+      this.currentUser.arraySuper=[];
+    },
+    /**
+     * 取消选项
+     */
+    cancelAddDept: function () {
+      this.currentUser.arraySuper = [];
+      this.isDistWorkDeptDialog = false;
+    },
+    /**
+     * 确定设置所在部门
+     */
+    async enterAddDept() {
+      var thisApp = this;
+      if (thisApp.currentUser.arraySuper == null) {
+        return;
+      }
+      for (var i = 0; i < thisApp.multipleSelection.length; i++) {
+        thisApp.listUpdateUserID[i] = thisApp.multipleSelection[i].id;
+      }
+      var param = {
+        listUpdateUserID: thisApp.listUpdateUserID,
+        deptID:
+          thisApp.currentUser.arraySuper[
+            thisApp.currentUser.arraySuper.length - 1
+          ],
+        userID: sessionStorage.userId,
+      };
+      const deptId =
+        thisApp.currentUser.arraySuper[
+          thisApp.currentUser.arraySuper.length - 1
+        ];
+      // todo
+      const res = await this.$fetchApi("user/changeUsersDept", {
+        userIds: this.listUpdateUserID.join(","),
+        deptId,
+      });
+      const ifSucc = res.Code === 0;
+      if (!ifSucc) {
+        this.$notify({
+          type:'error',           
+          message: res.Msg,
+          offset: 100,
+          duration: 5000,
+        });
+        return;
+      }
+      this.$notify({
+        message: "已完成指派。",
+        type: "success",
+        duration: 2500,
+      });
+      this.isDistWorkDeptDialog = false;
+      this.currentUser.arraySuper = [];
+      this.getUserList(this.$refs.tree.getCurrentNode());
+    },
+    /**
+     * 删除用户
+     */
+    deleteUsers: function () {
+      var thisApp = this;
+      if (thisApp.multipleSelection[0] == null) {
+        return;
+      }
+      if (thisApp.multipleSelection.some((user) => user.default === 1)) {
+        this.$notify({   
+          message: "法人账号不能删除。",
+          type: ["erro"],
+          duration: 2500,
+        });
+        return;
+      }
+      var node = thisApp.$refs.tree.getCurrentNode();
+      thisApp
+        .$confirm("用户被删除后将无法恢复，是否继续？", "", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(async () => {
+          for (var i = 0; i < thisApp.multipleSelection.length; i++) {
+            thisApp.listUpdateUserID[i] = thisApp.multipleSelection[i].id;
+          }
+          // var param = {
+          //   listUpdateUserID: thisApp.listUpdateUserID,
+          //   deptID: thisApp.multipleSelection[0].deptID,
+          //   userID: sessionStorage.userId,
+          // };
+          const res = await this.$fetchApi("user/deleteUser", {
+            id: this.listUpdateUserID.join(","),
+          });
+          const ifSucc = res.Code === 0;
+          if (!ifSucc) {
+            thisApp.$notify({
+              type:'error',               
+              message: res.Msg,
+              offset: 100,
+              duration: 5000,
+            });
+            return;
+          }
+          thisApp.$notify({
+            message: "所选用户删除完成。",
+            type: ["success"],
+            duration: 2500,
+          });
+          this.getUserList();
+          // thisApp.nodeClick(node || undefined);
+        });
+    },
+
+    /**
+     * 创建用户
+     * @param {boolean} ifcontinue 是否继续创建
+     */
+    createUser(ifcontinue = false) {
+      var thisApp = this;
+      this.$refs['form'].validate(async (valid)=>{
+        if (!valid) return;
+        this.newUser.deptid = this.newUser.arraySuper[
+          this.newUser.arraySuper.length - 1
+        ];
+      this.newUser.createUserId = sessionStorage.userId;
+      this.newUser.companyId = sessionStorage.companyId;
+      const res = await services.addUser(this.newUser);
+      const ifSucc = res.Code === 0;
+      if (!ifSucc) {
+        thisApp.$notify({
+          type:'error',           
+          message: res.Msg,
+          offset: 100,
+          duration: 5000,
+        });
+        return;
+      }
+      // thisApp.newUser = {};
+      thisApp.$notify({
+        message: `${this.newUser.cnName}添加成功。`,
+        type: ["success"],
+        duration: 2500,
+      });
+      var node = this.$refs.tree.getCurrentNode();
+      this.newUser = { headImgUrl: "", isDeparture: 0 };
+      // this.listUsers(node.id);
+      this.getUserList(node || undefined);
+      if (!ifcontinue) {
+        this.currentPain = 1;
+      }
+      });
+    },
+    /**
+     * 保存用户信息
+     */
+    saveUserInfo: function () {
+      this.editButtonGroup = 1;
+      this.eidit = false;
+    },
+    /**
+     * 头像上传成功回调函数
+     */
+    headPicUploadSuccess: function (file) {
+      const filePath = wrapOssProtocol(file.ossUrl);
+      //console.log(filePath)
+      if (this.eidit == true) {
+        this.currentUser.headImgUrl = filePath;
+        
+      }
+      if (this.currentPain == 3) {
+        this.newUser.headImgUrl = filePath;
+      }
+    },
+    /**
+     * 导入用户excel文件成功时，创建用户信息
+     */
+    excelUploadSuccess: function (file) {
+      var param = {
+        filepath: file.filePath,
+        companyId: sessionStorage.companyId,
+        userId: sessionStorage.userId,
+      };
+      this.$axios({
+        method: "get",
+        url: encodeURI(process.env.API_HOST + "sysinfo/users/import"),
+        params: param,
+      })
+        .then((response) => {
+          if (response.data != null) {
+            this.$notify({
+
+              message: response.data.message,
+              type: "success",
+              offset: 100,
+              duration: 5000,
+            });
+            var node = this.$refs.tree.getCurrentNode();
+            this.currentPain = 1;
+            // this.listUsers(node.id);
+            this.getUserList(node);
+          }
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    /**
+     * 导出当前用户
+     */
+    exportUser: function () {
+      if (this.listUserData.length < 1) {
+        this.$notify({
+           
+          message: "当前列表用户为空，请先查询用户",
+          type: "warning",
+          offset: 100,
+          duration: 2500,
+        });
+        return;
+      }
+      this.$confirm("导出当前用户列表，是否继续？", "", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        var node = this.$refs.tree.getCurrentNode();
+        var isCompany = false;
+        var deptid = "";
+        if (node == null) {
+          isCompany = true;
+          deptid = this.rootNode.id;
+        } else if (this.clickNode.level == 1) {
+          isCompany = true;
+          deptid = node.id;
+        } else {
+          deptid = node.id;
+        }
+        var param = {
+          deptId: deptid,
+          userId: sessionStorage.userId,
+          companyId: sessionStorage.companyId,
+          isCompany: isCompany,
+        };
+        this.$axios({
+          method: "post",
+          url: encodeURI(process.env.API_HOST + "sysinfo/users/export/dept"),
+          data: param,
+        })
+          .then((response) => {
+            if (response.status == 200 && response.data != null) {
+              this.$notify({
+                message: "导出成功",
+                type: "success",
+                offset: 100,
+                duration: 2500,
+              });
+              var url = encodeURI(
+                process.env.API_HOST +
+                  "archives/download/path?filepath=" +
+                  response.data +
+                  "&filename=" +
+                  "导出用户"
+              );
+              var iframe = document.createElement("iframe");
+              iframe.style.display = "none";
+              iframe.src = url;
+              document.body.appendChild(iframe);
+            }
+          })
+          .catch((error) => {
+            console.log(error);
+          });
+      });
+    },
+    /**
+     *  查看用户信息
+     */
+    async scanUserInfo(user) {
+      var thisApp = this;
+      const userInfo = await services.getUserInfo(user.id);
+      userInfo.arraySuper =
+        (userInfo.deptId || userInfo.companyId) === userInfo.companyId
+          ? []
+          : userInfo.levelId.split("-").concat(userInfo.deptId);
+      thisApp.currentPain = 2;
+      thisApp.currentUser = userInfo;
+      var initTime=new Date("0001-01-01T00:00:00Z").getTime();
+      var departureDate=new Date(userInfo.departureDate).getTime();
+      var birthday=new Date(userInfo.birthday).getTime();
+      var gradutionDate=new Date(userInfo.gradutionDate).getTime();
+      var hireDate=new Date(userInfo.hireDate).getTime();
+      if(departureDate==initTime){
+        thisApp.currentUser.departureDate=null;
+      }
+      if(birthday==initTime){
+        thisApp.currentUser.birthday=null;
+      }
+      if(gradutionDate==initTime){
+        thisApp.currentUser.gradutionDate=null;
+      }
+      if(hireDate==initTime){
+        thisApp.currentUser.hireDate=null;
+      }
+  
+      thisApp.eidit = false;
+
+      // this.$axios({
+      //   method: "get",
+      //   url: encodeURI(process.env.API_HOST + "sysinfo/dept/" + user.deptID),
+      // })
+      //   .then((response) => {
+      //     if (response.data != null) {
+      //       thisApp.currentPain = 2;
+      //       thisApp.currentUser = user;
+      //       thisApp.currentUser.arraySuper = response.data.arraySuper;
+      //       thisApp.currentUser.deptName = response.data.deptName;
+      //       thisApp.currentUser.arraySuper.push(thisApp.currentUser.deptID);
+      //       thisApp.eidit = false;
+      //     } else {
+      //     }
+      //   })
+      //   .catch((error) => {
+      //     console.log(error);
+      //   });
+    },
+    /**
+     * @description: 返回用户信息
+     * @param {type}
+     * @return:
+     */
+    backUserInfo: function () {
+      this.currentPain = 1;
+    },
+    /**
+     * @description: 编辑用户信息
+     * @param {type}
+     * @return:
+     */
+    editUserInfo: function () {
+      this.editButtonGroup = 2;
+      this.eidit = true;
+      this.el_formLabelcolor = "textlabelblock";
+    },
+    /**
+     * 编辑用户保存
+     */
+    async modifyUser() {
+      var thisApp = this;
+      this.$refs['form'].validate(async (valid)=>{
+        if(!valid) return;
+        this.currentUser.deptid = this.currentUser.arraySuper[
+          this.currentUser.arraySuper.length - 1
+        ];  
+      this.currentUser.modifyUserId = sessionStorage.userId;
+      const res = await services.updateUser(this.currentUser);
+      const ifSucc = res.Code === 0;
+      if (!ifSucc) {
+        thisApp.$notify({
+          type:'error',           
+          message: res.Msg,
+          offset: 100,
+          duration: 5000,
+        });
+        return;
+      }
+      thisApp.$notify({
+        message: "修改成功。",
+        type: "success",
+        offset: 100,
+        duration: 2500,
+      });
+      this.currentPain = 1;
+      this.editButtonGroup = 1;
+      // this.listUsers(this.$refs.tree.getCurrentNode().id);
+      this.getUserList(this.$refs.tree.getCurrentNode());      
+      });
+    },
+    /**
+     * 禁用用户
+     */
+    disableUserInfo: function (state) {
+      var thisApp = this;
+      var actionText = "";
+      if (state == 0) {
+        actionText = "启用";
+      } else {
+        actionText = "禁用";
+      }
+      this.$confirm(`${actionText}的用户将${actionText == "禁用" ? "无法" : "有权"}访问我司LOCKING，确定${actionText}“${this.currentUser.cnName}”的账户吗？`,
+        "",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.currentUser.modifyUserId = sessionStorage.userId;
+          this.currentUser.disable = state;
+          this.$axios({
+            method: "put",
+            url: encodeURI(process.env.API_HOST + "sysinfo/userinfo"),
+            data: this.currentUser,
+          })
+            .then((response) => {
+              if (response.data.state == 1) {
+                thisApp.$notify({
+                  message: `${this.currentUser.cnName}已${actionText}`,
+                  type: "success",
+                  offset: 100,
+                  duration: 2500,
+                });
+              } else {
+                thisApp.$notify({
+                  type:'error',
+                  message: response.data.message,
+                  offset: 100,
+                  duration: 5000,
+                });
+              }
+            })
+            .catch((error) => {
+              console.log(error);
+            });
+        })
+        .catch(() => {
+          // thisApp.$notify.info({
+             
+          //   message: "已取消" + actionText,
+          //   offset: 100,
+          //   duration: 2500,
+          // });
+        });
+    },
+    /**
+     * 删除用户信息
+     */
+    deleteUserInfo: function () {
+      var thisApp = this;
+      this.$confirm(
+        `账户删除后将无法恢复，是否继续删除“${this.currentUser.cnName}”的账户？`,
+        "",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "error",
+        }
+      )
+        .then(async () => {
+          const res = await this.$fetchApi("user/deleteUser", {
+            id: this.currentUser.id,
+          });
+          if (res.Code !== 0) {
+            thisApp.$notify({    
+              type:'error',           
+              message: res.Msg,
+              offset: 100,
+              duration: 5000,
+            });
+            return;
+          }
+          thisApp.currentPain = 1;
+          thisApp.$notify({
+            message: `“${this.currentUser.cnName}”的账户已删除。`,
+            type: ["success"],
+            duration: 2500,
+          });
+          thisApp.listDepts();
+          // this.currentUser.modifyUserId = sessionStorage.userId;
+          // this.currentUser.deleted = 1;
+          // this.$axios({
+          //   method: "put",
+          //   url: encodeURI(process.env.API_HOST + "sysinfo/userinfo"),
+          //   data: this.currentUser,
+          // })
+          //   .then((response) => {
+          //     if (response.data.state == 1) {
+          //       thisApp.currentPain = 1;
+          //       thisApp.$notify({
+          //         title: "  ",
+          //         message: "删除成功",
+          //         type: "success",
+          //         offset: 100,
+          //         duration: 2500,
+          //       });
+          //       thisApp.listDepts();
+          //     } else {
+          //       thisApp.$notify.error({
+          //          
+          //         message: response.data.message,
+          //         offset: 100,
+          //         duration: 5000,
+          //       });
+          //     }
+          //   })
+          //   .catch((error) => {
+          //     console.log(error);
+          //   });
+        })
+        .catch(() => {
+          // this.$notify.info({
+             
+          //   message: "已取消删除",
+          //   offset: 100,
+          //   duration: 2500,
+          // });
+        });
+    },
+    /**
+     * @description: 取消保存用户信息
+     * @param {type}
+     * @return:
+     */
+    cancerSaveUserInfo: function () {
+      this.newUser = { headImgUrl: "", isDeparture: 0 };
+      this.currentPain = 1;
+      this.editButtonGroup = 1;
+      this.eidit = false;
+    },
+    /**
+     * @description: 取消编辑用户信息
+     * @param {type}
+     * @return:
+     */
+    cancerEditUserInfo: function () {
+      this.currentPain = 1;
+      this.editButtonGroup = 1;
+      this.eidit = false;
+      this.el_formLabelcolor = "textlabelgray";
+    },
+    /**
+     * @description: 部门重命名
+     * @param {type}
+     * @return:
+     */
+    eidtPartName: function (data) {
+      // this.currentPain = 1;
+      this.currentPain = 4;
+      // this.deptData = {};
+      this.deptData = data.data;
+      this.setDisabled(this.deptOptions[0].children, data.id);
+    },
+    /**
+     * @description: 设置用户状态
+     * @param {type}
+     * @return:
+     */
+    setDisabled: function (children, id) {
+      if (children == null) {
+        return;
+      }
+      for (var i = 0; i < children.length; i++) {
+        if (children[i].id == id) {
+          children[i].disabled = true;
+        } else {
+          children[i].disabled = false;
+        }
+        this.setDisabled(children[i].children, id);
+      }
+    },
+    /**
+     * 添加子部门
+     */
+    addPartName: function (data) {
+      this.deptData.deptName = "";
+      this.deptData.arraySuper = [];
+      this.currentPain = 1;
+      this.currentPain = 5;
+      if (data.data.arraySuper != null && data.data.arraySuper.length > 0) {
+        var array = JSON.parse(JSON.stringify(data.data.arraySuper)); // v1只取出对象的值
+        array.push(data.id);
+        this.deptData.arraySuper = array;
+        //  this.deptData.arraySuper = data.data.arraySuper;
+      } else {
+        this.deptData.arraySuper = [];
+        this.deptData.arraySuper.push(data.id);
+      }
+      this.setDisabled(this.deptOptions[0].children, "1");
+    },
+    /**
+     * 下载通讯录模板
+     * item：文件对象
+     */
+    downLoadUserModel: function () {
+      // var url = process.env.API_HOST + "archives/usermodel";
+      // var iframe = document.createElement("iframe");
+      // iframe.style.display = "none";
+      // iframe.src = url;
+      // document.body.appendChild(iframe);
+      // const filename = '导入用户模板.xlsx';
+      const url = getFileUrl("oss://导入用户模板.xlsx", "导入用户模板.xlsx");
+      downloadFile(url);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.notclick{
+  cursor:not-allowed;
+  opacity: 0.8;
+}
+
+.avator-btn {
+  line-height: 50px;
+  ::v-deep > div {
+    margin-left: 20px;
+  }
+}
+.ec_dialogBoxBody {
+  ::v-deep .el-radio__input .el-radio__inner{
+      background-color:#A7A8B7;
+      background:#A7A8B7;
+      border: 1px solid #A7A8B7;
+  }
+  ::v-deep .el-scrollbar__wrap { overflow-x: hidden; }
+  ::v-deep li.el-cascader-node {
+    padding: 0px 20px;
+    &.is-active,
+    &.in-active-path,
+    &.in-checked-path
+     {
+       .el-radio__input .el-radio__inner{
+           background-color:#8c00ff !important;
+           background:#8c00ff !important;
+        }
+     background-color:#EBEBF2;
+     font-weight: normal;
+     color:#606266;
+    }
+  }
+  ::v-deep .el-cascader-menu__list{
+    padding:6px 16px 0px 0px;    
+    li{  
+        height: 44px;
+        background-color: rgba(255, 255, 255, 0);
+    }
+  }
+}
+</style>
+
+<style>
+  .list-company-dept .el-tree-node__content {
+    margin: 0 10px 0 0;
+  }
+</style>
\ No newline at end of file