cloud-web-corejs 1.0.13 → 1.0.15

package/src/views/user/user/form_edit.vue

@@ -0,0 +1,483 @@
+<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-checkbox label="是否启用" v-model="user.enabled"></el-checkbox>
+                </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>
+      </baseTabs>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import xeUtils from "xe-utils";
+/*import tempStorageButton from "@base/components/tempStorage/index.vue";*/
+
+
+export default {
+  name: 'UserEdit',
+  components: {
+
+  },
+  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,
+        flag:8
+      },
+      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: () => {
+          return this.user;
+        },
+        chooseConfirm: (tempStorageData) => {
+          this.user = tempStorageData;
+        },
+        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.$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();
+          }
+        });
+      }
+    },
+
+    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);
+    },
+    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(() => {
+
+            });
+          }
+        }
+      });
+    },
+    isCurrentCompany(companyCode) {
+      return this.companyInfo.companyCode == companyCode;
+    },
+    addCurrentCompany(callback) {
+      this.confirmInsertCompany([this.companyInfo], callback);
+    },
+
+    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>