eoss-ui 0.7.64 → 0.7.65

package/packages/main/src/simplicityTop/user.vue

@@ -0,0 +1,259 @@
+<template>
+  <div class="es-simplicity-userinfo">
+    <div class="es-simplicity-user">
+      <div class="es-simplicity-user-name">
+        {{ user.username }}
+        <el-dropdown
+          v-if="user.identityList && user.identityList.length > 1"
+          trigger="click"
+          placement="bottom-start"
+          @command="handleSelect"
+        >
+          <span class="el-dropdown-link">
+            <i class="es-icon-qiehuangangwei"></i>
+          </span>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item
+              v-for="item in user.identityList"
+              :key="item.id"
+              :command="item"
+              :class="{ 'is-active': user.identityId == item.id }"
+              >{{ item.name }}</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+      <div class="es-simplicity-org-name">{{ user.orgName }}</div>
+      <div class="es-simplicity-dep-post">
+        <span class="es-simplicity-dep-name"> {{ user.depName }}</span>
+        <template v-if="user.postName">
+          |
+          <span class="es-simplicity-post-name">{{
+            user.position || user.postName
+          }}</span>
+        </template>
+      </div>
+
+      <avatar
+        slot="reference"
+        upload
+        :user="user"
+        :code="headImgCode"
+        @change="handleChange"
+      >
+      </avatar>
+    </div>
+    <div class="es-simplicity-notice-type" v-if="userScanBindImgUrl">
+      <div class="es-simplicity-notice-title">微信公众号：</div>
+      <el-image
+        class="es-simplicity-qrcode"
+        @click="getQrcode"
+        :src="qrcode"
+      ></el-image>
+    </div>
+    <!-- <div class="es-simplicity-notice-type">
+      <div class="es-simplicity-notice-title">接收消息类型：</div>
+      <es-checkbox-group
+        class="es-simplicity-notice-list"
+        v-model="checked"
+        :min="1"
+        :data="notifyList"
+        @change="handleCheckboxChange"
+      ></es-checkbox-group>
+    </div> -->
+    <div class="es-simplicity-password" @click="handleOpen">
+      资料修改 <i class="es-icon-you"></i>
+    </div>
+    <es-dialog title="资料修改" :visible.sync="visible">
+      <user-info
+        v-if="visible"
+        :contents="contents"
+        :value="userInfos"
+        @success="handleSuccess"
+      >
+      </user-info>
+    </es-dialog>
+  </div>
+</template>
+
+<script>
+import avatar from './avatar.vue';
+import userInfo from './userinfo.vue';
+import util from 'eoss-ui/src/utils/util';
+import { debounce } from 'throttle-debounce';
+import {
+  initUserSet,
+  switchUserTo,
+  updateUserCustomInfo
+} from 'eoss-ui/src/config/api.js';
+export default {
+  name: 'User',
+  components: { avatar, userInfo },
+  props: {
+    notify: String,
+    notifyList: Array,
+    user: Object,
+    contents: Array
+  },
+  data() {
+    return {
+      userInfos: {},
+      userScanBindImgUrl: null,
+      qrcode: null,
+      checked: [],
+      visible: false,
+      checkPassword: null,
+      checkPasswordMsg: null,
+      headImgCode: undefined
+    };
+  },
+  computed: {},
+  watch: {
+    notify: {
+      immediate: true,
+      handler(val) {
+        if (val) {
+          this.checked = val.split(',');
+        }
+      }
+    }
+  },
+  beforeCreate() {
+    this.setNoticeType = debounce(1000, () => {
+      this.setNotice();
+    });
+  },
+  created() {},
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    //获取用户详细信息
+    getData() {
+      util
+        .ajax({
+          url: initUserSet
+        })
+        .then((res) => {
+          if (res.rCode === 0) {
+            const results = JSON.parse(JSON.stringify(res.results));
+            this.userInfos = results.simpleUserInfo;
+            if (results.userScanBindImgUrl) {
+              this.userScanBindImgUrl = results.userScanBindImgUrl;
+              this.qrcode = this.userScanBindImgUrl;
+            }
+            this.checkPassword = results.checkPassword;
+            this.checkPasswordMsg = results.checkPasswordMsg;
+            this.headImgCode = results.headImgCode || undefined;
+            this.$emit('success', results);
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    //刷新公众号二维码图片
+    getQrcode() {
+      this.qrcode =
+        this.userScanBindImgUrl +
+        '&_tt=' +
+        Math.random().toString().split('.')[1];
+    },
+    //修改头像
+    handleChange(res) {
+      this.$emit('change', 'userHeadUrl', res);
+    },
+    //设置通知类型
+    setNotice() {
+      let notify = this.checked.join(',');
+      util
+        .ajax({
+          method: 'post',
+          url: updateUserCustomInfo,
+          data: {
+            notify: notify
+          }
+        })
+        .then((results) => {
+          if (results.rCode === 0) {
+            this.$message.success(results.msg);
+            this.$emit('change', 'notify', notify);
+          } else {
+            this.$message.error(results.msg || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    //改变通知类型回调
+    handleCheckboxChange() {
+      this.setNoticeType(this.checked);
+    },
+    //切换职务
+    handleSelect(res) {
+      if (this.user.identityId !== res.id) {
+        util
+          .ajax({
+            method: 'post',
+            url: switchUserTo,
+            data: { userId: res.value }
+          })
+          .then((res) => {
+            if (res.rCode == 0) {
+              this.$emit('close');
+              util.setStorage({
+                type: this.storage,
+                key: 'userId',
+                value: res.value
+              });
+              util.removeStorage(['mainConfig', 'jump']);
+              this.$message({
+                message: res.msg,
+                type: 'success',
+                duration: 500,
+                onClose: () => {
+                  if (
+                    util.win.location.href.indexOf('#/main') > -1 ||
+                    util.win.location.href.indexOf('/main.html') > -1
+                  ) {
+                    location.reload();
+                  } else {
+                    this.$router.replace('/main');
+                  }
+                }
+              });
+            } else {
+              this.$message({
+                message: res.msg || '系统错误，请联系管理员！',
+                type: 'error'
+              });
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    //打开修改密码弹窗
+    handleOpen() {
+      this.visible = true;
+    },
+    handleSuccess() {
+      this.visible = false;
+      this.getData();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

package/packages/main/src/simplicityTop/userinfo.vue

@@ -0,0 +1,401 @@
+<template>
+  <es-form
+    ref="form"
+    class="es-user-info"
+    :validate-on-rule-change="false"
+    :model="model"
+    :contents="forms"
+    :autocomplete="false"
+    :rules="formRules"
+    :events="events"
+    :resetValue="false"
+    @submit="handleFormSubmit"
+  >
+    <template slot="other">
+      <slot></slot>
+    </template>
+  </es-form>
+</template>
+<script>
+import { updateUserInfo } from 'eoss-ui/src/config/api.js';
+import util from 'eoss-ui/src/utils/util';
+
+export default {
+  name: 'UserInfo',
+  props: {
+    secret: {
+      type: Boolean,
+      default: true
+    },
+    contents: Array,
+    value: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    rules: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    rules: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      model: this.value,
+      defaultValues: JSON.parse(JSON.stringify(this.value)),
+      events: {
+        oldpassword: {
+          change: () => {
+            if (
+              !this.model.repassword &&
+              !this.model.oldpassword &&
+              !this.model.repassword
+            ) {
+              this.$refs.form.clearValidate();
+            }
+          }
+        },
+        password: {
+          change: () => {
+            if (
+              !this.model.repassword &&
+              !this.model.oldpassword &&
+              !this.model.repassword
+            ) {
+              this.$refs.form.clearValidate();
+            }
+          }
+        },
+        repassword: {
+          change: () => {
+            if (
+              !this.model.repassword &&
+              !this.model.oldpassword &&
+              !this.model.repassword
+            ) {
+              this.$refs.form.clearValidate();
+            }
+          }
+        }
+      }
+    };
+  },
+  computed: {
+    formRules() {
+      console.log(this.value);
+      return {
+        idCard: [
+          {
+            required:
+              this.defaultValues.idCard !== null &&
+              this.defaultValues.idCard !== undefined &&
+              this.defaultValues.idCard !== '',
+            message: '请输入身份证号',
+            trigger: 'blur'
+          },
+          {
+            pattern: new RegExp('(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)'),
+            message: '身份证号不合法',
+            trigger: 'blur'
+          }
+        ],
+        phone: [
+          {
+            required:
+              this.defaultValues.phone !== null &&
+              this.defaultValues.phone !== undefined &&
+              this.defaultValues.phone !== '',
+            message: '请输入手机号',
+            trigger: 'blur'
+          },
+          {
+            pattern: new RegExp('^[1][3, 4, 5, 6, 7, 8, 9][0-9]{9}$'),
+            message: '手机号不合法',
+            trigger: 'blur'
+          }
+        ],
+        email: [
+          {
+            required:
+              this.defaultValues.email !== null &&
+              this.defaultValues.email !== undefined &&
+              this.defaultValues.email !== '',
+            message: '请输入邮箱地址',
+            trigger: 'blur'
+          },
+          {
+            type: 'email',
+            message: '请输入正确的邮箱地址',
+            trigger: 'blur'
+          }
+        ],
+        officeTel: [
+          {
+            required:
+              this.defaultValues.officeTel !== null &&
+              this.defaultValues.officeTel !== undefined &&
+              this.defaultValues.officeTel !== '',
+            message: '请输入座机号',
+            trigger: 'blur'
+          },
+          {
+            pattern: new RegExp(
+              '^(?:\\(?0([1-9]\\d{1,2})\\)?[- ]?)?([2-9]\\d{6,7})$'
+            ),
+            message: '座机号不合法',
+            trigger: 'blur'
+          }
+        ],
+
+        oldpassword:
+          this.model.password || this.model.repassword
+            ? {
+                required: true,
+                message: '请输入旧密码'
+              }
+            : {},
+
+        password: [
+          this.model.repassword || this.model.oldpassword
+            ? {
+                required: true,
+                message: '请输入新密码'
+              }
+            : {},
+          ,
+          {
+            pattern: this.checkPassword,
+            message: this.checkPasswordMsg
+              ? this.checkPasswordMsg
+              : '密码格式不合法',
+            trigger: 'blur'
+          }
+        ],
+        repassword: [
+          this.model.password || this.model.oldpassword
+            ? {
+                required: true,
+                message: '请再次输入新密码'
+              }
+            : {},
+          { validator: this.repassword, trigger: 'blur' },
+          this.checkPassword
+            ? {
+                pattern: this.checkPassword,
+                message: this.checkPasswordMsg
+                  ? this.checkPasswordMsg
+                  : '密码格式不合法',
+                trigger: 'blur'
+              }
+            : {}
+        ],
+        ...this.rules
+      };
+    },
+    forms() {
+      return this.contents
+        ? this.contents
+        : [
+            {
+              name: 'orgName',
+              label: '所属机构',
+              type: 'text',
+              disabled: true,
+              col: 6
+            },
+            {
+              name: 'depName',
+              label: '所属部门',
+              type: 'text',
+              disabled: true,
+              col: 6
+            },
+            {
+              name: 'idCard',
+              label: '身份证号',
+              type: 'text',
+              disabled: true,
+              maxlength: 18,
+              col: 6
+            },
+            {
+              name: 'outCode',
+              label: '工号',
+              type: 'text',
+              disabled: true,
+              col: 6
+            },
+            {
+              name: 'phone',
+              placeholder: '联系电话',
+              label: '联系电话',
+              type: 'text',
+              col: 6
+            },
+            {
+              name: 'email',
+              placeholder: '电子邮箱',
+              label: '电子邮箱',
+              type: 'text',
+              col: 6
+            },
+            {
+              name: 'officeTel',
+              placeholder: '座机号',
+              label: '座机号',
+              type: 'text',
+              col: 6
+            },
+            {
+              name: 'oldpassword',
+              placeholder: '旧密码',
+              label: '旧密码',
+              type: 'text',
+              col: 6
+            },
+            {
+              name: 'password',
+              placeholder: '新密码',
+              label: '新密码',
+              type: 'text',
+              col: 6
+            },
+            {
+              name: 'repassword',
+              placeholder: '确认新密码',
+              label: '确认新密码',
+              type: 'text',
+              col: 6
+            }
+          ];
+    },
+    formKey() {
+      let keys = this.forms
+        .filter((item) => {
+          return (
+            item.disabled !== true &&
+            item.readonly !== true &&
+            !['oldpassword', 'password', 'repassword'].includes(item.name)
+          );
+        })
+        .map((item) => item.name);
+      return keys;
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    handleFormSubmit() {
+      let initLogin = util.getStorage('initLogin');
+      initLogin && (initLogin = JSON.parse(initLogin));
+      let { oldpassword, password } = this.model;
+      let data = {
+        ...Object.fromEntries(
+          Object.entries(this.model).filter(([key]) =>
+            this.formKey.includes(key)
+          )
+        )
+      };
+      util
+        .ajax({
+          url: updateUserInfo,
+          params: {
+            ...data,
+            oldPassword:
+              this.secret && initLogin && initLogin.secret && oldpassword
+                ? util.esmEncrypt({
+                    data: oldpassword,
+                    key: initLogin.secret
+                  })
+                : oldpassword,
+            password:
+              this.secret && initLogin && initLogin.secret && password
+                ? util.esmEncrypt({
+                    data: password,
+                    key: initLogin.secret
+                  })
+                : password
+          }
+        })
+        .then((res) => {
+          if (res.rCode === 0) {
+            if (oldpassword && password) {
+              this.$confirm('密码修改成功,请重新登录！', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                closeOnClickModal: false,
+                type: 'warning'
+              })
+                .then(() => {
+                  const loginPage =
+                    util.getStorage('login') || util.getStorage('loginPage');
+                  try {
+                    if (loginPage) {
+                      let src;
+                      if (!util.startWith(loginPage, ['http', '/'], true)) {
+                        let pathname = util.win.top.location.pathname;
+                        if (pathname !== '/') {
+                          pathname = pathname.split('/');
+                          pathname.splice(pathname.length - 1);
+                          pathname = pathname.join('/');
+                          src = pathname + '/' + loginPage.replace('./', '');
+                        } else {
+                          src = pathname + loginPage.replace('./', '');
+                        }
+                      } else {
+                        src = loginPage;
+                      }
+                      util.win.top.location.href = src;
+                    } else if (
+                      util.win.top.location.href.indexOf('main.html') > -1
+                    ) {
+                      util.win.top.location.href = './login.html';
+                    } else {
+                      const hash = util.win.top.location.hash;
+                      if (hash) {
+                        const len = util.win.top.location.href.indexOf(hash);
+                        util.win.top.location.href =
+                          util.win.location.href.slice(0, len) + '#/login';
+                      } else {
+                        util.win.top.location.href = '/login.html';
+                      }
+                    }
+                  } catch (error) {
+                    util.win.top.postMessage({ type: 1 }, '*');
+                  }
+                })
+                .catch((e) => {});
+            } else {
+              this.$message({
+                message: res.msg,
+                type: 'success',
+                onClose: () => {
+                  this.$emit('success', this.model);
+                }
+              });
+            }
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        });
+    },
+    repassword(rule, value, callback) {
+      if (this.model.oldpassword && this.model.password && value) {
+        util.identical({ value: [value, this.model.password], callback });
+      } else {
+        callback();
+        return true;
+      }
+    }
+  }
+};
+</script>

package/packages/menu/index.js

@@ -1,5 +1,5 @@
-import EsMenu from './src/main';
-
-EsMenu.install = Vue => Vue.component(EsMenu.name, EsMenu);
-
-export default EsMenu;
+import EsMenu from './src/main';
+
+EsMenu.install = Vue => Vue.component(EsMenu.name, EsMenu);
+
+export default EsMenu;

package/packages/nav/index.js

@@ -1,5 +1,5 @@
-import EsNav from './src/main';
-
-EsNav.install = Vue => Vue.component(EsNav.name, EsNav);
-
-export default EsNav;
+import EsNav from './src/main';
+
+EsNav.install = Vue => Vue.component(EsNav.name, EsNav);
+
+export default EsNav;

package/packages/notify/index.js

@@ -1,5 +1,5 @@
-import EsNotify from './src/main';
-
-EsNotify.install = Vue => Vue.component(EsNotify.name, EsNotify);
-
-export default EsNotify;
+import EsNotify from './src/main';
+
+EsNotify.install = Vue => Vue.component(EsNotify.name, EsNotify);
+
+export default EsNotify;