cloud-web-corejs 1.0.0

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

@@ -0,0 +1,1019 @@
+<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">
+                <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>