cloud-web-corejs 1.0.17 → 1.0.19

package/src/views/user/user/edit.vue

@@ -1,1019 +1,1021 @@
-<template>
-  <div class="detail-wrap">
-    <el-form ref="editForm" :model="user">
-      <div class="d-header clearfix">
-        <div class="fl">
-          <i class="el-icon-info"/>
-          {{ dataId ? '查看' : '新增' }}用户
-        </div>
-        <div class="fr">
-          <!--          <temp-storage-button :option="tempStorageOption" v-if="!dataId"></temp-storage-button>-->
-          <base-input-export :option="exportOption" :parent-target="_self" v-if="dataId"/>
-          <el-button type="primary" plain class="button-sty" icon="el-icon-unlock" @click="unlock" v-if="user.locked"
-                     v-hasPermi="'user:unlock'">解锁
-          </el-button>
-          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">重置
-          </el-button>
-          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">保存</el-button>
-        </div>
-      </div>
-      <baseTabs>
-        <baseTabPane label="基本信息">
-          <template #default>
-            <table class="table-detail">
-              <tbody>
-              <tr>
-                <th>
-                  <em class="f-red">*</em>
-                  登录名
-                </th>
-                <td colspan="3">
-                  <el-form-item prop="loginAccount" :rules="[{ required: true, trigger: 'blur' }]">
-                    <template v-if="dataId">
-                      <el-input size="small" v-model="user.loginAccount" maxlength="255" autocomplete="off"
-                                lay-verify="required" required="" :readonly="true"/>
-                    </template>
-                    <template v-else>
-                      <el-input size="small" v-model="user.loginAccount" maxlength="255" autocomplete="off"
-                                lay-verify="required" required="" clearable/>
-                    </template>
-                  </el-form-item>
-                </td>
-
-                <th>
-                  <em class="f-red">*</em>
-                  姓名
-                </th>
-                <td colspan="3">
-                  <el-form-item prop="nickName" :rules="[{ required: true, trigger: 'blur' }]">
-                    <el-input size="small" v-model="user.nickName" maxlength="200" lay-verify="required" required=""
-                              clearable/>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-
-                <th>
-                  <em class="f-red" v-if="!dataId">*</em>
-                  密码
-                </th>
-                <td>
-                  <el-form-item prop="password" :rules="passRules">
-                    <el-input size="small" type="password" v-model="user.password" show-password maxlength="255"
-                              autocomplete="off" auto-complete="new-password" clearable/>
-                  </el-form-item>
-                </td>
-                <th>
-                  <em class="f-red" v-if="!dataId">*</em>
-                  确认密码
-                </th>
-                <td>
-                  <el-form-item prop="rePassword" :rules="pass2Rules">
-                    <el-input
-                      size="small"
-                      type="password"
-                      v-model="user.rePassword"
-                      show-password
-                      maxlength="255"
-                      autocomplete="off"
-                      auto-complete="new-password"
-                      lay-verify="confirmPass"
-                      clearable
-                    />
-                  </el-form-item>
-                </td>
-
-
-                <th>性别</th>
-                <td>
-                  <el-radio-group v-model="user.gender">
-                    <el-radio :label="1">男</el-radio>
-                    <el-radio :label="2">女</el-radio>
-                  </el-radio-group>
-                </td>
-                <th>
-                  员工编码
-                </th>
-                <td>
-                  <el-form-item prop="empNo" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input size="small" v-model="user.empNo" maxlength="200" clearable/>
-                  </el-form-item>
-                </td>
-              </tr>
-
-              <tr>
-                <th>出生日期</th>
-                <td>
-                  <el-date-picker size="small" v-model="user.birth" type="date" placeholder="选择日期"
-                                  value-format="yyyy-MM-dd" clearable/>
-                </td>
-                <th>邮编</th>
-                <td>
-                  <el-input size="small" v-model="user.zipCode" maxlength="255" clearable/>
-                </td>
-                <th>手机</th>
-                <td>
-                  <el-form-item prop="mobile" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input size="small" v-model="user.mobile" type="text" maxlength="255" autocomplete="off"
-                              lay-verify="required|phone" clearable/>
-                  </el-form-item>
-                </td>
-                <th>设置</th>
-                <td>
-                  <el-checkbox label="是否启用" v-model="user.enabled"></el-checkbox>
-                </td>
-
-              </tr>
-
-              <tr>
-                <th>
-                  邮箱
-                </th>
-                <td>
-                  <el-form-item prop="email" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input size="small" v-model="user.email" maxlength="200" clearable/>
-                  </el-form-item>
-                </td>
-                <th v-if="flag!=='2'">
-                  GUID
-                </th>
-                <td v-if="flag!=='2'">
-                  <el-form-item prop="guid" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input size="small" v-model="user.guid" maxlength="200" clearable/>
-                  </el-form-item>
-                </td>
-                <th>地址</th>
-                <td colspan="3">
-                  <el-input size="small" v-model="user.address" class="b" maxlength="255" clearable/>
-                </td>
-
-              </tr>
-              <tr>
-                <th>
-                  国家
-                </th>
-                <td colspan="3">
-                  <el-form-item prop="countryName" :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input
-                      class="search-input"
-                      v-model="user.countryName"
-                      clearable
-                      @clear="
-                        user.countryName = null;
-                        user.countryCode = null;
-                      "
-                      v-el-readonly
-                    >
-                      <i slot="suffix" class="el-input__icon el-icon-search"
-                         @click="showCountryDialog=true"></i>
-                    </el-input>
-                  </el-form-item>
-                </td>
-                <th>
-                  是否锁定
-                </th>
-                <td>
-                  {{ user.locked ? "是" : "否" }}
-                </td>
-              </tr>
-              <tr>
-                <th>头像</th>
-                <td colspan="7">
-                  <baseUpload :limit="1" accept="image/png, image/jpeg" multi="false" :file.sync="user.headPhotoUrl"
-                              dataType="medium"></baseUpload>
-                </td>
-              </tr>
-              <tr>
-                <th>创建人</th>
-                <td>{{ user.createBy }}</td>
-                <th>创建时间</th>
-                <td>{{ user.createDate }}</td>
-                <th>更新人</th>
-                <td>{{ user.modifyBy }}</td>
-                <th>更新时间</th>
-                <td>{{ user.modifyDate }}</td>
-              </tr>
-              </tbody>
-            </table>
-          </template>
-        </baseTabPane>
-        <baseTabPane label="组织信息">
-          <template #button>
-            <el-button class="button-sty" @click="addCurrentCompany()" icon="el-icon-search" v-if="!hasCurrentCompany">
-              新增组织权限
-            </el-button>
-          </template>
-          <template #default>
-            <div class="style1">
-              <div class="d-item" v-for="(item,index1) in user.userCompanyInfoDTOs" :key="index1">
-                <div class="title">
-                  <b>{{ item.companyName }}</b>
-                  <el-button class="button-sty" icon="el-icon-delete" v-if="isCurrentCompany(item.companyCode)"
-                             @click="deleteCompany(item,index1)">删除
-                  </el-button>
-                </div>
-                <div class="title-form">
-                  <span v-if="flag==='2'">
-                    <el-form-item label="GUID" :prop="'userCompanyInfoDTOs.'+index1+'.guid'"
-                                  :rules="[{ required: false, trigger: 'blur' }]">
-                    <el-input size="small" v-model="item.guid" maxlength="200" clearable/>
-                  </el-form-item>
-                  </span>
-                </div>
-                <div class="m-2">
-                  <div class="d-item" style="width: 65%;">
-                    <div class="title">
-                      <b>机构信息</b>
-                      <el-button class="button-sty" icon="el-icon-search" @click="showSaleOrgDialog = true"
-                                 v-if="isCurrentCompany(item.companyCode)">选择机构
-                      </el-button>
-                    </div>
-                    <div class="grid-h">
-                      <vxe-grid
-                        :ref="'saleOrgGrid-'+item.companyCode"
-                        :data="gridSaleOrgDataMap[item.companyCode]"
-                        v-bind="vxeOptionMap['saleOrgGridOption-'+item.companyCode]"
-                        @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                        @custom="$vxeTableUtil.customHandle">
-                        <template #position="{row,rowIndex,$table}">
-                          <el-input
-                            class="search-input"
-                            :value="getSelectPositionName(row)"
-                            clearable
-                            @clear="
-                              row.userSaleOrgPositionDTOs = [];
-                              $forceUpdate();
-                            "
-                            v-el-readonly
-                            v-if="companyInfo.companyCode == row.companyCode"
-                          >
-                            <i slot="suffix" class="el-input__icon el-icon-search"
-                               @click="openSelectPositionDialog(row, rowIndex, $table)"></i>
-                          </el-input>
-                          <template v-else>
-                            {{ getSelectPositionName(row) }}
-                          </template>
-                        </template>
-                      </vxe-grid>
-                    </div>
-                  </div>
-                  <div class="d-item" style="width: 35%;">
-                    <div class="title">
-                      <b>角色信息</b>
-                      <el-button class="button-sty" icon="el-icon-search" @click="showRoleDialog = true"
-                                 v-if="isCurrentCompany(item.companyCode)">选择角色
-                      </el-button>
-                    </div>
-                    <div class="grid-h">
-                      <vxe-grid
-                        :ref="'userRoleGrid-'+item.companyCode"
-                        :data="gridRoleDataMap[item.companyCode]"
-                        v-bind="vxeOptionMap['userRoleGridOption-'+item.companyCode]"
-                        @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                        @custom="$vxeTableUtil.customHandle"
-                      ></vxe-grid>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </template>
-        </baseTabPane>
-      </baseTabs>
-    </el-form>
-    <roleDialog v-if="showRoleDialog" :visiable.sync="showRoleDialog" @confirm="confirmRole"
-                :param="roleDialogParam"/>
-    <companyDialog v-if="showCompanyDialog" :visiable.sync="showCompanyDialog" @confirm="confirmInsertCompany"/>
-    <saleOrgDialog v-if="showSaleOrgDialog" :visiable.sync="showSaleOrgDialog" @confirm="confirmInsertSaleOrg"
-                   :param="{ queryAll: true }"/>
-    <positionDialog v-if="showPositionDialog" :visiable.sync="showPositionDialog" :rows="positionDialogDatas"
-                    @confirm="confirmInsertPosition" :param="{ queryAll: true }"/>
-    <countryDialog v-if="showCountryDialog" :visiable.sync="showCountryDialog"
-                   @confirm="confirmCountry" multi="false"/>
-  </div>
-</template>
-
-<script>
-import xeUtils from "xe-utils";
-/*import tempStorageButton from "@base/components/tempStorage/index.vue";*/
-
-
-export default {
-  name: 'UserEdit',
-  components: {
-    roleDialog: () => import('../../../views/user/role/dialog.vue'),
-    companyDialog: () => import('../../../views/user/company_info/dialog.vue'),
-    saleOrgDialog: () => import('../../../views/user/sale_org/dialog.vue'),
-    positionDialog: () => import('../../../views/user/position/dialog.vue'),
-    countryDialog: () => import('../../../views/user/country/dialog.vue')/*,
-    tempStorageButton*/
-  },
-  props: ['_dataId', 'userType', 'flag'],
-  data() {
-    var validatePass = (rule, value, callback) => {
-      const isPassRequired = !this.dataId;
-      if (isPassRequired && (value == '' || value == undefined)) {
-        callback(new Error('密码不能为空'));
-      } else {
-        callback();
-      }
-      this.$refs.editForm.validateField('rePassword');
-    };
-    var validatePass2 = (rule, value, callback) => {
-      const isPassRequired = !this.dataId;
-      const rePassword = value != undefined ? value : '';
-      const password = this.user.password != undefined ? this.user.password : '';
-
-      if (isPassRequired && rePassword == '') {
-        callback(new Error('确认密码不能为空'));
-      } else if (rePassword != password) {
-        callback(new Error('两次输入密码不一致!'));
-      } else {
-        callback();
-      }
-    };
-
-    return {
-      dataId: '',
-      hBtn: true,
-      user: {
-        userCompanyInfoDTOs: [],
-        userSaleOrgDTOs: [],
-        userRoleDTOs: [],
-        gender: null,
-        enabled: true,
-        userType: null,
-        countryName: null,
-        countryCode: null
-      },
-      vxeOption: {},
-      companyInfoOption: {},
-      userRoleOption: {},
-      showRoleDialog: false,
-      showCompanyDialog: false,
-      showSaleOrgDialog: false,
-      showPositionDialog: false,
-      saleOrgPositionIndex: 0,
-      passRules: [{validator: validatePass, trigger: 'blur', required: false}],
-      pass2Rules: [{validator: validatePass2, trigger: 'blur', required: false}],
-      activeName: 'first',
-      userCustomerListDTO: {
-        userCustomerDTOs: []
-      },
-      customerOption: {},
-      showCustomerDialog: false,
-      exportOption: {
-        prefix: USER_PREFIX,
-        title: '用户',
-        codes: ["USEREXCEL", "USERPDF", "USERPRINT", "USERHIPRINT"],
-        param: () => {
-          return [{id: this.dataId}];
-        }
-      },
-      showExtendedProperties: false,
-      radio1: '0',
-      companyInfo: {},
-      vxeOptionMap: {},
-      gridRoleDataMap: {},
-      gridSaleOrgDataMap: {},
-      distributorCode: 'distributor',
-      distributorRole: null,
-      outUserCodes: [],
-      roleDialogParam: {queryAll: true},
-      tempStorageOption: {
-        storageType: "user",
-        data: () => {
-          this.handleData();
-          return this.user;
-        },
-        chooseConfirm: (tempStorageData) => {
-          this.user = tempStorageData;
-          this.gridSaleOrgDataMap = xeUtils.groupBy(this.user.userSaleOrgDTOs, 'companyCode');
-          this.gridRoleDataMap = xeUtils.groupBy(this.user.userRoleDTOs, 'companyCode');
-        },
-        saveConfirm: () => {
-        }
-      },
-      showCountryDialog: false
-    };
-  },
-  computed: {
-    hasCurrentCompany() {
-      return this.user.userCompanyInfoDTOs.find(item => item.companyCode == this.companyInfo.companyCode) != null;
-    }
-  },
-  created() {
-    if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
-  },
-  async mounted() {
-
-    // this.getEainsGroupDTO();
-    await this.initOutUserRoleCode();
-    await this.initDistributorRole();
-    this.getData();
-    this.getConpanyInfo()
-  },
-  methods: {
-    getData() {
-      if (this.dataId && !isNaN(this.dataId)) {
-        this.isEdit = true;
-        this.$commonHttp({
-          url: USER_PREFIX + `/user/get`,
-          method: `post`,
-          data: {
-            id: this.dataId
-          },
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            let user = res.objx || {};
-            user.userCompanyInfoDTOs = this.user.userCompanyInfoDTOs;
-            user.userSaleOrgDTOs = this.user.userSaleOrgDTOs;
-            user.userRoleDTOs = this.user.userRoleDTOs;
-            this.user = user;
-            this.user.password = '';
-
-            this.showExtendedProperties = true;
-          }
-        });
-      } else {
-        this.user.gender = 1;
-        this.isEdit = false;
-        this.showExtendedProperties = true;
-      }
-    },
-    saveData() {
-      let companyCode = this.companyInfo.companyCode;
-      this.handleData();
-      if (this.userType == 2) {
-        //外部用户
-        let currentUserCompanyInfo = this.user.userCompanyInfoDTOs.find(item => item.companyCode == companyCode)
-        if (currentUserCompanyInfo) {
-          let rows = this.user.userRoleDTOs.filter(item => item.companyCode == companyCode);
-          if (!rows.length) {
-            this.$baseAlert("请维护角色");
-            return
-          }
-        }
-
-      }
-      this.$refs.editForm.$baseValidate(valid => {
-        if (valid) {
-          this.$baseConfirm('您确定要保存吗？').then(() => {
-            var url = USER_PREFIX + (this.isEdit ? '/user/update' : '/user/save');
-            this.$http({
-              url: url,
-              method: `post`,
-              data: this.user,
-              isLoading: true,
-              success: res => {
-                this.$message({
-                  message: res.content,
-                  type: 'success',
-                  duration: 500,
-                  onClose: t => {
-                    if (this.isEdit) {
-                      this.$baseReload();
-                    } else {
-                      this.$baseReload({
-                        updateParam: {
-                          _dataId: res.objx
-                        }
-                      });
-                    }
-                  }
-                });
-              }
-            });
-          });
-        }
-      });
-    },
-    getSaleOrgData() {
-      if (this.dataId) {
-        this.$http({
-          url: USER_PREFIX + '/user/getUserSaleOrg',
-          method: `post`,
-          data: {id: this.dataId},
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            // this.$refs.saleOrgGrid.loadData(res.objx || []);
-            let rows = res.objx || [];
-            if (rows.length) {
-              // this.gridSaleOrgDataMap = xeUtils.groupBy(rows, 'companyCode');
-              Object.assign(this.gridSaleOrgDataMap, xeUtils.groupBy(rows, 'companyCode'));
-            }
-            this.user.userSaleOrgDTOs = rows;
-          }
-        });
-      }
-    },
-    getUserRoleData() {
-      if (this.dataId) {
-        this.$http({
-          url: USER_PREFIX + '/user/getUserRole',
-          method: `post`,
-          data: {id: this.dataId},
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            let rows = res.objx || [];
-            if (rows.length) {
-              // this.gridRoleDataMap = xeUtils.groupBy(rows, 'companyCode');
-              Object.assign(this.gridRoleDataMap, xeUtils.groupBy(rows, 'companyCode'));
-            }
-            this.user.userRoleDTOs = rows;
-          }
-        });
-      }
-    },
-    deleteSaleOrgItem(row, index, $table) {
-      $table.remove(row);
-      this.gridSaleOrgDataMap[row.companyCode].splice(index, 1);
-    },
-    getCompanyInfoData(callback) {
-      if (this.dataId) {
-        this.$http({
-          url: USER_PREFIX + '/user/getUserCompanyInfo',
-          method: `post`,
-          data: {id: this.dataId},
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            let rows = res.objx || [];
-            rows.forEach(row => {
-              this.gridRoleDataMap[row.companyCode] = [];
-              this.gridSaleOrgDataMap[row.companyCode] = [];
-            })
-            this.user.userCompanyInfoDTOs = rows;
-            callback && callback();
-          }
-        });
-      }
-    },
-    initSaleOrg(companyCode) {
-      if (this.vxeOptionMap['saleOrgGridOption-' + companyCode]) {
-        return;
-      }
-      let tableRef = 'saleOrgGrid-' + companyCode;
-      const tableOption = {
-        vue: this,
-        tableRef: tableRef,
-        tableName: 'editUser-saleOrgGrid-' + companyCode,
-        columns: [
-          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
-          {title: '机构名称', field: 'saleOrgName', width: 200},
-          {title: '机构编码', field: 'sn', width: 200},
-          {title: '上级机构', field: 'treePathName', width: 200},
-          {
-            title: '岗位',
-            field: 'position',
-            width: 150,
-            slots: {
-              default: 'position'
-            }
-          },
-          {
-            title: '是否默认',
-            field: 'defaults',
-            width: 120,
-            slots: {
-              default: ({row, $table, rowIndex}) => {
-                var isDefault = row.defaults || false;
-                let disabled = this.companyInfo.companyCode != row.companyCode;
-                return [
-                  <el-checkbox
-                    v-model={isDefault}
-                    disabled={disabled}
-                    onchange={() => {
-                      this.gridSaleOrgDataMap[row.companyCode].forEach((item, index) => {
-                        if (index == rowIndex) {
-                          item.defaults = true;
-                        } else {
-                          item.defaults = false;
-                        }
-                      });
-                    }}
-                  />
-                ];
-              }
-            }
-          },
-          {
-            width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false,
-            slots: {
-              default: ({row, rowIndex, $table}) => {
-                if (this.companyInfo.companyCode == row.companyCode) {
-                  return [
-                    <a
-                      href="javascript:void(0);"
-                      class="a-link"
-                      onclick={() => {
-                        this.deleteSaleOrgItem(row, rowIndex, $table);
-                      }}
-                    >
-                      <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-delete"/>
-                      </el-tooltip>
-                    </a>
-                  ];
-                }
-              }
-            }
-          }
-        ]
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        // this.vxeOptionMap['saleOrgGridOption-'+companyCode] = opts;
-        this.$set(this.vxeOptionMap, 'saleOrgGridOption-' + companyCode, opts);
-      });
-
-    },
-    initUserRole(companyCode) {
-      if (this.vxeOptionMap['userRoleGridOption-' + companyCode]) {
-        return;
-      }
-      let userType = this.userType;
-      const tableOption = {
-        vue: this,
-        tableRef: 'userRoleGrid-' + companyCode,
-        tableName: 'editUser-userRoleGrid-' + companyCode,
-        columns: [
-          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
-          {
-            title: '角色名称',
-            field: 'name',
-            width: 200,
-            slots: {
-              default: ({row}) => {
-                if (!row.isAdd) {
-                  return row.roleName;
-                } else {
-                  return row.name;
-                }
-              }
-            }
-          },
-          {
-            width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false,
-            slots: {
-              default: ({row, rowIndex, $table}) => {
-                if (this.companyInfo.companyCode == row.companyCode) {
-                  return [
-                    <a
-                      href="javascript:void(0);"
-                      class="a-link"
-                      onclick={() => {
-                        this.deleteRoleItem(row, rowIndex, $table);
-                      }}
-                    >
-                      <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-delete"/>
-                      </el-tooltip>
-                    </a>
-                  ];
-                }
-              }
-            }
-          }
-        ]
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        // this.vxeOptionMap['userRoleGridOption-'+companyCode] = opts;
-        this.$set(this.vxeOptionMap, 'userRoleGridOption-' + companyCode, opts);
-      });
-    },
-    confirmRole(rows) {
-      if (rows.length > 0) {
-        let outUserCodes = this.outUserCodes;
-        if (this.userType === 1) {
-          //企业用户
-          rows = rows.filter(row => !outUserCodes.includes(row.code));
-        } else if (this.userType === 2) {
-          //外部用户
-          rows = rows.filter(row => outUserCodes.includes(row.code));
-        }
-        let companyCode = this.companyInfo.companyCode;
-        const $grid = this.$refs['userRoleGrid-' + companyCode][0];
-        const tableData = this.gridRoleDataMap[companyCode];
-        const map = {};
-        tableData.forEach(function (item) {
-          map[item.roleId] = 1;
-        });
-        var items = [];
-        rows.forEach(row => {
-          const item = {
-            roleId: row.id,
-            roleName: row.name,
-            companyCode: companyCode,
-            companyName: row.companyName
-          };
-          if (!map[item.roleId]) {
-            items.push(item);
-          }
-        });
-        // $grid.insertAt(items, -1);
-        // this.user.userRoleDTOs = this.user.userRoleDTOs.concat(items);
-        this.gridRoleDataMap[companyCode] = tableData.concat(items)
-        $grid.loadData(this.gridRoleDataMap[companyCode])
-      }
-    },
-    deleteRole(tableRef) {
-      this.$baseConfirm('您确定要删除吗？').then(() => {
-        /*const $grid = this.$refs.userRoleGrid;
-        $grid.removeCheckboxRow();
-        this.user.userRoleDTOs = $grid.getTableData().fullData;*/
-        let companyCode = this.companyInfo.companyCode;
-        const $grid = this.$refs[tableRef][0];
-        $grid.removeCheckboxRow();
-        this.gridRoleDataMap[companyCode] = $grid.getTableData().fullData;
-
-      });
-    },
-    deleteRoleItem(row, index, $table) {
-      $table.remove(row);
-      this.gridRoleDataMap[row.companyCode].splice(index, 1);
-    },
-    confirmInsertCompany(rows, callback) {
-      if (rows.length > 0) {
-        const tableData = this.user.userCompanyInfoDTOs;
-        const map = {};
-        tableData.forEach(function (item) {
-          map[item.companyCode] = 1;
-        });
-        var items = [];
-        rows.forEach(row => {
-          const item = {companyCode: row.companyCode, companyName: row.companyName, guid: null};
-          if (!map[item.companyCode]) {
-            items.push(item);
-          }
-          this.gridRoleDataMap[item.companyCode] = []
-          this.gridSaleOrgDataMap[item.companyCode] = []
-        });
-        // $grid.insertAt(items, -1);
-        this.user.userCompanyInfoDTOs.splice(0, 0, ...items);
-        // this.user.userCompanyInfoDTOs = this.user.userCompanyInfoDTOs.concat(items);
-      }
-      callback && callback();
-    },
-    deleteCompany(row, index) {
-      let companyCode = row.companyCode;
-      this.user.userCompanyInfoDTOs.splice(index, 1);
-      this.gridSaleOrgDataMap[row.companyCode] = [];
-      this.gridRoleDataMap[row.companyCode] = [];
-      this.user.userSaleOrgDTOs = this.user.userSaleOrgDTOs.filter(item => item.companyCode != companyCode);
-      this.user.userRoleDTOs = this.user.userRoleDTOs.filter(item => item.companyCode != companyCode);
-    },
-    confirmInsertSaleOrg(rows) {
-      if (rows.length > 0) {
-        let companyCode = this.companyInfo.companyCode;
-        const $grid = this.$refs['saleOrgGrid-' + companyCode][0];
-        const tableData = this.gridSaleOrgDataMap[companyCode] || [];
-        const map = {};
-        tableData.forEach(function (item) {
-          map[item.saleOrgId] = 1;
-        });
-
-        let roleMap = {};
-        let newUserRoleDTOs = [];
-        var items = [];
-
-        rows.forEach((row, index) => {
-          const item = {
-            companyCode: companyCode,
-            companyName: row.companyName,
-            defaults: false,
-            saleOrgName: row.name,
-            treePathName: row.treePathName,
-            userSaleOrgPositionDTOs: [],
-            saleOrgId: row.id,
-            sn: row.sn
-          };
-
-          if (!map[item.saleOrgId]) {
-            items.push(item);
-            if (row.roleId && !roleMap[row.roleId]) {
-              const roleItem = {
-                id: row.roleId,
-                name: row.roleName,
-                companyCode: companyCode,
-                companyName: row.companyName
-              };
-              roleMap[row.roleId] = true;
-              newUserRoleDTOs.push(roleItem);
-            }
-          }
-        });
-        if (items.length > 0 && tableData.length == 0) {
-          items[0].defaults = true;
-        }
-        // this.user.userSaleOrgDTOs.push(...items);
-        this.gridSaleOrgDataMap[companyCode] = tableData.concat(items)
-        $grid.loadData(this.gridSaleOrgDataMap[companyCode])
-        this.confirmRole(newUserRoleDTOs);
-      }
-    },
-    openSelectPositionDialog(row, rowIndex, $table) {
-      const userSaleOrgPositionDTOs = row.userSaleOrgPositionDTOs || [];
-      const items = [];
-      userSaleOrgPositionDTOs.forEach(userSaleOrgPositionDTO => {
-        const item = {
-          companyCode: userSaleOrgPositionDTO.companyCode,
-          companyName: userSaleOrgPositionDTO.companyName,
-          name: userSaleOrgPositionDTO.positionName,
-          code: userSaleOrgPositionDTO.code,
-          id: userSaleOrgPositionDTO.positionId
-        };
-        items.push(item);
-      });
-
-      this.positionDialogDatas = items;
-      this.saleOrgPositionIndex = rowIndex;
-      this.showPositionDialog = true;
-    },
-    confirmInsertPosition(rows) {
-      let companyCode = this.companyInfo.companyCode;
-      const saleOrgPositionIndex = this.saleOrgPositionIndex;
-      const tableData = this.gridSaleOrgDataMap[companyCode];
-      if (rows.length > 0) {
-        const oldPositions = tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs || [];
-        const map = {};
-        oldPositions.forEach(function (item) {
-          map[item.positionId] = item;
-        });
-        var oItems = [];
-        var items = [];
-        rows.forEach(row => {
-          const item = {
-            companyCode: row.companyCode,
-            companyName: row.companyName,
-            positionName: row.name,
-            code: row.code,
-            positionId: row.id
-          };
-
-          if (!map[item.positionId]) {
-            items.push(item);
-          } else {
-            oItems.push(map[item.positionId]);
-          }
-        });
-        tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs = oItems.concat(items);
-      } else {
-        tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs = [];
-      }
-      this.$forceUpdate();
-    },
-    getSelectPositionName(row) {
-      var userSaleOrgPositions = row.userSaleOrgPositionDTOs || [];
-      var allName = '';
-      userSaleOrgPositions.forEach(function (pItem, pIndex) {
-        allName = allName + ',' + pItem.positionName;
-      });
-      if (allName) {
-        allName = allName.substr(1);
-      }
-      return allName;
-    },
-    getConpanyInfo() {
-      this.$http({
-        url: USER_PREFIX + '/company_info/getCurrent',
-        method: `post`,
-        isLoading: true,
-        success: res => {
-          this.companyInfo = res.objx || {};
-          let companyCode = this.companyInfo.companyCode;
-          if (!this.isEdit) {
-            this.addCurrentCompany();
-          } else {
-            this.getCompanyInfoData(() => {
-              this.getUserRoleData();
-              this.getSaleOrgData();
-              setTimeout(() => {
-                this.user.userCompanyInfoDTOs.forEach(userCompanyInfoDTO => {
-                  this.initSaleOrg(userCompanyInfoDTO.companyCode);
-                  this.initUserRole(userCompanyInfoDTO.companyCode);
-                })
-              }, 100)
-            });
-          }
-        }
-      });
-    },
-    isCurrentCompany(companyCode) {
-      return this.companyInfo.companyCode == companyCode;
-    },
-    addCurrentCompany(callback) {
-      this.confirmInsertCompany([this.companyInfo], callback);
-      setTimeout(() => {
-        this.initSaleOrg(this.companyInfo.companyCode);
-        this.initUserRole(this.companyInfo.companyCode);
-        setTimeout(() => {
-          if (this.userType === 2) {
-            //经销商
-            if (this.distributorRole) {
-              this.confirmRole([this.distributorRole]);
-            }
-          }
-        }, 100)
-      }, 100)
-
-
-    },
-    handleData() {
-      let saleOrgs = [];
-      Object.keys(this.gridSaleOrgDataMap).forEach(companyCode => {
-        saleOrgs.push(...this.gridSaleOrgDataMap[companyCode])
-      });
-      let roles = [];
-      Object.keys(this.gridRoleDataMap).forEach(companyCode => {
-        roles.push(...this.gridRoleDataMap[companyCode])
-      });
-      this.user.userRoleDTOs = roles;
-      this.user.userSaleOrgDTOs = saleOrgs
-    },
-    initDistributorRole() {
-      if (this.outUserCodes && this.outUserCodes.length == 1) {
-        return this.$http({
-          url: USER_PREFIX + '/role/list',
-          method: 'post',
-          success: res => {
-            let roleList = res.objx || [];
-            let distributorCode = this.outUserCodes[0];
-            this.distributorRole = roleList.find(item => item.code == distributorCode);
-          }
-        });
-      }
-    },
-    async initOutUserRoleCode() {
-      //初始化外部用户编码
-      return this.$http({
-        url: USER_PREFIX + '/system_parameter/getByCode',
-        method: 'post',
-        data: {"code": "outUserRoleCode"},
-        success: res => {
-          let value = (!res.objx || !res.objx.value) ? "distributor" : res.objx.value;
-          let codes = value.split(',');
-          this.outUserCodes = codes;//外部用户编码
-          this.initRoleDialogParam();//初始化角色弹框的查询参数
-        }
-      });
-    },
-    initRoleDialogParam() {
-      //初始化角色弹框的查询参数
-      if (this.userType == 1) {
-        //企业用户
-        this.roleDialogParam = {
-          queryAll: true,
-          neCodes: [...this.outUserCodes]
-        };
-      } else if (this.userType == 2) {
-        //外部用户
-        this.roleDialogParam = {
-          queryAll: true,
-          eqCodes: [...this.outUserCodes]
-        };
-      }
-    },
-    unlock() {
-      this.$baseConfirm('您确定要解锁吗？').then(() => {
-        var url = USER_PREFIX + '/user/unlockLoginAccount';
-        this.$http({
-          url: url,
-          method: `post`,
-          data: {
-            id: this.user.id
-          },
-          isLoading: true,
-          success: res => {
-            this.$message({
-              message: res.content,
-              type: 'success',
-              duration: 500,
-              onClose: t => {
-                this.$baseReload();
-              }
-            });
-          }
-        });
-      });
-    },
-    confirmCountry(rows) {
-      if (rows.length) {
-        let row = rows[0];
-        this.user.countryName = row.countryName;
-        this.user.countryCode = row.countryCode;
-      }
-    }
-  }
-};
-</script>
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="user">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? $t1('查看') : $t1('新增') }} {{ $t1('用户') }}
+        </div>
+        <div class="fr">
+          <!--          <temp-storage-button :option="tempStorageOption" v-if="!dataId"></temp-storage-button>-->
+          <base-input-export :option="exportOption" :parent-target="_self" v-if="dataId"/>
+          <el-button type="primary" plain class="button-sty" icon="el-icon-unlock" @click="unlock" v-if="user.locked"
+                     v-hasPermi="'user:unlock'">{{ $t1('解锁') }}
+          </el-button>
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
+            {{ $t1('重置') }}
+          </el-button>
+          <el-button type="primary" class="button-sty" icon="el-icon-check" @click="saveData">{{ $t1('保存') }}
+          </el-button>
+        </div>
+      </div>
+      <baseTabs>
+        <baseTabPane :label="$t1('基本信息')">
+          <template #default>
+            <table class="table-detail">
+              <tbody>
+              <tr>
+                <th>
+                  <em class="f-red">*</em>
+                  {{ $t1('登录名') }}
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="loginAccount" :rules="[{ required: true, trigger: 'blur' }]">
+                    <template v-if="dataId">
+                      <el-input size="small" v-model="user.loginAccount" maxlength="255" autocomplete="off"
+                                lay-verify="required" required="" :readonly="true"/>
+                    </template>
+                    <template v-else>
+                      <el-input size="small" v-model="user.loginAccount" maxlength="255" autocomplete="off"
+                                lay-verify="required" required="" clearable/>
+                    </template>
+                  </el-form-item>
+                </td>
+
+                <th>
+                  <em class="f-red">*</em>
+                  {{ $t1('姓名') }}
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="nickName" :rules="[{ required: true, trigger: 'blur' }]">
+                    <el-input size="small" v-model="user.nickName" maxlength="200" lay-verify="required" required=""
+                              clearable/>
+                  </el-form-item>
+                </td>
+              </tr>
+              <tr>
+
+                <th>
+                  <em class="f-red" v-if="!dataId">*</em>
+                  {{ $t1('密码') }}
+                </th>
+                <td>
+                  <el-form-item prop="password" :rules="passRules">
+                    <el-input size="small" type="password" v-model="user.password" show-password maxlength="255"
+                              autocomplete="off" auto-complete="new-password" clearable/>
+                  </el-form-item>
+                </td>
+                <th>
+                  <em class="f-red" v-if="!dataId">*</em>
+                  {{ $t1('确认密码') }}
+                </th>
+                <td>
+                  <el-form-item prop="rePassword" :rules="pass2Rules">
+                    <el-input
+                      size="small"
+                      type="password"
+                      v-model="user.rePassword"
+                      show-password
+                      maxlength="255"
+                      autocomplete="off"
+                      auto-complete="new-password"
+                      lay-verify="confirmPass"
+                      clearable
+                    />
+                  </el-form-item>
+                </td>
+
+
+                <th>{{ $t1('性别') }}</th>
+                <td>
+                  <el-radio-group v-model="user.gender">
+                    <el-radio :label="1">{{ $t1('男') }}</el-radio>
+                    <el-radio :label="2">{{ $t1('女') }}</el-radio>
+                  </el-radio-group>
+                </td>
+                <th>
+                  {{ $t1('员工编码') }}
+                </th>
+                <td>
+                  <el-form-item prop="empNo" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input size="small" v-model="user.empNo" maxlength="200" clearable/>
+                  </el-form-item>
+                </td>
+              </tr>
+
+              <tr>
+                <th>{{ $t1('出生日期') }}</th>
+                <td>
+                  <el-date-picker size="small" v-model="user.birth" type="date" :placeholder="$t1('选择日期')"
+                                  value-format="yyyy-MM-dd" clearable/>
+                </td>
+                <th>{{ $t1('邮编') }}</th>
+                <td>
+                  <el-input size="small" v-model="user.zipCode" maxlength="255" clearable/>
+                </td>
+                <th>{{ $t1('手机') }}</th>
+                <td>
+                  <el-form-item prop="mobile" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input size="small" v-model="user.mobile" type="text" maxlength="255" autocomplete="off"
+                              lay-verify="required|phone" clearable/>
+                  </el-form-item>
+                </td>
+                <th>{{ $t1('设置') }}</th>
+                <td>
+                  <el-checkbox :label="$t1('是否启用')" v-model="user.enabled"></el-checkbox>
+                </td>
+
+              </tr>
+
+              <tr>
+                <th>
+                  {{ $t1('邮箱') }}
+                </th>
+                <td>
+                  <el-form-item prop="email" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input size="small" v-model="user.email" maxlength="200" clearable/>
+                  </el-form-item>
+                </td>
+                <th v-if="flag!=='2'">
+                  GUID
+                </th>
+                <td v-if="flag!=='2'">
+                  <el-form-item prop="guid" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input size="small" v-model="user.guid" maxlength="200" clearable/>
+                  </el-form-item>
+                </td>
+                <th>{{ $t1('地址') }}</th>
+                <td colspan="3">
+                  <el-input size="small" v-model="user.address" class="b" maxlength="255" clearable/>
+                </td>
+
+              </tr>
+              <tr>
+                <th>
+                  {{ $t1('国家') }}
+                </th>
+                <td colspan="3">
+                  <el-form-item prop="countryName" :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input
+                      class="search-input"
+                      v-model="user.countryName"
+                      clearable
+                      @clear="
+                        user.countryName = null;
+                        user.countryCode = null;
+                      "
+                      v-el-readonly
+                    >
+                      <i slot="suffix" class="el-input__icon el-icon-search"
+                         @click="showCountryDialog=true"></i>
+                    </el-input>
+                  </el-form-item>
+                </td>
+                <th>
+                  {{ $t1('是否锁定') }}
+                </th>
+                <td>
+                  {{ user.locked ? $t1('是') : $t1('否') }}
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1('头像') }}</th>
+                <td colspan="7">
+                  <baseUpload :limit="1" accept="image/png, image/jpeg" multi="false" :file.sync="user.headPhotoUrl"
+                              dataType="medium"></baseUpload>
+                </td>
+              </tr>
+              <tr>
+                <th>{{ $t1('创建人') }}</th>
+                <td>{{ user.createBy }}</td>
+                <th>{{ $t1('创建时间') }}</th>
+                <td>{{ user.createDate }}</td>
+                <th>{{ $t1('更新人') }}</th>
+                <td>{{ user.modifyBy }}</td>
+                <th>{{ $t1('更新时间') }}</th>
+                <td>{{ user.modifyDate }}</td>
+              </tr>
+              </tbody>
+            </table>
+          </template>
+        </baseTabPane>
+        <baseTabPane :label="$t1('组织信息')">
+          <template #button>
+            <el-button class="button-sty" @click="addCurrentCompany()" icon="el-icon-search" v-if="!hasCurrentCompany">
+              {{ $t1('新增组织权限') }}
+            </el-button>
+          </template>
+          <template #default>
+            <div class="style1">
+              <div class="d-item" v-for="(item,index1) in user.userCompanyInfoDTOs" :key="index1">
+                <div class="title">
+                  <b>{{ item.companyName }}</b>
+                  <el-button class="button-sty" icon="el-icon-delete" v-if="isCurrentCompany(item.companyCode)"
+                             @click="deleteCompany(item,index1)">{{ $t1('删除') }}
+                  </el-button>
+                </div>
+                <div class="title-form">
+                  <span v-if="flag==='2'">
+                    <el-form-item label="GUID" :prop="'userCompanyInfoDTOs.'+index1+'.guid'"
+                                  :rules="[{ required: false, trigger: 'blur' }]">
+                    <el-input size="small" v-model="item.guid" maxlength="200" clearable/>
+                  </el-form-item>
+                  </span>
+                </div>
+                <div class="m-2">
+                  <div class="d-item" style="width: 65%;">
+                    <div class="title">
+                      <b>{{ $t1('机构信息') }}</b>
+                      <el-button class="button-sty" icon="el-icon-search" @click="showSaleOrgDialog = true"
+                                 v-if="isCurrentCompany(item.companyCode)">{{ $t1('选择机构') }}
+                      </el-button>
+                    </div>
+                    <div class="grid-h">
+                      <vxe-grid
+                        :ref="'saleOrgGrid-'+item.companyCode"
+                        :data="gridSaleOrgDataMap[item.companyCode]"
+                        v-bind="vxeOptionMap['saleOrgGridOption-'+item.companyCode]"
+                        @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                        @custom="$vxeTableUtil.customHandle">
+                        <template #position="{row,rowIndex,$table}">
+                          <el-input
+                            class="search-input"
+                            :value="getSelectPositionName(row)"
+                            clearable
+                            @clear="
+                              row.userSaleOrgPositionDTOs = [];
+                              $forceUpdate();
+                            "
+                            v-el-readonly
+                            v-if="companyInfo.companyCode == row.companyCode"
+                          >
+                            <i slot="suffix" class="el-input__icon el-icon-search"
+                               @click="openSelectPositionDialog(row, rowIndex, $table)"></i>
+                          </el-input>
+                          <template v-else>
+                            {{ getSelectPositionName(row) }}
+                          </template>
+                        </template>
+                      </vxe-grid>
+                    </div>
+                  </div>
+                  <div class="d-item" style="width: 35%;">
+                    <div class="title">
+                      <b>{{ $t1('角色信息') }}</b>
+                      <el-button class="button-sty" icon="el-icon-search" @click="showRoleDialog = true"
+                                 v-if="isCurrentCompany(item.companyCode)">{{ $t1('选择角色') }}
+                      </el-button>
+                    </div>
+                    <div class="grid-h">
+                      <vxe-grid
+                        :ref="'userRoleGrid-'+item.companyCode"
+                        :data="gridRoleDataMap[item.companyCode]"
+                        v-bind="vxeOptionMap['userRoleGridOption-'+item.companyCode]"
+                        @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                        @custom="$vxeTableUtil.customHandle"
+                      ></vxe-grid>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+        </baseTabPane>
+      </baseTabs>
+    </el-form>
+    <roleDialog v-if="showRoleDialog" :visiable.sync="showRoleDialog" @confirm="confirmRole"
+                :param="roleDialogParam"/>
+    <companyDialog v-if="showCompanyDialog" :visiable.sync="showCompanyDialog" @confirm="confirmInsertCompany"/>
+    <saleOrgDialog v-if="showSaleOrgDialog" :visiable.sync="showSaleOrgDialog" @confirm="confirmInsertSaleOrg"
+                   :param="{ queryAll: true }"/>
+    <positionDialog v-if="showPositionDialog" :visiable.sync="showPositionDialog" :rows="positionDialogDatas"
+                    @confirm="confirmInsertPosition" :param="{ queryAll: true }"/>
+    <countryDialog v-if="showCountryDialog" :visiable.sync="showCountryDialog"
+                   @confirm="confirmCountry" multi="false"/>
+  </div>
+</template>
+
+<script>
+import xeUtils from "xe-utils";
+/*import tempStorageButton from "@base/components/tempStorage/index.vue";*/
+
+
+export default {
+  name: 'UserEdit',
+  components: {
+    roleDialog: () => import('../../../views/user/role/dialog.vue'),
+    companyDialog: () => import('../../../views/user/company_info/dialog.vue'),
+    saleOrgDialog: () => import('../../../views/user/sale_org/dialog.vue'),
+    positionDialog: () => import('../../../views/user/position/dialog.vue'),
+    countryDialog: () => import('../../../views/user/country/dialog.vue')/*,
+    tempStorageButton*/
+  },
+  props: ['_dataId', 'userType', 'flag'],
+  data() {
+    var validatePass = (rule, value, callback) => {
+      const isPassRequired = !this.dataId;
+      if (isPassRequired && (value == '' || value == undefined)) {
+        callback(new Error(this.$t1('密码不能为空')));
+      } else {
+        callback();
+      }
+      this.$refs.editForm.validateField('rePassword');
+    };
+    var validatePass2 = (rule, value, callback) => {
+      const isPassRequired = !this.dataId;
+      const rePassword = value != undefined ? value : '';
+      const password = this.user.password != undefined ? this.user.password : '';
+
+      if (isPassRequired && rePassword == '') {
+        callback(new Error(this.$t1('确认密码不能为空')));
+      } else if (rePassword != password) {
+        callback(new Error(this.$t1('两次输入密码不一致!')));
+      } else {
+        callback();
+      }
+    };
+
+    return {
+      dataId: '',
+      hBtn: true,
+      user: {
+        userCompanyInfoDTOs: [],
+        userSaleOrgDTOs: [],
+        userRoleDTOs: [],
+        gender: null,
+        enabled: true,
+        userType: null,
+        countryName: null,
+        countryCode: null
+      },
+      vxeOption: {},
+      companyInfoOption: {},
+      userRoleOption: {},
+      showRoleDialog: false,
+      showCompanyDialog: false,
+      showSaleOrgDialog: false,
+      showPositionDialog: false,
+      saleOrgPositionIndex: 0,
+      passRules: [{validator: validatePass, trigger: 'blur', required: false}],
+      pass2Rules: [{validator: validatePass2, trigger: 'blur', required: false}],
+      activeName: 'first',
+      userCustomerListDTO: {
+        userCustomerDTOs: []
+      },
+      customerOption: {},
+      showCustomerDialog: false,
+      exportOption: {
+        prefix: USER_PREFIX,
+        title: this.$t1('用户'),
+        codes: ["USEREXCEL", "USERPDF", "USERPRINT", "USERHIPRINT"],
+        param: () => {
+          return [{id: this.dataId}];
+        }
+      },
+      showExtendedProperties: false,
+      radio1: '0',
+      companyInfo: {},
+      vxeOptionMap: {},
+      gridRoleDataMap: {},
+      gridSaleOrgDataMap: {},
+      distributorCode: 'distributor',
+      distributorRole: null,
+      outUserCodes: [],
+      roleDialogParam: {queryAll: true},
+      tempStorageOption: {
+        storageType: "user",
+        data: () => {
+          this.handleData();
+          return this.user;
+        },
+        chooseConfirm: (tempStorageData) => {
+          this.user = tempStorageData;
+          this.gridSaleOrgDataMap = xeUtils.groupBy(this.user.userSaleOrgDTOs, 'companyCode');
+          this.gridRoleDataMap = xeUtils.groupBy(this.user.userRoleDTOs, 'companyCode');
+        },
+        saveConfirm: () => {
+        }
+      },
+      showCountryDialog: false
+    };
+  },
+  computed: {
+    hasCurrentCompany() {
+      return this.user.userCompanyInfoDTOs.find(item => item.companyCode == this.companyInfo.companyCode) != null;
+    }
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
+  },
+  async mounted() {
+
+    // this.getEainsGroupDTO();
+    await this.initOutUserRoleCode();
+    await this.initDistributorRole();
+    this.getData();
+    this.getConpanyInfo()
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$commonHttp({
+          url: USER_PREFIX + `/user/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            let user = res.objx || {};
+            user.userCompanyInfoDTOs = this.user.userCompanyInfoDTOs;
+            user.userSaleOrgDTOs = this.user.userSaleOrgDTOs;
+            user.userRoleDTOs = this.user.userRoleDTOs;
+            this.user = user;
+            this.user.password = '';
+
+            this.showExtendedProperties = true;
+          }
+        });
+      } else {
+        this.user.gender = 1;
+        this.isEdit = false;
+        this.showExtendedProperties = true;
+      }
+    },
+    saveData() {
+      let companyCode = this.companyInfo.companyCode;
+      this.handleData();
+      if (this.userType == 2) {
+        //外部用户
+        let currentUserCompanyInfo = this.user.userCompanyInfoDTOs.find(item => item.companyCode == companyCode)
+        if (currentUserCompanyInfo) {
+          let rows = this.user.userRoleDTOs.filter(item => item.companyCode == companyCode);
+          if (!rows.length) {
+            this.$baseAlert(this.$t1('请维护角色'));
+            return
+          }
+        }
+
+      }
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.$baseConfirm(this.$t1('您确定要保存吗？')).then(() => {
+            var url = USER_PREFIX + (this.isEdit ? '/user/update' : '/user/save');
+            this.$http({
+              url: url,
+              method: `post`,
+              data: this.user,
+              isLoading: true,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 500,
+                  onClose: t => {
+                    if (this.isEdit) {
+                      this.$baseReload();
+                    } else {
+                      this.$baseReload({
+                        updateParam: {
+                          _dataId: res.objx
+                        }
+                      });
+                    }
+                  }
+                });
+              }
+            });
+          });
+        }
+      });
+    },
+    getSaleOrgData() {
+      if (this.dataId) {
+        this.$http({
+          url: USER_PREFIX + '/user/getUserSaleOrg',
+          method: `post`,
+          data: {id: this.dataId},
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            // this.$refs.saleOrgGrid.loadData(res.objx || []);
+            let rows = res.objx || [];
+            if (rows.length) {
+              // this.gridSaleOrgDataMap = xeUtils.groupBy(rows, 'companyCode');
+              Object.assign(this.gridSaleOrgDataMap, xeUtils.groupBy(rows, 'companyCode'));
+            }
+            this.user.userSaleOrgDTOs = rows;
+          }
+        });
+      }
+    },
+    getUserRoleData() {
+      if (this.dataId) {
+        this.$http({
+          url: USER_PREFIX + '/user/getUserRole',
+          method: `post`,
+          data: {id: this.dataId},
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            let rows = res.objx || [];
+            if (rows.length) {
+              // this.gridRoleDataMap = xeUtils.groupBy(rows, 'companyCode');
+              Object.assign(this.gridRoleDataMap, xeUtils.groupBy(rows, 'companyCode'));
+            }
+            this.user.userRoleDTOs = rows;
+          }
+        });
+      }
+    },
+    deleteSaleOrgItem(row, index, $table) {
+      $table.remove(row);
+      this.gridSaleOrgDataMap[row.companyCode].splice(index, 1);
+    },
+    getCompanyInfoData(callback) {
+      if (this.dataId) {
+        this.$http({
+          url: USER_PREFIX + '/user/getUserCompanyInfo',
+          method: `post`,
+          data: {id: this.dataId},
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            let rows = res.objx || [];
+            rows.forEach(row => {
+              this.gridRoleDataMap[row.companyCode] = [];
+              this.gridSaleOrgDataMap[row.companyCode] = [];
+            })
+            this.user.userCompanyInfoDTOs = rows;
+            callback && callback();
+          }
+        });
+      }
+    },
+    initSaleOrg(companyCode) {
+      if (this.vxeOptionMap['saleOrgGridOption-' + companyCode]) {
+        return;
+      }
+      let tableRef = 'saleOrgGrid-' + companyCode;
+      const tableOption = {
+        vue: this,
+        tableRef: tableRef,
+        tableName: 'editUser-saleOrgGrid-' + companyCode,
+        columns: [
+          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
+          {title: this.$t1('机构名称'), field: 'saleOrgName', width: 200},
+          {title: this.$t1('机构编码'), field: 'sn', width: 200},
+          {title: this.$t1('上级机构'), field: 'treePathName', width: 200},
+          {
+            title: this.$t1('岗位'),
+            field: 'position',
+            width: 150,
+            slots: {
+              default: 'position'
+            }
+          },
+          {
+            title: this.$t1('是否默认'),
+            field: 'defaults',
+            width: 120,
+            slots: {
+              default: ({row, $table, rowIndex}) => {
+                var isDefault = row.defaults || false;
+                let disabled = this.companyInfo.companyCode != row.companyCode;
+                return [
+                  <el-checkbox
+                    v-model={isDefault}
+                    disabled={disabled}
+                    onchange={() => {
+                      this.gridSaleOrgDataMap[row.companyCode].forEach((item, index) => {
+                        if (index == rowIndex) {
+                          item.defaults = true;
+                        } else {
+                          item.defaults = false;
+                        }
+                      });
+                    }}
+                  />
+                ];
+              }
+            }
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (this.companyInfo.companyCode == row.companyCode) {
+                  return [
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.deleteSaleOrgItem(row, rowIndex, $table);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('删除')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-delete"/>
+                      </el-tooltip>
+                    </a>
+                  ];
+                }
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        // this.vxeOptionMap['saleOrgGridOption-'+companyCode] = opts;
+        this.$set(this.vxeOptionMap, 'saleOrgGridOption-' + companyCode, opts);
+      });
+
+    },
+    initUserRole(companyCode) {
+      if (this.vxeOptionMap['userRoleGridOption-' + companyCode]) {
+        return;
+      }
+      let userType = this.userType;
+      const tableOption = {
+        vue: this,
+        tableRef: 'userRoleGrid-' + companyCode,
+        tableName: 'editUser-userRoleGrid-' + companyCode,
+        columns: [
+          {type: 'checkbox', fixed: 'left', width: 48, resizable: false},
+          {
+            title: this.$t1('角色名称'),
+            field: 'name',
+            width: 200,
+            slots: {
+              default: ({row}) => {
+                if (!row.isAdd) {
+                  return row.roleName;
+                } else {
+                  return row.name;
+                }
+              }
+            }
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                if (this.companyInfo.companyCode == row.companyCode) {
+                  return [
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.deleteRoleItem(row, rowIndex, $table);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('删除')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-delete"/>
+                      </el-tooltip>
+                    </a>
+                  ];
+                }
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        // this.vxeOptionMap['userRoleGridOption-'+companyCode] = opts;
+        this.$set(this.vxeOptionMap, 'userRoleGridOption-' + companyCode, opts);
+      });
+    },
+    confirmRole(rows) {
+      if (rows.length > 0) {
+        let outUserCodes = this.outUserCodes;
+        if (this.userType === 1) {
+          //企业用户
+          rows = rows.filter(row => !outUserCodes.includes(row.code));
+        } else if (this.userType === 2) {
+          //外部用户
+          rows = rows.filter(row => outUserCodes.includes(row.code));
+        }
+        let companyCode = this.companyInfo.companyCode;
+        const $grid = this.$refs['userRoleGrid-' + companyCode][0];
+        const tableData = this.gridRoleDataMap[companyCode];
+        const map = {};
+        tableData.forEach(function (item) {
+          map[item.roleId] = 1;
+        });
+        var items = [];
+        rows.forEach(row => {
+          const item = {
+            roleId: row.id,
+            roleName: row.name,
+            companyCode: companyCode,
+            companyName: row.companyName
+          };
+          if (!map[item.roleId]) {
+            items.push(item);
+          }
+        });
+        // $grid.insertAt(items, -1);
+        // this.user.userRoleDTOs = this.user.userRoleDTOs.concat(items);
+        this.gridRoleDataMap[companyCode] = tableData.concat(items)
+        $grid.loadData(this.gridRoleDataMap[companyCode])
+      }
+    },
+    deleteRole(tableRef) {
+      this.$baseConfirm(this.$t1('您确定要删除吗？')).then(() => {
+        /*const $grid = this.$refs.userRoleGrid;
+        $grid.removeCheckboxRow();
+        this.user.userRoleDTOs = $grid.getTableData().fullData;*/
+        let companyCode = this.companyInfo.companyCode;
+        const $grid = this.$refs[tableRef][0];
+        $grid.removeCheckboxRow();
+        this.gridRoleDataMap[companyCode] = $grid.getTableData().fullData;
+
+      });
+    },
+    deleteRoleItem(row, index, $table) {
+      $table.remove(row);
+      this.gridRoleDataMap[row.companyCode].splice(index, 1);
+    },
+    confirmInsertCompany(rows, callback) {
+      if (rows.length > 0) {
+        const tableData = this.user.userCompanyInfoDTOs;
+        const map = {};
+        tableData.forEach(function (item) {
+          map[item.companyCode] = 1;
+        });
+        var items = [];
+        rows.forEach(row => {
+          const item = {companyCode: row.companyCode, companyName: row.companyName, guid: null};
+          if (!map[item.companyCode]) {
+            items.push(item);
+          }
+          this.gridRoleDataMap[item.companyCode] = []
+          this.gridSaleOrgDataMap[item.companyCode] = []
+        });
+        // $grid.insertAt(items, -1);
+        this.user.userCompanyInfoDTOs.splice(0, 0, ...items);
+        // this.user.userCompanyInfoDTOs = this.user.userCompanyInfoDTOs.concat(items);
+      }
+      callback && callback();
+    },
+    deleteCompany(row, index) {
+      let companyCode = row.companyCode;
+      this.user.userCompanyInfoDTOs.splice(index, 1);
+      this.gridSaleOrgDataMap[row.companyCode] = [];
+      this.gridRoleDataMap[row.companyCode] = [];
+      this.user.userSaleOrgDTOs = this.user.userSaleOrgDTOs.filter(item => item.companyCode != companyCode);
+      this.user.userRoleDTOs = this.user.userRoleDTOs.filter(item => item.companyCode != companyCode);
+    },
+    confirmInsertSaleOrg(rows) {
+      if (rows.length > 0) {
+        let companyCode = this.companyInfo.companyCode;
+        const $grid = this.$refs['saleOrgGrid-' + companyCode][0];
+        const tableData = this.gridSaleOrgDataMap[companyCode] || [];
+        const map = {};
+        tableData.forEach(function (item) {
+          map[item.saleOrgId] = 1;
+        });
+
+        let roleMap = {};
+        let newUserRoleDTOs = [];
+        var items = [];
+
+        rows.forEach((row, index) => {
+          const item = {
+            companyCode: companyCode,
+            companyName: row.companyName,
+            defaults: false,
+            saleOrgName: row.name,
+            treePathName: row.treePathName,
+            userSaleOrgPositionDTOs: [],
+            saleOrgId: row.id,
+            sn: row.sn
+          };
+
+          if (!map[item.saleOrgId]) {
+            items.push(item);
+            if (row.roleId && !roleMap[row.roleId]) {
+              const roleItem = {
+                id: row.roleId,
+                name: row.roleName,
+                companyCode: companyCode,
+                companyName: row.companyName
+              };
+              roleMap[row.roleId] = true;
+              newUserRoleDTOs.push(roleItem);
+            }
+          }
+        });
+        if (items.length > 0 && tableData.length == 0) {
+          items[0].defaults = true;
+        }
+        // this.user.userSaleOrgDTOs.push(...items);
+        this.gridSaleOrgDataMap[companyCode] = tableData.concat(items)
+        $grid.loadData(this.gridSaleOrgDataMap[companyCode])
+        this.confirmRole(newUserRoleDTOs);
+      }
+    },
+    openSelectPositionDialog(row, rowIndex, $table) {
+      const userSaleOrgPositionDTOs = row.userSaleOrgPositionDTOs || [];
+      const items = [];
+      userSaleOrgPositionDTOs.forEach(userSaleOrgPositionDTO => {
+        const item = {
+          companyCode: userSaleOrgPositionDTO.companyCode,
+          companyName: userSaleOrgPositionDTO.companyName,
+          name: userSaleOrgPositionDTO.positionName,
+          code: userSaleOrgPositionDTO.code,
+          id: userSaleOrgPositionDTO.positionId
+        };
+        items.push(item);
+      });
+
+      this.positionDialogDatas = items;
+      this.saleOrgPositionIndex = rowIndex;
+      this.showPositionDialog = true;
+    },
+    confirmInsertPosition(rows) {
+      let companyCode = this.companyInfo.companyCode;
+      const saleOrgPositionIndex = this.saleOrgPositionIndex;
+      const tableData = this.gridSaleOrgDataMap[companyCode];
+      if (rows.length > 0) {
+        const oldPositions = tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs || [];
+        const map = {};
+        oldPositions.forEach(function (item) {
+          map[item.positionId] = item;
+        });
+        var oItems = [];
+        var items = [];
+        rows.forEach(row => {
+          const item = {
+            companyCode: row.companyCode,
+            companyName: row.companyName,
+            positionName: row.name,
+            code: row.code,
+            positionId: row.id
+          };
+
+          if (!map[item.positionId]) {
+            items.push(item);
+          } else {
+            oItems.push(map[item.positionId]);
+          }
+        });
+        tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs = oItems.concat(items);
+      } else {
+        tableData[saleOrgPositionIndex].userSaleOrgPositionDTOs = [];
+      }
+      this.$forceUpdate();
+    },
+    getSelectPositionName(row) {
+      var userSaleOrgPositions = row.userSaleOrgPositionDTOs || [];
+      var allName = '';
+      userSaleOrgPositions.forEach(function (pItem, pIndex) {
+        allName = allName + ',' + pItem.positionName;
+      });
+      if (allName) {
+        allName = allName.substr(1);
+      }
+      return allName;
+    },
+    getConpanyInfo() {
+      this.$http({
+        url: USER_PREFIX + '/company_info/getCurrent',
+        method: `post`,
+        isLoading: true,
+        success: res => {
+          this.companyInfo = res.objx || {};
+          let companyCode = this.companyInfo.companyCode;
+          if (!this.isEdit) {
+            this.addCurrentCompany();
+          } else {
+            this.getCompanyInfoData(() => {
+              this.getUserRoleData();
+              this.getSaleOrgData();
+              setTimeout(() => {
+                this.user.userCompanyInfoDTOs.forEach(userCompanyInfoDTO => {
+                  this.initSaleOrg(userCompanyInfoDTO.companyCode);
+                  this.initUserRole(userCompanyInfoDTO.companyCode);
+                })
+              }, 100)
+            });
+          }
+        }
+      });
+    },
+    isCurrentCompany(companyCode) {
+      return this.companyInfo.companyCode == companyCode;
+    },
+    addCurrentCompany(callback) {
+      this.confirmInsertCompany([this.companyInfo], callback);
+      setTimeout(() => {
+        this.initSaleOrg(this.companyInfo.companyCode);
+        this.initUserRole(this.companyInfo.companyCode);
+        setTimeout(() => {
+          if (this.userType === 2) {
+            //经销商
+            if (this.distributorRole) {
+              this.confirmRole([this.distributorRole]);
+            }
+          }
+        }, 100)
+      }, 100)
+
+
+    },
+    handleData() {
+      let saleOrgs = [];
+      Object.keys(this.gridSaleOrgDataMap).forEach(companyCode => {
+        saleOrgs.push(...this.gridSaleOrgDataMap[companyCode])
+      });
+      let roles = [];
+      Object.keys(this.gridRoleDataMap).forEach(companyCode => {
+        roles.push(...this.gridRoleDataMap[companyCode])
+      });
+      this.user.userRoleDTOs = roles;
+      this.user.userSaleOrgDTOs = saleOrgs
+    },
+    initDistributorRole() {
+      if (this.outUserCodes && this.outUserCodes.length == 1) {
+        return this.$http({
+          url: USER_PREFIX + '/role/list',
+          method: 'post',
+          success: res => {
+            let roleList = res.objx || [];
+            let distributorCode = this.outUserCodes[0];
+            this.distributorRole = roleList.find(item => item.code == distributorCode);
+          }
+        });
+      }
+    },
+    async initOutUserRoleCode() {
+      //初始化外部用户编码
+      return this.$http({
+        url: USER_PREFIX + '/system_parameter/getByCode',
+        method: 'post',
+        data: {"code": "outUserRoleCode"},
+        success: res => {
+          let value = (!res.objx || !res.objx.value) ? "distributor" : res.objx.value;
+          let codes = value.split(',');
+          this.outUserCodes = codes;//外部用户编码
+          this.initRoleDialogParam();//初始化角色弹框的查询参数
+        }
+      });
+    },
+    initRoleDialogParam() {
+      //初始化角色弹框的查询参数
+      if (this.userType == 1) {
+        //企业用户
+        this.roleDialogParam = {
+          queryAll: true,
+          neCodes: [...this.outUserCodes]
+        };
+      } else if (this.userType == 2) {
+        //外部用户
+        this.roleDialogParam = {
+          queryAll: true,
+          eqCodes: [...this.outUserCodes]
+        };
+      }
+    },
+    unlock() {
+      this.$baseConfirm(this.$t1('您确定要解锁吗？')).then(() => {
+        var url = USER_PREFIX + '/user/unlockLoginAccount';
+        this.$http({
+          url: url,
+          method: `post`,
+          data: {
+            id: this.user.id
+          },
+          isLoading: true,
+          success: res => {
+            this.$message({
+              message: res.content,
+              type: 'success',
+              duration: 500,
+              onClose: t => {
+                this.$baseReload();
+              }
+            });
+          }
+        });
+      });
+    },
+    confirmCountry(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        this.user.countryName = row.countryName;
+        this.user.countryCode = row.countryCode;
+      }
+    }
+  }
+};
+</script>