ylyx-cli 1.0.0

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

@@ -0,0 +1,928 @@
+<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
+            :multiple-limit="multiplelimit"
+            ref="selectAppType"
+            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 label="管辖区域" prop="managerArea">
+          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+            <el-tab-pane label="省" name="province">
+              <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-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
+                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
+                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 :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%"
+      @selection-change="crud.selectionChangeHandler">
+      <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
+        class="tc"
+        v-for="(item, index) in checkTables"
+        :key="index.key"
+        :label="item.label"
+        :prop="item.prop">
+        <template slot-scope="scope">
+          <div 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 === user.id" />
+        </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 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 { 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 },
+  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) => {
+      console.log(this.addData.managerArea, this.addData.managerArea);
+      if (
+        this.addData.province === '' &&
+        this.addData.city === '' &&
+        this.addData.county === '' &&
+        this.addData.hospital.length === 0 &&
+        this.addData.team.length === 0
+      ) {
+        callback(new Error('请选择管辖区域'));
+      } else {
+        callback();
+      }
+    };
+    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, message: '请输入用户名', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
+        ],
+        name: [
+          { required: true, message: '请输入姓名', trigger: 'blur' },
+          { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' },
+        ],
+
+        roleDatas: [
+          { required: true, message: '请选择角色', trigger: 'blur', validator: validRole },
+        ],
+        managerArea: [{ required: true, validator: managerAreaRequried, trigger: 'change' }],
+        password: [{ 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: '',
+        county: '',
+        hospital: [],
+        password: '',
+        team: [],
+      },
+      params: [],
+      isDisabled: false,
+      teamList: [],
+      roleDatas: [],
+      checkTables: [
+        { label: '管辖区域', prop: 'administer' },
+        { label: '更新时间', prop: 'updateTime' },
+      ],
+      omitData: '-',
+      hosName: [],
+      currentDetail: {},
+    };
+  },
+  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()
+  },
+  methods: {
+    handleClick(tab) {
+      if (tab.name === 'county') {
+        this.newroleSign = 3;
+        this.addData.city = '';
+        this.addData.county = '';
+      } else if (tab.name === 'city') {
+        this.addData.province = null;
+        this.newroleSign = 2;
+        this.addData.city = '';
+        this.addData.county = null;
+        this.addData.roleId = [];
+      } 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 => {
+        console.log(res.content, 'res.content');
+        this.provinceOptions = res.content;
+        this.addData.province = res.content[0].saleid;
+        this.queryCity(res.content[0].saleid);
+      });
+    },
+    async queryCity(row) {
+      this.cityOptions = [];
+      this.countyOptions = [];
+      await queryNation({ parent: row }).then(res => {
+        this.cityOptions = res.content;
+      });
+    },
+    async queryCounty(row) {
+      await queryNation({ parent: row }).then(res => {
+        this.countyOptions = res.content;
+      });
+    },
+    async queryHosTeam(row) {
+      console.log(row);
+      console.log(this.hospitalList);
+    },
+    //查询医院
+    queryHospital() {
+      const params = {};
+      queryHospital(params).then(res => {
+        this.hospitalList = res.content;
+        HospitalList = JSON.stringify(res.content);
+        console.log(this.hospitalList, 'this.hospitalList123');
+      });
+      queryAllGroupList(params).then(res => {
+        console.log(res.content);
+        this.teamList = res.content;
+      });
+    },
+    changehospital(row) {
+      console.log(row, 123);
+      this.hosName = [];
+      console.log('  this.hospitalList', this.hospitalList);
+      row.forEach((i, v) => {
+        i = String(i);
+        // debugger
+        this.hospitalList = JSON.parse(HospitalList);
+        this.hospitalList.forEach((item, index) => {
+          if (item.scenceID === i) {
+            const newitem = item;
+            newitem['hospitalId'] = item['scenceID'];
+            delete item['scenceID'];
+            this.hosName.push(newitem);
+          }
+        });
+      });
+      console.log(this.hosName, 345);
+    },
+    changeTeam(row) {
+      this.teamName = [];
+      row.forEach((i, v) => {
+        i = String(i);
+        this.teamList.forEach((item, index) => {
+          if (item.groupId === i) {
+            this.teamName.push(item);
+          }
+        });
+      });
+      console.log(this.teamName);
+    },
+    changeRole(value) {
+      console.log(value);
+      userRoles = [];
+      value.forEach(function (data, index) {
+        const role = { id: data };
+        userRoles.push(role);
+      });
+      this.addData.roleId = userRoles;
+      console.log('  this.addData.roleId ', this.addData.roleId);
+      this.$forceUpdate();
+      let _this = this;
+      setTimeout(function () {
+        _this.$refs.selectAppType.blur();
+      }, 50);
+    },
+    deleteTag(value) {
+      userRoles.forEach(function (data, index) {
+        if (data.id === value) {
+          userRoles.splice(index, value);
+        }
+      });
+      this.addData.roleId = userRoles;
+      this.$forceUpdate();
+    },
+    // 刷新 - 之前
+    [CRUD.HOOK.beforeRefresh](crud, form) {},
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {
+      console.log(form, 'form');
+      this.currentDetail = form;
+      this.queryProvince();
+      this.queryCity(this.addData.province);
+      this.queryCounty(this.addData.city);
+      this.queryHospital();
+
+      //回显数据
+    },
+    dataEcho(form) {
+      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;
+      if (form.pcd && form.pcd.length !== 0) this.addData.password = form.pcd[0].password;
+      this.$forceUpdate();
+    },
+    // 新增前将多选的值设置为空
+    [CRUD.HOOK.beforeToAdd]() {
+      this.isDisabled = false;
+      console.log(' this.isDisabled', this.isDisabled);
+      this.roleDatas = [];
+      Object.keys(this.addData).forEach(key => {
+        this.addData[key] = '';
+      });
+    },
+    [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.activeName = 'province';
+      this.crud.refresh();
+      this.signPath = null;
+      this.idCardFront = null;
+      this.idCardBack = null;
+      this.doctorLicence = null;
+    },
+    // 初始化编辑时候的角色与岗位
+    [CRUD.HOOK.beforeToEdit](crud, form) {
+      this.dataEcho(form);
+      this.isDisabled = true;
+      // this.signPath = this.form.signPath;
+      // this.idCardFront = this.form.idCardFront;
+      // this.idCardBack = this.form.idCardBack;
+      // this.doctorLicence = this.form.doctorLicence;
+      this.roleDatas = [];
+      this.addData.hospital = [];
+      this.addData.team = [];
+      const _this = this;
+      userRoles = [];
+      if (form.roles) {
+        form.roles.forEach(function (role, index) {
+          _this.roleDatas.push(role.id);
+          const rol = { id: role.id };
+          userRoles.push(rol);
+        });
+      }
+
+      if (form.hospitalIds) {
+        form.hospitalIds.forEach(function (item, index) {
+          if (item !== null) _this.addData.hospital.push(String(item));
+          console.log(_this.addData.hospital);
+        });
+      }
+      if (form.groupIds) {
+        form.groupIds.forEach(function (item, index) {
+          if (item !== null) _this.addData.team.push(String(item));
+        });
+      }
+    },
+    // 提交前做的操作
+    [CRUD.HOOK.afterValidateCU](crud) {
+      console.log('提交之前');
+      this.paramsInit();
+      // if (this.roleDatas.length === 0) {
+      //   this.$message({
+      //     message: '角色不能为空',
+      //     type: 'warning'
+      //   })
+      //   return false
+      // }
+      // crud.form.roles = userRoles;
+      // this.form.signPath = this.signPath;
+      // this.form.idCardFront = this.idCardFront;
+      // this.form.idCardBack = this.idCardBack;
+      // this.form.doctorLicence = this.doctorLicence;
+    },
+    // 改变状态
+    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 => {
+          //console.log(roles,'roles')
+          this.roles = res;
+        })
+        .catch(() => {});
+    },
+    // 获取权限级别
+    getRoleLevel() {
+      getLevel()
+        .then(res => {
+          this.level = res.level;
+        })
+        .catch(() => {});
+    },
+    checkboxT(row, rowIndex) {
+      return row.id !== this.user.id;
+    },
+    /**
+     * 获取所有医院
+     */
+    // getHospitalList() {
+    //   getHospitals().then((res) => {
+    //     this.hospitalList = res.content
+    //   })
+    // },
+    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;
+      // let params = {
+      //     roles:this.roleDatas,
+      //     roleSign:this.newroleSign,
+      //     phone:this.addData.phone,
+      //     username:this.addData.username,
+      //     name:this.addData.name,
+      //     duty:this.addData.duty,
+      //     managerArea:this.managerArea,
+      //     // hospital:this.addData.hospital,
+      //     id: this.addData.id,
+      //     company:this.addData.company,
+      //     password :this.addData.password,
+      //     hospitalIds:this.hosName,
+      //     groupIds:this.teamName
+      // }
+
+      ((this.form.roles = this.roleDatas),
+        (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));
+      //  this.form.username = this.currentDetail.username
+    },
+    //确定添加用户
+    async submitAdd() {
+      await this.paramsInit();
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          addUsers(this.params).then(res => {
+            if (res === undefined) this.$message.success('添加成功');
+            this.crud.status.cu = 1;
+            this.$forceUpdate();
+          });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    //确定修改用户
+    async submitedit() {
+      await this.paramsInit();
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          editUsers(this.params).then(res => {
+            if (res === undefined) this.$message.success('添加成功');
+            this.crud.status.cu = 1;
+            this.$forceUpdate();
+          });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+  },
+};
+</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;
+}
+</style>