ylyx-cli 1.0.16 → 1.1.1

package/templates/vue-app/files/src/views/system/user/index.vue

@@ -1,972 +1,972 @@
-<template>
-  <div class="app-container">
-    <!--工具栏-->
-    <div class="head-container">
-      <div v-if="crud.props.searchToggle">
-        <!-- 搜索 -->
-        <el-input
-          v-model="query.name"
-          clearable
-          size="small"
-          placeholder="请输入姓名"
-          style="width: 200px"
-          class="filter-item"
-          @keyup.enter.native="crud.toQuery" />
-        <el-select
-          v-model="query.roleId"
-          clearable
-          size="small"
-          placeholder="请选择角色"
-          class="filter-item"
-          style="width: 150px"
-          @change="crud.toQuery">
-          <el-option
-            v-for="item in roles"
-            :key="item.name"
-            :disabled="level !== 1 && item.level <= level"
-            :label="item.name"
-            :value="item.id" />
-        </el-select>
-        <rrOperation />
-      </div>
-      <crudOperation show="" :permission="permission" />
-    </div>
-    <!--表单渲染-->
-    <el-dialog
-      append-to-body
-      :close-on-click-modal="false"
-      :before-close="crud.cancelCU"
-      :visible.sync="crud.status.cu > 0"
-      :title="crud.status.title"
-      width="850px">
-      <el-form
-        ref="form"
-        :inline="true"
-        :model="addData"
-        :rules="rules"
-        size="small"
-        label-width="100px">
-        <el-form-item label="角色" prop="roleDatas">
-          <el-select
-            ref="roleselect"
-            :multiple-limit="multiplelimit"
-            v-model="roleDatas"
-            style="width: 260px"
-            multiple
-            placeholder="请选择"
-            @remove-tag="deleteTag"
-            @change="changeRole">
-            <el-option
-              v-for="item in roles"
-              :key="item.name"
-              :disabled="level !== 1 && item.level <= level"
-              :label="item.name"
-              :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="用户名" prop="username">
-          <el-input v-model="addData.username" :disabled="isDisabled" style="width: 260px" />
-        </el-form-item>
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="addData.name" style="width: 260px" />
-        </el-form-item>
-        <el-form-item v-if="!isDisabled" label="密码" prop="password">
-          <el-input v-model="addData.password" style="width: 260px" />
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model.number="addData.phone" style="width: 260px" />
-        </el-form-item>
-        <el-form-item label="单位" prop="company">
-          <el-input v-model.number="addData.company" style="width: 260px" />
-        </el-form-item>
-        <el-form-item label="职务" prop="duty">
-          <el-input v-model.number="addData.duty" style="width: 260px" />
-        </el-form-item>
-        <el-form-item style="display: block" label="管辖区域" prop="managerArea">
-          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-            <el-tab-pane label="省" name="province">
-              <el-select
-                ref="selectUser"
-                v-model="addData.province"
-                style="width: 260px"
-                placeholder="请选择省"
-                @remove-tag="deleteTag"
-                @change="queryCity">
-                <el-option
-                  v-for="item in provinceOptions"
-                  :key="item.saleid"
-                  :label="item.province"
-                  :value="item.saleid" />
-              </el-select>
-            </el-tab-pane>
-            <el-tab-pane label="市" name="city">
-              <el-row :gutter="20">
-                <el-col :span="12">
-                  <el-select
-                    ref="selectAppType"
-                    v-model="addData.province"
-                    style="width: 260px"
-                    placeholder="请选择省"
-                    @remove-tag="deleteTag"
-                    @change="queryCity">
-                    <el-option
-                      v-for="item in provinceOptions"
-                      :key="item.saleid"
-                      :label="item.province"
-                      :value="item.saleid" />
-                  </el-select>
-                </el-col>
-                <el-col :span="12">
-                  <el-select
-                    ref="selectAppType"
-                    v-model="addData.city"
-                    style="width: 260px"
-                    placeholder="请选择市"
-                    @remove-tag="deleteTag"
-                    @change="queryCounty">
-                    <el-option
-                      v-for="item in cityOptions"
-                      :key="item.saleid"
-                      :label="item.city"
-                      :value="item.saleid" />
-                  </el-select>
-                </el-col>
-              </el-row>
-            </el-tab-pane>
-            <el-tab-pane label="区/县" name="county">
-              <el-row :gutter="20">
-                <el-col :span="8">
-                  <el-select
-                    ref="selectAppType"
-                    v-model="addData.province"
-                    style="width: 160px"
-                    placeholder="请选择省"
-                    @remove-tag="deleteTag"
-                    @change="queryCity">
-                    <el-option
-                      v-for="item in provinceOptions"
-                      :key="item.saleid"
-                      :label="item.province"
-                      :value="item.saleid" />
-                  </el-select>
-                </el-col>
-                <el-col :span="8">
-                  <el-select
-                    ref="selectAppType"
-                    v-model="addData.city"
-                    style="width: 160px"
-                    placeholder="请选择市"
-                    @remove-tag="deleteTag"
-                    @change="queryCounty">
-                    <el-option
-                      v-for="item in cityOptions"
-                      :key="item.saleid"
-                      :label="item.city"
-                      :value="item.saleid" />
-                  </el-select>
-                </el-col>
-                <el-col :span="8">
-                  <el-select
-                    ref="selectAppType"
-                    v-model="addData.county"
-                    style="width: 160px"
-                    placeholder="请选择区/县"
-                    @remove-tag="deleteTag"
-                    @change="queryHosTeam">
-                    <el-option
-                      v-for="item in countyOptions"
-                      :key="item.saleid"
-                      :label="item.county"
-                      :value="item.saleid" />
-                  </el-select>
-                </el-col>
-              </el-row>
-            </el-tab-pane>
-            <el-tab-pane label="医院/团队" name="hospital">
-              <!--              <el-select-->
-              <!--                multiple-->
-              <!--                filterable-->
-              <!--                ref="selectAppType"-->
-              <!--                v-model="addData.hospital"-->
-              <!--                style="width: 260px"-->
-              <!--                placeholder="请选择医院"-->
-              <!--                @remove-tag="deleteTag"-->
-              <!--                @change="changehospital"-->
-
-              <!--              >-->
-              <!--                <el-option-->
-              <!--                  v-for="item in hospitalList"-->
-              <!--                  :key="item.scenceID"-->
-              <!--                  :label="item.hospitalName"-->
-              <!--                  :value="item.scenceID"-->
-              <!--                />-->
-              <!--              </el-select>-->
-              <el-select
-                multiple
-                filterable
-                :multiple-limit="baseLineRole === 58 ? multiplelimit : 0"
-                ref="hosselect"
-                v-model="addData.hospital"
-                style="width: 260px"
-                placeholder="请选择医院"
-                @remove-tag="deleteTag"
-                @change="changehospital">
-                <el-option
-                  v-for="item in hospitalList"
-                  :key="item.scenceID"
-                  :label="item.hospitalName"
-                  :value="item.scenceID" />
-              </el-select>
-              <el-select
-                multiple
-                filterable
-                :disabled="baseLineRole === 58"
-                ref="selectAppType"
-                v-model="addData.team"
-                style="width: 260px"
-                placeholder="请选择团队"
-                @remove-tag="deleteTag"
-                @change="changeTeam">
-                <el-option
-                  v-for="item in teamList"
-                  :key="item.groupId"
-                  :label="item.groupName"
-                  :value="item.groupId" />
-              </el-select>
-            </el-tab-pane>
-          </el-tabs>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="text" @click="crud.cancelCU">取消</el-button>
-        <!--        <el-button v-if="!isDisabled" :loading="crud.status.cu === 2" type="primary" @click="submitAdd">确认</el-button>-->
-        <!--        <el-button v-else :loading="crud.status.cu === 2" type="primary" @click="submitedit">修改</el-button>-->
-        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU"
-          >确定</el-button
-        >
-      </div>
-    </el-dialog>
-    <!--表格渲染-->
-    <el-table
-      ref="table"
-      v-loading="crud.loading"
-      :data="crud.data"
-      style="width: 100%"
-      :cell-style="{ textAlign: 'center' }"
-      :header-cell-style="{ textAlign: 'center' }"
-      @selection-change="crud.selectionChangeHandler"
-      @row-click="handleCurrentChange">
-      <el-table-column label="序号" type="index" align="center">
-        <template slot-scope="scope">
-           <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="name" label="姓名" />
-      <el-table-column :show-overflow-tooltip="true" prop="username" label="用户名" />
-      <el-table-column :show-overflow-tooltip="true" prop="roles" label="角色">
-        <template slot-scope="scope">
-          <div v-for="(item, index) in scope.row.roles" :key="index">
-            {{ item.name || omitData }}
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column
-        :show-overflow-tooltip="true"
-        class="tc"
-        v-for="(item, index) in checkTables"
-        :key="index.key"
-        :label="item.label"
-        :prop="item.prop"
-        :width="item.width">
-        <template slot-scope="scope">
-          <div class="long_title" v-if="item.prop === 'administer'">
-            {{ scope.row.administer || omitData }}
-          </div>
-          <div v-else>
-            {{ scope.row[scope.column.property] || omitData }}
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="checkPer(['admin', 'user:edit', 'user:del'])"
-        label="操作"
-        width="250"
-        align="center"
-        fixed="right">
-        <template slot-scope="scope">
-          <urOperation
-            :data="scope.row"
-            :permission="permission"
-            :disabled-dle="scope.row.id === 1" />
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <pagination />
-  </div>
-</template>
-
-<script>
-import crudHospital, { queryNation, checkHosRepetition } from '@/api/system/hospital';
-import crudUser, { addUsers, editUsers } from '@/api/system/user';
-import { getHospitals } from '@/api/system/hospital';
-import { getAll, getLevel } from '@/api/system/role';
-import CRUD, { presenter, header, form, crud } from '@crud/crud';
-import rrOperation from '@crud/RR.operation';
-import crudOperation from '@crud/CRUD.operation';
-import udOperation from '@crud/UD.operation';
-import urOperation from '@crud/user/UR.operation';
-import pagination from '@crud/Pagination';
-import DateRangePicker from '@/components/DateRangePicker';
-import { getToken } from '@/utils/auth';
-import { getExamManages } from '@/api/system/examManage';
-import { checkUserNameValidate, validatePhone } from '@/utils/validate';
-import { validatePassword } from '@/utils/validate';
-import { mapGetters } from 'vuex';
-import '@riophae/vue-treeselect/dist/vue-treeselect.css';
-import { queryHospital, queryAllGroupList } from '../../../api/system/user';
-let formRoleSign;
-let userRoles = [];
-const defaultForm = {};
-let HospitalList;
-export default {
-  name: 'User',
-  components: { crudOperation, rrOperation, urOperation, pagination, DateRangePicker, udOperation },
-  cruds() {
-    return CRUD({
-      title: '用户',
-      url: 'api/users',
-      sort: ['updateTime,desc'],
-      crudMethod: { ...crudUser },
-      params: { loginType: defaultForm.loginType },
-    });
-  },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
-  // 数据字典
-  dicts: ['user_status', 'sex', 'job_title', 'position', 'exam_type'],
-  data() {
-    const validRole = (rule, value, callback) => {
-      if (this.roleDatas.length <= 0) {
-        callback(new Error('请选择角色'));
-      }
-      {
-        callback();
-      }
-    };
-    const managerAreaRequried = (rule, value, callback) => {
-      if (
-        this.addData.province === null &&
-        this.addData.city === null &&
-        this.addData.county === null &&
-        this.addData.hospital.length === 0 &&
-        this.addData.team.length === 0
-      ) {
-        callback(new Error('请选择管辖区域'));
-      } else if (this.newroleSign === 1) {
-        if (this.addData.province === null) {
-          callback(new Error('请选择管辖区域'));
-        } else {
-          callback();
-        }
-      } else if (this.newroleSign === 2) {
-        if (this.addData.province === null || this.addData.city === null) {
-          callback(new Error('请选择管辖区域'));
-        } else {
-          callback();
-        }
-      } else if (this.newroleSign === 3) {
-        if (
-          this.addData.province === null ||
-          this.addData.city === null ||
-          this.addData.county === null
-        ) {
-          callback(new Error('请选择管辖区域'));
-        } else {
-          callback();
-        }
-      } else if (this.baseLineRole === 58) {
-        if (this.addData.hospital.length === 0) {
-          callback(new Error('请选择管辖区域'));
-        } else {
-          callback();
-        }
-      } else {
-        callback();
-      }
-    };
-    const passwordValidator = (rule, value, callback) => {
-      if (value) {
-        if (validatePassword(value)) {
-          callback();
-        } else {
-          callback(new Error('密码必须含有大小写字母、数字，且不得少于8位'));
-        }
-      }
-      {
-        callback(new Error('请输入密码'));
-      }
-    };
-    return {
-      height: document.documentElement.clientHeight - 180 + 'px;',
-      level: 3,
-      roles: [],
-      //roleDatas: [], // 多选时使用
-      defaultProps: { children: 'children', label: 'name', isLeaf: 'leaf' },
-      permission: {
-        add: ['admin', 'user:add'],
-        edit: ['admin', 'user:edit'],
-        del: ['admin', 'user:del'],
-      },
-      enabledTypeOptions: [
-        { key: 'true', display_name: '启用' },
-        { key: 'false', display_name: '禁用' },
-      ],
-      rules: {
-        username: [
-          {
-            required: true,
-
-            validator: (rule, value, callback) => {
-              checkUserNameValidate(rule, value, callback, this.addData.id);
-            },
-            trigger: 'change',
-          },
-          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
-        ],
-        name: [
-          { required: true, message: '请输入姓名', trigger: 'blur' },
-          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'change' },
-        ],
-
-        phone: [{ required: false, trigger: 'change', validator: validatePhone }],
-        roleDatas: [
-          { required: true, message: '请选择角色', trigger: 'change', validator: validRole },
-        ],
-        managerArea: [{ required: true, validator: managerAreaRequried, trigger: 'blur' }],
-        password: [
-          { required: true, validator: passwordValidator, trigger: 'blur' },
-          // { required: true, message: '请输入密码', trigger: 'blur' }
-        ],
-      },
-      headers: { Authorization: getToken() },
-      sexDictTypeDropDown: [],
-      hospitalList: [],
-      signPath: null,
-      idCardFront: null,
-      idCardBack: null,
-      doctorLicence: null,
-      multiplelimit: 1,
-      radio: 1,
-      examModality: [],
-      checkAll: false,
-      modalityOptions: [],
-      activeName: 'province',
-      provinceOptions: [],
-      cityOptions: [],
-      countyOptions: [],
-      addData: {
-        roleId: [],
-        roleSign: '',
-        phone: '',
-        username: '',
-        name: '',
-        company: '',
-        duty: '',
-        managerArea: '',
-        province: '',
-        city: null,
-        county: null,
-        hospital: [],
-        password: '',
-        team: [],
-      },
-      params: [],
-      isDisabled: false,
-      teamList: [],
-      roleDatas: [],
-      checkTables: [
-        { label: '管辖区域', prop: 'administer', width: '400px' },
-        { label: '更新时间', prop: 'updateTime' },
-      ],
-      omitData: '-',
-      hosName: [],
-      teamName: [],
-      currentRow: [],
-      baseLineRole: '',
-    };
-  },
-  computed: {
-    ...mapGetters(['user', 'baseApi', 'fileUploadApi']),
-
-    roleSign() {
-      this.newroleSign = this.$store.state.user.user.roleSign;
-      return this.$store.state.user.user.roleSign;
-    },
-    id() {
-      return this.$store.state.user.user.id;
-    },
-  },
-
-  created() {
-    this.crud.msg.add = '新增成功';
-    this.getRoles();
-    this.queryHospital();
-  },
-  mounted: function () {
-    const that = this;
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 180 + 'px;';
-    };
-    // this.getHospitalList()
-  },
-  watch: {
-    currentRow() {},
-  },
-  methods: {
-    handleClick(tab) {
-      if (tab.name === 'county') {
-        this.newroleSign = 3;
-        this.addData.city = null;
-        this.addData.county = null;
-        this.countyOptions = [];
-      } else if (tab.name === 'city') {
-        this.newroleSign = 2;
-        this.addData.city = null;
-        this.addData.county = null;
-        this.countyOptions = [];
-      } else if (tab.name === 'province') {
-        this.newroleSign = 1;
-        this.addData.city = null;
-        this.addData.county = null;
-      } else if (tab.name === 'hospital') {
-        this.newroleSign = 4;
-        this.addData.city = null;
-        this.addData.county = null;
-        this.addData.province = null;
-      }
-    },
-    queryProvince() {
-      queryNation({ parent: 1 }).then(res => {
-        this.provinceOptions = res.content;
-        this.addData.province = res.content[0].saleid;
-        this.queryCity(res.content[0].saleid);
-      });
-      this.$forceUpdate();
-    },
-    async queryCity(row) {
-      this.cityOptions = [];
-      this.countyOptions = [];
-      await queryNation({ parent: row }).then(res => {
-        this.cityOptions = res.content;
-      });
-      this.$forceUpdate();
-    },
-    async queryCounty(row, isEcho) {
-      if (!isEcho) this.addData.county = null;
-      await queryNation({ parent: row }).then(res => {
-        this.countyOptions = res.content;
-      });
-    },
-    async queryHosTeam(row) {},
-    //查询医院
-    queryHospital() {
-      const params = {};
-      queryHospital(params).then(res => {
-        this.hospitalList = res.content;
-        HospitalList = JSON.stringify(res.content);
-      });
-      queryAllGroupList(params).then(res => {
-        this.teamList = res.content;
-      });
-    },
-    changehospital(row) {
-      this.hosName = [];
-      row.forEach((i, v) => {
-        i = String(i);
-        this.hospitalList.forEach((item, index) => {
-          if (item.scenceID === i) {
-            const newitem = item;
-            newitem['hospitalId'] = item['scenceID'];
-            delete item['scenceID'];
-            this.hosName.push(newitem);
-          }
-        });
-      });
-      this.hospitalList = JSON.parse(HospitalList);
-      let _this = this;
-      if (this.baseLineRole === 58) {
-        setTimeout(function () {
-          _this.$refs.hosselect.blur();
-        }, 50);
-      }
-    },
-    changeTeam(row) {
-      this.teamName = [];
-      row.forEach((i, v) => {
-        i = String(i);
-        this.teamList.forEach((item, index) => {
-          if (item.groupId === i) {
-            this.teamName.push(item);
-          }
-        });
-      });
-    },
-    changeRole(value) {
-      this.baseLineRole = value[0];
-      if (this.baseLineRole === 58) {
-        this.activeName = 'hospital';
-        this.newroleSign = 4;
-        this.addData.city = null;
-        this.addData.county = null;
-        this.addData.province = null;
-        this.hosName = [];
-        this.teamName = [];
-        this.addData.hospital = [];
-        this.addData.team = [];
-      }
-      userRoles = [];
-      value.forEach(function (data, index) {
-        const role = { id: data };
-        userRoles.push(role);
-      });
-      this.$forceUpdate();
-      let _this = this;
-      setTimeout(function () {
-        _this.$refs.roleselect.blur();
-      }, 50);
-    },
-    deleteTag(value) {
-      userRoles.forEach(function (data, index) {
-        if (data.id === value) {
-          userRoles.splice(index, value);
-        }
-      });
-      this.$forceUpdate();
-    },
-    // 刷新 - 之前
-    [CRUD.HOOK.beforeRefresh](crud, form) {},
-    // 新增与编辑前做的操作
-    [CRUD.HOOK.afterToCU](crud, form) {
-      this.queryProvince();
-      this.queryCity(this.addData.province);
-      const isEcho = true;
-      this.queryCounty(this.addData.city, isEcho);
-      this.queryHospital();
-
-      //回显数据
-    },
-    async handleCurrentChange(row) {
-      this.currentRow = row;
-      this.dataEcho(this.currentRow);
-      this.isDisabled = true;
-      this.roleDatas = [];
-      this.addData.hospital = [];
-      this.addData.team = [];
-      const _this = this;
-      userRoles = [];
-      if (this.currentRow.roles) {
-        this.currentRow.roles.forEach(function (role, index) {
-          _this.roleDatas.push(role.id);
-          const rol = { id: role.id };
-          userRoles.push(rol);
-        });
-      }
-
-      if (this.currentRow.hospitalIds) {
-        this.currentRow.hospitalIds.forEach(function (item, index) {
-          if (item !== null) _this.addData.hospital.push(String(item));
-          // console.log(_this.addData.hospital)
-        });
-      }
-      if (this.currentRow.groupIds) {
-        this.currentRow.groupIds.forEach(function (item, index) {
-          if (item !== null) _this.addData.team.push(String(item));
-        });
-      }
-    },
-    dataEcho(form) {
-      this.hosName = [];
-      this.teamName = [];
-      this.addData.hospital = [];
-      this.addData.team = [];
-      formRoleSign = form.roleSign;
-      if (form.roleSign === 1) this.activeName = 'province';
-      if (form.roleSign === 2) this.activeName = 'city';
-      if (form.roleSign === 3) this.activeName = 'county';
-      if (form.roleSign === 4) this.activeName = 'hospital';
-      this.addData.roleSign = form.roleSign;
-      this.addData.phone = form.phone;
-      this.addData.username = form.username;
-      this.addData.name = form.name;
-      this.addData.company = form.company;
-      this.addData.duty = form.duty;
-      this.addData.hospital = form.hospitalIds;
-      this.addData.team = form.groupIds;
-      this.addData.id = form.id;
-      this.addData.roleId = form.roles;
-      if (form.hospitalIds) this.changehospital(form.hospitalIds);
-      if (form.groupIds) this.changeTeam(form.groupIds);
-      this.newroleSign = form.roleSign;
-      if (form.pcd && form.pcd.length !== 0) this.addData.county = form.pcd[0].county;
-      if (form.pcd && form.pcd.length !== 0) this.addData.city = form.pcd[0].city;
-      if (form.pcd && form.pcd.length !== 0) this.addData.province = form.pcd[0].province;
-      this.$forceUpdate();
-    },
-    // 新增前将多选的值设置为空
-    [CRUD.HOOK.beforeToAdd](crud, form) {
-      this.addData.hospital = [];
-      this.addData.team = [];
-      this.addData.password = '';
-      this.isDisabled = false;
-      this.activeName = 'province';
-      this.newroleSign = 1;
-      this.roleDatas = [];
-      Object.keys(this.addData).forEach(key => {
-        if (key === 'city' || key === 'county') {
-          this.addData[key] = null;
-        } else {
-          this.addData[key] = '';
-        }
-      });
-      Object.keys(this.form).forEach(key => {
-        if (key === 'city' || key === 'county') {
-          this.form[key] = null;
-        } else {
-          this.form[key] = '';
-        }
-      });
-      this.hosName = [];
-      this.teamName = [];
-      this.cityOptions = [];
-      this.countyOptions = [];
-      if (this.$refs.form) this.$refs.form.resetFields();
-    },
-    [CRUD.HOOK.afterAddCancel]() {
-      this.signPath = null;
-      this.idCardFront = null;
-      this.idCardBack = null;
-      this.doctorLicence = null;
-    },
-    [CRUD.HOOK.afterEditCancel]() {
-      this.signPath = null;
-      this.idCardFront = null;
-      this.idCardBack = null;
-      this.doctorLicence = null;
-    },
-    [CRUD.HOOK.afterSubmit]() {
-      this.addData.roleId = [];
-      this.addData.roleDatas = '';
-    },
-    // 初始化编辑时候的角色与岗位
-    [CRUD.HOOK.beforeToEdit](crud, form) {
-      // console.log(form)
-      if (form.roles && form.roles[0].id === 58) this.baseLineRole = 58;
-    },
-    // 提交前做的操作
-    [CRUD.HOOK.afterValidateCU](crud) {
-      this.paramsInit();
-    },
-    // 改变状态
-    changeEnabled(data, val) {
-      this.$confirm(
-        '此操作将 "' + this.dict.label.user_status[val] + '" ' + data.username + ', 是否继续？',
-        '提示',
-        {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }
-      )
-        .then(() => {
-          crudUser
-            .edit(data)
-            .then(res => {
-              this.crud.notify(
-                this.dict.label.user_status[val] + '成功',
-                CRUD.NOTIFICATION_TYPE.SUCCESS
-              );
-            })
-            .catch(() => {
-              data.enabled = !data.enabled;
-            });
-        })
-        .catch(() => {
-          data.enabled = !data.enabled;
-        });
-    },
-    // 获取弹窗内角色数据
-    getRoles() {
-      getAll({ loginType: defaultForm.loginType })
-        .then(res => {
-          this.roles = res;
-        })
-        .catch(() => {});
-    },
-    // 获取权限级别
-    getRoleLevel() {
-      getLevel()
-        .then(res => {
-          this.level = res.level;
-        })
-        .catch(() => {});
-    },
-    checkboxT(row, rowIndex) {
-      return row.id !== this.user.id;
-    },
-    sexFilter(sex) {
-      return this.dict.label.sex[sex];
-    },
-    handleAvatarSuccess(source) {
-      this.signPath = source.datas;
-    },
-    idCardFrontSuccess(source) {
-      this.idCardFront = source.datas;
-    },
-    idCardBackSuccess(source) {
-      this.idCardBack = source.datas;
-    },
-    doctorLicenceSuccess(source) {
-      this.doctorLicence = source.datas;
-    },
-    beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 < 2;
-      if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
-        this.$message.error('上传头像图片只能是 JPG、PNG格式!');
-        return false;
-      }
-      if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!');
-        return false;
-      }
-      return file.type && isLt2M;
-    },
-    getModality() {
-      let info = {
-        page: 0,
-        size: 9999,
-        type: 1,
-        examTypeId: this.radio,
-      };
-      getExamManages(info).then(res => {
-        this.examModality = res.content;
-        this.checkAll = true;
-        this.examModality.forEach(item => {
-          if (this.form.modalityIds.indexOf(item.id) < 0) {
-            this.checkAll = false;
-          }
-        });
-        if (this.examModality.length === 0) {
-          this.checkAll = false;
-        }
-      });
-    },
-    handleCheckedModalityChange(value) {
-      this.checkAll = true;
-      this.examModality.forEach(item => {
-        if (value.indexOf(item.id) < 0) {
-          this.checkAll = false;
-        }
-      });
-    },
-    handleCheckAllChange(val) {
-      if (this.form.modalityIds.length === 0) {
-        this.examModality.forEach(options => {
-          this.form.modalityIds.push(options.id);
-        });
-        return;
-      }
-      for (let i = 0; i < this.form.modalityIds.length; i++) {
-        for (let j = 0; j < this.examModality.length; j++) {
-          if (this.checkAll) {
-            if (this.form.modalityIds.indexOf(this.examModality[j].id) < 0) {
-              this.form.modalityIds.push(this.examModality[j].id);
-            }
-          } else {
-            if (this.form.modalityIds[i] == this.examModality[j].id) {
-              if (this.form.modalityIds.indexOf(this.examModality[j].id) > -1) {
-                this.form.modalityIds.splice(i, 1);
-              }
-            }
-          }
-        }
-      }
-    },
-    //处理添加用户的参数
-    paramsInit() {
-      userRoles = [];
-      this.roleDatas.forEach(function (data, index) {
-        const role = { id: data };
-        userRoles.push(role);
-      });
-      // this.roleDatas = userRoles
-
-      this.managerArea = {
-        province: this.addData.province,
-        city: this.addData.city,
-        county: this.addData.county,
-      };
-      if (
-        this.addData.province === null &&
-        this.addData.city === null &&
-        this.addData.county === null
-      ) {
-        this.managerArea = null;
-      }
-      if (this.newroleSign !== 4) {
-        this.teamName = [];
-        this.hosName = [];
-      }
-      if (this.hosName.length != 0 || this.teamName.length != 0) this.managerArea = null;
-      ((this.form.roles = userRoles),
-        (this.form.roleSign = this.newroleSign),
-        (this.form.phone = this.addData.phone),
-        (this.form.username = this.addData.username),
-        (this.form.name = this.addData.name),
-        (this.form.duty = this.addData.duty),
-        (this.form.managerArea = this.managerArea),
-        (this.form.id = this.addData.id),
-        (this.form.company = this.addData.company),
-        (this.form.password = this.addData.password),
-        (this.form.hospitalIds = this.hosName),
-        (this.form.groupIds = this.teamName));
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-::v-deep .vue-treeselect__control,
-::v-deep .vue-treeselect__placeholder,
-::v-deep .vue-treeselect__single-value {
-  height: 30px;
-  line-height: 30px;
-}
-.upload .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.upload .el-upload:hover {
-  border-color: #409eff;
-}
-.upload-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 178px;
-  height: 178px;
-  line-height: 178px;
-  text-align: center;
-}
-.avatar {
-  width: 178px;
-  height: 178px;
-  display: block;
-}
-.long_title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-</style>
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-input
+          v-model="query.name"
+          clearable
+          size="small"
+          placeholder="请输入姓名"
+          style="width: 200px"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery" />
+        <el-select
+          v-model="query.roleId"
+          clearable
+          size="small"
+          placeholder="请选择角色"
+          class="filter-item"
+          style="width: 150px"
+          @change="crud.toQuery">
+          <el-option
+            v-for="item in roles"
+            :key="item.name"
+            :disabled="level !== 1 && item.level <= level"
+            :label="item.name"
+            :value="item.id" />
+        </el-select>
+        <rrOperation />
+      </div>
+      <crudOperation show="" :permission="permission" />
+    </div>
+    <!--表单渲染-->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :before-close="crud.cancelCU"
+      :visible.sync="crud.status.cu > 0"
+      :title="crud.status.title"
+      width="850px">
+      <el-form
+        ref="form"
+        :inline="true"
+        :model="addData"
+        :rules="rules"
+        size="small"
+        label-width="100px">
+        <el-form-item label="角色" prop="roleDatas">
+          <el-select
+            ref="roleselect"
+            :multiple-limit="multiplelimit"
+            v-model="roleDatas"
+            style="width: 260px"
+            multiple
+            placeholder="请选择"
+            @remove-tag="deleteTag"
+            @change="changeRole">
+            <el-option
+              v-for="item in roles"
+              :key="item.name"
+              :disabled="level !== 1 && item.level <= level"
+              :label="item.name"
+              :value="item.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="addData.username" :disabled="isDisabled" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="addData.name" style="width: 260px" />
+        </el-form-item>
+        <el-form-item v-if="!isDisabled" label="密码" prop="password">
+          <el-input v-model="addData.password" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="手机号" prop="phone">
+          <el-input v-model.number="addData.phone" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="单位" prop="company">
+          <el-input v-model.number="addData.company" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="职务" prop="duty">
+          <el-input v-model.number="addData.duty" style="width: 260px" />
+        </el-form-item>
+        <el-form-item style="display: block" label="管辖区域" prop="managerArea">
+          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+            <el-tab-pane label="省" name="province">
+              <el-select
+                ref="selectUser"
+                v-model="addData.province"
+                style="width: 260px"
+                placeholder="请选择省"
+                @remove-tag="deleteTag"
+                @change="queryCity">
+                <el-option
+                  v-for="item in provinceOptions"
+                  :key="item.saleid"
+                  :label="item.province"
+                  :value="item.saleid" />
+              </el-select>
+            </el-tab-pane>
+            <el-tab-pane label="市" name="city">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-select
+                    ref="selectAppType"
+                    v-model="addData.province"
+                    style="width: 260px"
+                    placeholder="请选择省"
+                    @remove-tag="deleteTag"
+                    @change="queryCity">
+                    <el-option
+                      v-for="item in provinceOptions"
+                      :key="item.saleid"
+                      :label="item.province"
+                      :value="item.saleid" />
+                  </el-select>
+                </el-col>
+                <el-col :span="12">
+                  <el-select
+                    ref="selectAppType"
+                    v-model="addData.city"
+                    style="width: 260px"
+                    placeholder="请选择市"
+                    @remove-tag="deleteTag"
+                    @change="queryCounty">
+                    <el-option
+                      v-for="item in cityOptions"
+                      :key="item.saleid"
+                      :label="item.city"
+                      :value="item.saleid" />
+                  </el-select>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+            <el-tab-pane label="区/县" name="county">
+              <el-row :gutter="20">
+                <el-col :span="8">
+                  <el-select
+                    ref="selectAppType"
+                    v-model="addData.province"
+                    style="width: 160px"
+                    placeholder="请选择省"
+                    @remove-tag="deleteTag"
+                    @change="queryCity">
+                    <el-option
+                      v-for="item in provinceOptions"
+                      :key="item.saleid"
+                      :label="item.province"
+                      :value="item.saleid" />
+                  </el-select>
+                </el-col>
+                <el-col :span="8">
+                  <el-select
+                    ref="selectAppType"
+                    v-model="addData.city"
+                    style="width: 160px"
+                    placeholder="请选择市"
+                    @remove-tag="deleteTag"
+                    @change="queryCounty">
+                    <el-option
+                      v-for="item in cityOptions"
+                      :key="item.saleid"
+                      :label="item.city"
+                      :value="item.saleid" />
+                  </el-select>
+                </el-col>
+                <el-col :span="8">
+                  <el-select
+                    ref="selectAppType"
+                    v-model="addData.county"
+                    style="width: 160px"
+                    placeholder="请选择区/县"
+                    @remove-tag="deleteTag"
+                    @change="queryHosTeam">
+                    <el-option
+                      v-for="item in countyOptions"
+                      :key="item.saleid"
+                      :label="item.county"
+                      :value="item.saleid" />
+                  </el-select>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+            <el-tab-pane label="医院/团队" name="hospital">
+              <!--              <el-select-->
+              <!--                multiple-->
+              <!--                filterable-->
+              <!--                ref="selectAppType"-->
+              <!--                v-model="addData.hospital"-->
+              <!--                style="width: 260px"-->
+              <!--                placeholder="请选择医院"-->
+              <!--                @remove-tag="deleteTag"-->
+              <!--                @change="changehospital"-->
+
+              <!--              >-->
+              <!--                <el-option-->
+              <!--                  v-for="item in hospitalList"-->
+              <!--                  :key="item.scenceID"-->
+              <!--                  :label="item.hospitalName"-->
+              <!--                  :value="item.scenceID"-->
+              <!--                />-->
+              <!--              </el-select>-->
+              <el-select
+                multiple
+                filterable
+                :multiple-limit="baseLineRole === 58 ? multiplelimit : 0"
+                ref="hosselect"
+                v-model="addData.hospital"
+                style="width: 260px"
+                placeholder="请选择医院"
+                @remove-tag="deleteTag"
+                @change="changehospital">
+                <el-option
+                  v-for="item in hospitalList"
+                  :key="item.scenceID"
+                  :label="item.hospitalName"
+                  :value="item.scenceID" />
+              </el-select>
+              <el-select
+                multiple
+                filterable
+                :disabled="baseLineRole === 58"
+                ref="selectAppType"
+                v-model="addData.team"
+                style="width: 260px"
+                placeholder="请选择团队"
+                @remove-tag="deleteTag"
+                @change="changeTeam">
+                <el-option
+                  v-for="item in teamList"
+                  :key="item.groupId"
+                  :label="item.groupName"
+                  :value="item.groupId" />
+              </el-select>
+            </el-tab-pane>
+          </el-tabs>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">取消</el-button>
+        <!--        <el-button v-if="!isDisabled" :loading="crud.status.cu === 2" type="primary" @click="submitAdd">确认</el-button>-->
+        <!--        <el-button v-else :loading="crud.status.cu === 2" type="primary" @click="submitedit">修改</el-button>-->
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU"
+          >确定</el-button
+        >
+      </div>
+    </el-dialog>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      :data="crud.data"
+      style="width: 100%"
+      :cell-style="{ textAlign: 'center' }"
+      :header-cell-style="{ textAlign: 'center' }"
+      @selection-change="crud.selectionChangeHandler"
+      @row-click="handleCurrentChange">
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+           <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="name" label="姓名" />
+      <el-table-column :show-overflow-tooltip="true" prop="username" label="用户名" />
+      <el-table-column :show-overflow-tooltip="true" prop="roles" label="角色">
+        <template slot-scope="scope">
+          <div v-for="(item, index) in scope.row.roles" :key="index">
+            {{ item.name || omitData }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        class="tc"
+        v-for="(item, index) in checkTables"
+        :key="index.key"
+        :label="item.label"
+        :prop="item.prop"
+        :width="item.width">
+        <template slot-scope="scope">
+          <div class="long_title" v-if="item.prop === 'administer'">
+            {{ scope.row.administer || omitData }}
+          </div>
+          <div v-else>
+            {{ scope.row[scope.column.property] || omitData }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-if="checkPer(['admin', 'user:edit', 'user:del'])"
+        label="操作"
+        width="250"
+        align="center"
+        fixed="right">
+        <template slot-scope="scope">
+          <urOperation
+            :data="scope.row"
+            :permission="permission"
+            :disabled-dle="scope.row.id === 1" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+  </div>
+</template>
+
+<script>
+import crudHospital, { queryNation, checkHosRepetition } from '@/api/system/hospital';
+import crudUser, { addUsers, editUsers } from '@/api/system/user';
+import { getHospitals } from '@/api/system/hospital';
+import { getAll, getLevel } from '@/api/system/role';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import udOperation from '@crud/UD.operation';
+import urOperation from '@crud/user/UR.operation';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+import { getToken } from '@/utils/auth';
+import { getExamManages } from '@/api/system/examManage';
+import { checkUserNameValidate, validatePhone } from '@/utils/validate';
+import { validatePassword } from '@/utils/validate';
+import { mapGetters } from 'vuex';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
+import { queryHospital, queryAllGroupList } from '../../../api/system/user';
+let formRoleSign;
+let userRoles = [];
+const defaultForm = {};
+let HospitalList;
+export default {
+  name: 'User',
+  components: { crudOperation, rrOperation, urOperation, pagination, DateRangePicker, udOperation },
+  cruds() {
+    return CRUD({
+      title: '用户',
+      url: 'api/users',
+      sort: ['updateTime,desc'],
+      crudMethod: { ...crudUser },
+      params: { loginType: defaultForm.loginType },
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  // 数据字典
+  dicts: ['user_status', 'sex', 'job_title', 'position', 'exam_type'],
+  data() {
+    const validRole = (rule, value, callback) => {
+      if (this.roleDatas.length <= 0) {
+        callback(new Error('请选择角色'));
+      }
+      {
+        callback();
+      }
+    };
+    const managerAreaRequried = (rule, value, callback) => {
+      if (
+        this.addData.province === null &&
+        this.addData.city === null &&
+        this.addData.county === null &&
+        this.addData.hospital.length === 0 &&
+        this.addData.team.length === 0
+      ) {
+        callback(new Error('请选择管辖区域'));
+      } else if (this.newroleSign === 1) {
+        if (this.addData.province === null) {
+          callback(new Error('请选择管辖区域'));
+        } else {
+          callback();
+        }
+      } else if (this.newroleSign === 2) {
+        if (this.addData.province === null || this.addData.city === null) {
+          callback(new Error('请选择管辖区域'));
+        } else {
+          callback();
+        }
+      } else if (this.newroleSign === 3) {
+        if (
+          this.addData.province === null ||
+          this.addData.city === null ||
+          this.addData.county === null
+        ) {
+          callback(new Error('请选择管辖区域'));
+        } else {
+          callback();
+        }
+      } else if (this.baseLineRole === 58) {
+        if (this.addData.hospital.length === 0) {
+          callback(new Error('请选择管辖区域'));
+        } else {
+          callback();
+        }
+      } else {
+        callback();
+      }
+    };
+    const passwordValidator = (rule, value, callback) => {
+      if (value) {
+        if (validatePassword(value)) {
+          callback();
+        } else {
+          callback(new Error('密码必须含有大小写字母、数字，且不得少于8位'));
+        }
+      }
+      {
+        callback(new Error('请输入密码'));
+      }
+    };
+    return {
+      height: document.documentElement.clientHeight - 180 + 'px;',
+      level: 3,
+      roles: [],
+      //roleDatas: [], // 多选时使用
+      defaultProps: { children: 'children', label: 'name', isLeaf: 'leaf' },
+      permission: {
+        add: ['admin', 'user:add'],
+        edit: ['admin', 'user:edit'],
+        del: ['admin', 'user:del'],
+      },
+      enabledTypeOptions: [
+        { key: 'true', display_name: '启用' },
+        { key: 'false', display_name: '禁用' },
+      ],
+      rules: {
+        username: [
+          {
+            required: true,
+
+            validator: (rule, value, callback) => {
+              checkUserNameValidate(rule, value, callback, this.addData.id);
+            },
+            trigger: 'change',
+          },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
+        ],
+        name: [
+          { required: true, message: '请输入姓名', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'change' },
+        ],
+
+        phone: [{ required: false, trigger: 'change', validator: validatePhone }],
+        roleDatas: [
+          { required: true, message: '请选择角色', trigger: 'change', validator: validRole },
+        ],
+        managerArea: [{ required: true, validator: managerAreaRequried, trigger: 'blur' }],
+        password: [
+          { required: true, validator: passwordValidator, trigger: 'blur' },
+          // { required: true, message: '请输入密码', trigger: 'blur' }
+        ],
+      },
+      headers: { Authorization: getToken() },
+      sexDictTypeDropDown: [],
+      hospitalList: [],
+      signPath: null,
+      idCardFront: null,
+      idCardBack: null,
+      doctorLicence: null,
+      multiplelimit: 1,
+      radio: 1,
+      examModality: [],
+      checkAll: false,
+      modalityOptions: [],
+      activeName: 'province',
+      provinceOptions: [],
+      cityOptions: [],
+      countyOptions: [],
+      addData: {
+        roleId: [],
+        roleSign: '',
+        phone: '',
+        username: '',
+        name: '',
+        company: '',
+        duty: '',
+        managerArea: '',
+        province: '',
+        city: null,
+        county: null,
+        hospital: [],
+        password: '',
+        team: [],
+      },
+      params: [],
+      isDisabled: false,
+      teamList: [],
+      roleDatas: [],
+      checkTables: [
+        { label: '管辖区域', prop: 'administer', width: '400px' },
+        { label: '更新时间', prop: 'updateTime' },
+      ],
+      omitData: '-',
+      hosName: [],
+      teamName: [],
+      currentRow: [],
+      baseLineRole: '',
+    };
+  },
+  computed: {
+    ...mapGetters(['user', 'baseApi', 'fileUploadApi']),
+
+    roleSign() {
+      this.newroleSign = this.$store.state.user.user.roleSign;
+      return this.$store.state.user.user.roleSign;
+    },
+    id() {
+      return this.$store.state.user.user.id;
+    },
+  },
+
+  created() {
+    this.crud.msg.add = '新增成功';
+    this.getRoles();
+    this.queryHospital();
+  },
+  mounted: function () {
+    const that = this;
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 180 + 'px;';
+    };
+    // this.getHospitalList()
+  },
+  watch: {
+    currentRow() {},
+  },
+  methods: {
+    handleClick(tab) {
+      if (tab.name === 'county') {
+        this.newroleSign = 3;
+        this.addData.city = null;
+        this.addData.county = null;
+        this.countyOptions = [];
+      } else if (tab.name === 'city') {
+        this.newroleSign = 2;
+        this.addData.city = null;
+        this.addData.county = null;
+        this.countyOptions = [];
+      } else if (tab.name === 'province') {
+        this.newroleSign = 1;
+        this.addData.city = null;
+        this.addData.county = null;
+      } else if (tab.name === 'hospital') {
+        this.newroleSign = 4;
+        this.addData.city = null;
+        this.addData.county = null;
+        this.addData.province = null;
+      }
+    },
+    queryProvince() {
+      queryNation({ parent: 1 }).then(res => {
+        this.provinceOptions = res.content;
+        this.addData.province = res.content[0].saleid;
+        this.queryCity(res.content[0].saleid);
+      });
+      this.$forceUpdate();
+    },
+    async queryCity(row) {
+      this.cityOptions = [];
+      this.countyOptions = [];
+      await queryNation({ parent: row }).then(res => {
+        this.cityOptions = res.content;
+      });
+      this.$forceUpdate();
+    },
+    async queryCounty(row, isEcho) {
+      if (!isEcho) this.addData.county = null;
+      await queryNation({ parent: row }).then(res => {
+        this.countyOptions = res.content;
+      });
+    },
+    async queryHosTeam(row) {},
+    //查询医院
+    queryHospital() {
+      const params = {};
+      queryHospital(params).then(res => {
+        this.hospitalList = res.content;
+        HospitalList = JSON.stringify(res.content);
+      });
+      queryAllGroupList(params).then(res => {
+        this.teamList = res.content;
+      });
+    },
+    changehospital(row) {
+      this.hosName = [];
+      row.forEach((i, v) => {
+        i = String(i);
+        this.hospitalList.forEach((item, index) => {
+          if (item.scenceID === i) {
+            const newitem = item;
+            newitem['hospitalId'] = item['scenceID'];
+            delete item['scenceID'];
+            this.hosName.push(newitem);
+          }
+        });
+      });
+      this.hospitalList = JSON.parse(HospitalList);
+      let _this = this;
+      if (this.baseLineRole === 58) {
+        setTimeout(function () {
+          _this.$refs.hosselect.blur();
+        }, 50);
+      }
+    },
+    changeTeam(row) {
+      this.teamName = [];
+      row.forEach((i, v) => {
+        i = String(i);
+        this.teamList.forEach((item, index) => {
+          if (item.groupId === i) {
+            this.teamName.push(item);
+          }
+        });
+      });
+    },
+    changeRole(value) {
+      this.baseLineRole = value[0];
+      if (this.baseLineRole === 58) {
+        this.activeName = 'hospital';
+        this.newroleSign = 4;
+        this.addData.city = null;
+        this.addData.county = null;
+        this.addData.province = null;
+        this.hosName = [];
+        this.teamName = [];
+        this.addData.hospital = [];
+        this.addData.team = [];
+      }
+      userRoles = [];
+      value.forEach(function (data, index) {
+        const role = { id: data };
+        userRoles.push(role);
+      });
+      this.$forceUpdate();
+      let _this = this;
+      setTimeout(function () {
+        _this.$refs.roleselect.blur();
+      }, 50);
+    },
+    deleteTag(value) {
+      userRoles.forEach(function (data, index) {
+        if (data.id === value) {
+          userRoles.splice(index, value);
+        }
+      });
+      this.$forceUpdate();
+    },
+    // 刷新 - 之前
+    [CRUD.HOOK.beforeRefresh](crud, form) {},
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {
+      this.queryProvince();
+      this.queryCity(this.addData.province);
+      const isEcho = true;
+      this.queryCounty(this.addData.city, isEcho);
+      this.queryHospital();
+
+      //回显数据
+    },
+    async handleCurrentChange(row) {
+      this.currentRow = row;
+      this.dataEcho(this.currentRow);
+      this.isDisabled = true;
+      this.roleDatas = [];
+      this.addData.hospital = [];
+      this.addData.team = [];
+      const _this = this;
+      userRoles = [];
+      if (this.currentRow.roles) {
+        this.currentRow.roles.forEach(function (role, index) {
+          _this.roleDatas.push(role.id);
+          const rol = { id: role.id };
+          userRoles.push(rol);
+        });
+      }
+
+      if (this.currentRow.hospitalIds) {
+        this.currentRow.hospitalIds.forEach(function (item, index) {
+          if (item !== null) _this.addData.hospital.push(String(item));
+          // console.log(_this.addData.hospital)
+        });
+      }
+      if (this.currentRow.groupIds) {
+        this.currentRow.groupIds.forEach(function (item, index) {
+          if (item !== null) _this.addData.team.push(String(item));
+        });
+      }
+    },
+    dataEcho(form) {
+      this.hosName = [];
+      this.teamName = [];
+      this.addData.hospital = [];
+      this.addData.team = [];
+      formRoleSign = form.roleSign;
+      if (form.roleSign === 1) this.activeName = 'province';
+      if (form.roleSign === 2) this.activeName = 'city';
+      if (form.roleSign === 3) this.activeName = 'county';
+      if (form.roleSign === 4) this.activeName = 'hospital';
+      this.addData.roleSign = form.roleSign;
+      this.addData.phone = form.phone;
+      this.addData.username = form.username;
+      this.addData.name = form.name;
+      this.addData.company = form.company;
+      this.addData.duty = form.duty;
+      this.addData.hospital = form.hospitalIds;
+      this.addData.team = form.groupIds;
+      this.addData.id = form.id;
+      this.addData.roleId = form.roles;
+      if (form.hospitalIds) this.changehospital(form.hospitalIds);
+      if (form.groupIds) this.changeTeam(form.groupIds);
+      this.newroleSign = form.roleSign;
+      if (form.pcd && form.pcd.length !== 0) this.addData.county = form.pcd[0].county;
+      if (form.pcd && form.pcd.length !== 0) this.addData.city = form.pcd[0].city;
+      if (form.pcd && form.pcd.length !== 0) this.addData.province = form.pcd[0].province;
+      this.$forceUpdate();
+    },
+    // 新增前将多选的值设置为空
+    [CRUD.HOOK.beforeToAdd](crud, form) {
+      this.addData.hospital = [];
+      this.addData.team = [];
+      this.addData.password = '';
+      this.isDisabled = false;
+      this.activeName = 'province';
+      this.newroleSign = 1;
+      this.roleDatas = [];
+      Object.keys(this.addData).forEach(key => {
+        if (key === 'city' || key === 'county') {
+          this.addData[key] = null;
+        } else {
+          this.addData[key] = '';
+        }
+      });
+      Object.keys(this.form).forEach(key => {
+        if (key === 'city' || key === 'county') {
+          this.form[key] = null;
+        } else {
+          this.form[key] = '';
+        }
+      });
+      this.hosName = [];
+      this.teamName = [];
+      this.cityOptions = [];
+      this.countyOptions = [];
+      if (this.$refs.form) this.$refs.form.resetFields();
+    },
+    [CRUD.HOOK.afterAddCancel]() {
+      this.signPath = null;
+      this.idCardFront = null;
+      this.idCardBack = null;
+      this.doctorLicence = null;
+    },
+    [CRUD.HOOK.afterEditCancel]() {
+      this.signPath = null;
+      this.idCardFront = null;
+      this.idCardBack = null;
+      this.doctorLicence = null;
+    },
+    [CRUD.HOOK.afterSubmit]() {
+      this.addData.roleId = [];
+      this.addData.roleDatas = '';
+    },
+    // 初始化编辑时候的角色与岗位
+    [CRUD.HOOK.beforeToEdit](crud, form) {
+      // console.log(form)
+      if (form.roles && form.roles[0].id === 58) this.baseLineRole = 58;
+    },
+    // 提交前做的操作
+    [CRUD.HOOK.afterValidateCU](crud) {
+      this.paramsInit();
+    },
+    // 改变状态
+    changeEnabled(data, val) {
+      this.$confirm(
+        '此操作将 "' + this.dict.label.user_status[val] + '" ' + data.username + ', 是否继续？',
+        '提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }
+      )
+        .then(() => {
+          crudUser
+            .edit(data)
+            .then(res => {
+              this.crud.notify(
+                this.dict.label.user_status[val] + '成功',
+                CRUD.NOTIFICATION_TYPE.SUCCESS
+              );
+            })
+            .catch(() => {
+              data.enabled = !data.enabled;
+            });
+        })
+        .catch(() => {
+          data.enabled = !data.enabled;
+        });
+    },
+    // 获取弹窗内角色数据
+    getRoles() {
+      getAll({ loginType: defaultForm.loginType })
+        .then(res => {
+          this.roles = res;
+        })
+        .catch(() => {});
+    },
+    // 获取权限级别
+    getRoleLevel() {
+      getLevel()
+        .then(res => {
+          this.level = res.level;
+        })
+        .catch(() => {});
+    },
+    checkboxT(row, rowIndex) {
+      return row.id !== this.user.id;
+    },
+    sexFilter(sex) {
+      return this.dict.label.sex[sex];
+    },
+    handleAvatarSuccess(source) {
+      this.signPath = source.datas;
+    },
+    idCardFrontSuccess(source) {
+      this.idCardFront = source.datas;
+    },
+    idCardBackSuccess(source) {
+      this.idCardBack = source.datas;
+    },
+    doctorLicenceSuccess(source) {
+      this.doctorLicence = source.datas;
+    },
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
+        this.$message.error('上传头像图片只能是 JPG、PNG格式!');
+        return false;
+      }
+      if (!isLt2M) {
+        this.$message.error('上传头像图片大小不能超过 2MB!');
+        return false;
+      }
+      return file.type && isLt2M;
+    },
+    getModality() {
+      let info = {
+        page: 0,
+        size: 9999,
+        type: 1,
+        examTypeId: this.radio,
+      };
+      getExamManages(info).then(res => {
+        this.examModality = res.content;
+        this.checkAll = true;
+        this.examModality.forEach(item => {
+          if (this.form.modalityIds.indexOf(item.id) < 0) {
+            this.checkAll = false;
+          }
+        });
+        if (this.examModality.length === 0) {
+          this.checkAll = false;
+        }
+      });
+    },
+    handleCheckedModalityChange(value) {
+      this.checkAll = true;
+      this.examModality.forEach(item => {
+        if (value.indexOf(item.id) < 0) {
+          this.checkAll = false;
+        }
+      });
+    },
+    handleCheckAllChange(val) {
+      if (this.form.modalityIds.length === 0) {
+        this.examModality.forEach(options => {
+          this.form.modalityIds.push(options.id);
+        });
+        return;
+      }
+      for (let i = 0; i < this.form.modalityIds.length; i++) {
+        for (let j = 0; j < this.examModality.length; j++) {
+          if (this.checkAll) {
+            if (this.form.modalityIds.indexOf(this.examModality[j].id) < 0) {
+              this.form.modalityIds.push(this.examModality[j].id);
+            }
+          } else {
+            if (this.form.modalityIds[i] == this.examModality[j].id) {
+              if (this.form.modalityIds.indexOf(this.examModality[j].id) > -1) {
+                this.form.modalityIds.splice(i, 1);
+              }
+            }
+          }
+        }
+      }
+    },
+    //处理添加用户的参数
+    paramsInit() {
+      userRoles = [];
+      this.roleDatas.forEach(function (data, index) {
+        const role = { id: data };
+        userRoles.push(role);
+      });
+      // this.roleDatas = userRoles
+
+      this.managerArea = {
+        province: this.addData.province,
+        city: this.addData.city,
+        county: this.addData.county,
+      };
+      if (
+        this.addData.province === null &&
+        this.addData.city === null &&
+        this.addData.county === null
+      ) {
+        this.managerArea = null;
+      }
+      if (this.newroleSign !== 4) {
+        this.teamName = [];
+        this.hosName = [];
+      }
+      if (this.hosName.length != 0 || this.teamName.length != 0) this.managerArea = null;
+      ((this.form.roles = userRoles),
+        (this.form.roleSign = this.newroleSign),
+        (this.form.phone = this.addData.phone),
+        (this.form.username = this.addData.username),
+        (this.form.name = this.addData.name),
+        (this.form.duty = this.addData.duty),
+        (this.form.managerArea = this.managerArea),
+        (this.form.id = this.addData.id),
+        (this.form.company = this.addData.company),
+        (this.form.password = this.addData.password),
+        (this.form.hospitalIds = this.hosName),
+        (this.form.groupIds = this.teamName));
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+.upload .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.upload .el-upload:hover {
+  border-color: #409eff;
+}
+.upload-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+.long_title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>