eoss-ui 0.6.18 → 0.6.20

package/packages/handler/src/main.vue

@@ -1,374 +1,374 @@
-<template>
-  <ul class="es-handler">
-    <template v-for="(item, index) in lists">
-      <li v-if="!item.hide" :key="index" class="es-handler-item">
-        <es-handle-user
-          v-if="item.type === 'user'"
-          class="es-handler-user"
-          :data="item"
-          :userModel="userModel"
-          :job-scrollbar="jobScrollbar"
-          @visible-change="handleVisibleChange"
-          @click="handleClick"
-          @change="handleChange"
-        ></es-handle-user>
-        <div v-else-if="item.type === 'date'" class="es-handler-date">
-          <div>
-            {{ time }}
-            <span v-if="show"
-              >当前<span
-                class="es-online-num"
-                :class="{ 'es-pointer': onlineList }"
-                @click.stop="onlineList ? handleClick({ type: 'online' }) : ''"
-                >{{ online }}</span
-              >人在线</span
-            >
-          </div>
-          <div>今 天：{{ date }}</div>
-        </div>
-        <el-popover
-          v-else-if="item.type === 'system'"
-          placement="bottom"
-          trigger="hover"
-          ref="system"
-          :popper-class="
-            system.length > 4
-              ? 'es-popper-sub-system is-width'
-              : 'es-popper-sub-system'
-          "
-          @show="showPopper = true"
-          @hide="showPopper = false"
-        >
-          <el-scrollbar :max-height="maxHeight" v-if="system.length">
-            <ul class="es-sub-system">
-              <li
-                v-for="ele in system"
-                class="es-sub-system-item"
-                :class="{
-                  'es-disabled':
-                    (application && !ele.hasPermission) ||
-                    (ele.extendData && ele.extendData.businessStatus == 0)
-                }"
-                :key="ele.id"
-                :title="ele.text"
-                @click.stop="handleSelect({ node: ele })"
-              >
-                <el-badge
-                  :is-dot="typeof ele.tips === 'boolean'"
-                  :hidden="!ele.tips"
-                  :max="99"
-                  :value="typeof ele.tips !== 'boolean' ? ele.tips : 0"
-                  ><i
-                    :class="[
-                      unicode(ele.icons) ? ele.icons : 'es-icon',
-                      'es-sub-system-icon',
-                      { 'es-icon-yingyong': !ele.icons }
-                    ]"
-                    v-html="unicode(ele.icons) ? '' : ele.icons"
-                  ></i
-                ></el-badge>
-                <div class="es-sub-system-title">{{ ele.text }}</div>
-              </li>
-            </ul>
-          </el-scrollbar>
-          <div
-            slot="reference"
-            class="es-handler-icon"
-            :title="item.title"
-            :class="item.icon"
-          ></div>
-        </el-popover>
-        <el-badge
-          class="es-badge"
-          v-else-if="item.type === 'notice'"
-          :value="notice"
-          :max="99"
-          :hidden="notice < 1"
-        >
-          <div
-            class="es-handler-icon"
-            :title="item.title"
-            :class="item.icon"
-            @click.stop="handleClick(item)"
-          ></div>
-        </el-badge>
-        <div
-          v-else
-          class="es-handler-icon"
-          :title="item.title"
-          :class="item.icon"
-          @click.stop="handleClick(item)"
-        ></div>
-      </li>
-    </template>
-  </ul>
-</template>
-<script>
-import { logout } from 'eoss-ui/src/config/api.js';
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'EsHandler',
-  inheritAttrs: false,
-  inject: {
-    onQuit: {
-      default: ''
-    }
-  },
-  props: {
-    jobScrollbar: Boolean,
-    data: Array,
-    color: {
-      type: String,
-      default: '#333333'
-    },
-    userModel: Object,
-    subSystem: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    notice: {
-      type: Number,
-      default: 0
-    },
-    hide: {
-      type: Object,
-      default() {
-        return { system: true, new: true };
-      }
-    },
-    online: {
-      type: [Number, Boolean],
-      default: 1
-    },
-    photo: String,
-    storage: String,
-    application: {
-      type: Boolean,
-      default: false
-    },
-    maxHeight: {
-      type: String,
-      default: '100%'
-    }
-  },
-  watch: {
-    subSystem: {
-      handler(val) {
-        if (this.showPopper) {
-          this.$refs.system[0].doClose();
-          this.$nextTick(this.$refs.system[0].doShow);
-        }
-      }
-    }
-  },
-  computed: {
-    lists() {
-      if (this.data === undefined) {
-        if (Object.keys(this.hide).length) {
-          this.list.forEach((item) => {
-            item.hide = this.hide[item.type];
-          });
-        }
-        return this.list;
-      } else {
-        if (Object.keys(this.hide).length) {
-          this.data.forEach((item) => {
-            item.hide = this.hide[item.type];
-          });
-        }
-        return this.data;
-      }
-    },
-    system() {
-      return this.subSystem;
-    },
-    show() {
-      if (this.online === false) {
-        return false;
-      }
-      return true;
-    },
-    onlineList() {
-      return (
-        this.useCaseCodes && this.useCaseCodes.includes('sys_user_onlineList')
-      );
-    }
-  },
-  data() {
-    return {
-      date: '',
-      time: '',
-      list: [
-        {
-          type: 'user'
-        },
-        {
-          type: 'date'
-        },
-        {
-          type: 'system',
-          icon: 'es-icon-yingyong',
-          title: '切换子系统'
-        },
-        {
-          type: 'home',
-          icon: 'es-icon-zuomian',
-          title: '个人工作台'
-        },
-        {
-          type: 'index',
-          icon: 'es-icon-home',
-          title: '门户'
-        },
-        {
-          type: 'notice',
-          icon: 'es-icon-tongzhi',
-          title: '通知消息'
-        },
-        {
-          type: 'refresh',
-          icon: 'es-icon-shuaxin',
-          title: '刷新'
-        },
-        {
-          type: 'quit',
-          icon: 'es-icon-guanji',
-          title: '退出'
-        },
-        {
-          type: 'set',
-          icon: 'es-icon-xitongguanli',
-          title: '设置'
-        }
-      ],
-      showPopper: false,
-      useCaseCodes: util.getStorage('useCaseCodes')
-    };
-  },
-  created() {
-    this.time = util.timeCycle() + '好!';
-    this.date = util.formatDate('', 'yyyy 年 M 月 d 日 ');
-  },
-  methods: {
-    unicode(res) {
-      if (!res) {
-        return false;
-      }
-      var reg = new RegExp(/^es-\S+/, 'g');
-      let len = res.match(reg) ? res.match(reg).length : 0;
-      return len;
-    },
-    handleClick(res) {
-      const { type, event } = res;
-      if (event) {
-        event();
-      } else {
-        switch (type) {
-          case 'quit':
-            this.handleQuit();
-            break;
-        }
-        this.$emit('click', res);
-      }
-    },
-    handleChange(item) {
-      this.$emit('change', item);
-    },
-    handleSelect(res) {
-      const { node } = res;
-      if (node.extendData && node.extendData.businessStatus == 0) {
-        this.$alert(
-          node.extendData.businessWarnMsg
-            ? node.extendData.businessWarnMsg
-            : '此模块还在开发中',
-          '提示',
-          {
-            type: 'warning'
-          }
-        );
-      } else if (!this.application && !node.hasPermission) {
-        this.$emit('select', res);
-      }
-    },
-    handleQuit() {
-      this.$confirm('确定退出吗?', '退出系统', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          util
-            .ajax({ method: 'post', url: logout })
-            .then((res) => {
-              if (res.rCode == 0) {
-                util.removeStorage([
-                  'Authorization',
-                  'token',
-                  'ssId',
-                  'userId',
-                  'userName',
-                  'auth',
-                  'deviceUnique',
-                  'menus',
-                  'useCaseCodes',
-                  'mainConfig',
-                  'jump'
-                ]);
-                if (this.onQuit && typeof this.onQuit === 'function') {
-                  this.onQuit();
-                } else {
-                  try {
-                    const loginPage =
-                      util.getStorage('login') || util.getStorage('loginPage');
-                    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.postMessage({ type: 1 }, '*');
-                  }
-                }
-              }
-            })
-            .catch((err) => {
-              if (err.message && err.message !== 'canceled') {
-                this.$message.error(err.message);
-              }
-            });
-        })
-        .catch((e) => {});
-    },
-    handleVisibleChange(res) {
-      this.$emit('visible-change', res);
-    }
-  }
-};
-</script>
+<template>
+  <ul class="es-handler">
+    <template v-for="(item, index) in lists">
+      <li v-if="!item.hide" :key="index" class="es-handler-item">
+        <es-handle-user
+          v-if="item.type === 'user'"
+          class="es-handler-user"
+          :data="item"
+          :userModel="userModel"
+          :job-scrollbar="jobScrollbar"
+          @visible-change="handleVisibleChange"
+          @click="handleClick"
+          @change="handleChange"
+        ></es-handle-user>
+        <div v-else-if="item.type === 'date'" class="es-handler-date">
+          <div>
+            {{ time }}
+            <span v-if="show"
+              >当前<span
+                class="es-online-num"
+                :class="{ 'es-pointer': onlineList }"
+                @click.stop="onlineList ? handleClick({ type: 'online' }) : ''"
+                >{{ online }}</span
+              >人在线</span
+            >
+          </div>
+          <div>今 天：{{ date }}</div>
+        </div>
+        <el-popover
+          v-else-if="item.type === 'system'"
+          placement="bottom"
+          trigger="hover"
+          ref="system"
+          :popper-class="
+            system.length > 4
+              ? 'es-popper-sub-system is-width'
+              : 'es-popper-sub-system'
+          "
+          @show="showPopper = true"
+          @hide="showPopper = false"
+        >
+          <el-scrollbar :max-height="maxHeight" v-if="system.length">
+            <ul class="es-sub-system">
+              <li
+                v-for="ele in system"
+                class="es-sub-system-item"
+                :class="{
+                  'es-disabled':
+                    (application && !ele.hasPermission) ||
+                    (ele.extendData && ele.extendData.businessStatus == 0)
+                }"
+                :key="ele.id"
+                :title="ele.text"
+                @click.stop="handleSelect({ node: ele })"
+              >
+                <el-badge
+                  :is-dot="typeof ele.tips === 'boolean'"
+                  :hidden="!ele.tips"
+                  :max="99"
+                  :value="typeof ele.tips !== 'boolean' ? ele.tips : 0"
+                  ><i
+                    :class="[
+                      unicode(ele.icons) ? ele.icons : 'es-icon',
+                      'es-sub-system-icon',
+                      { 'es-icon-yingyong': !ele.icons }
+                    ]"
+                    v-html="unicode(ele.icons) ? '' : ele.icons"
+                  ></i
+                ></el-badge>
+                <div class="es-sub-system-title">{{ ele.text }}</div>
+              </li>
+            </ul>
+          </el-scrollbar>
+          <div
+            slot="reference"
+            class="es-handler-icon"
+            :title="item.title"
+            :class="item.icon"
+          ></div>
+        </el-popover>
+        <el-badge
+          class="es-badge"
+          v-else-if="item.type === 'notice'"
+          :value="notice"
+          :max="99"
+          :hidden="notice < 1"
+        >
+          <div
+            class="es-handler-icon"
+            :title="item.title"
+            :class="item.icon"
+            @click.stop="handleClick(item)"
+          ></div>
+        </el-badge>
+        <div
+          v-else
+          class="es-handler-icon"
+          :title="item.title"
+          :class="item.icon"
+          @click.stop="handleClick(item)"
+        ></div>
+      </li>
+    </template>
+  </ul>
+</template>
+<script>
+import { logout } from 'eoss-ui/src/config/api.js';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsHandler',
+  inheritAttrs: false,
+  inject: {
+    onQuit: {
+      default: ''
+    }
+  },
+  props: {
+    jobScrollbar: Boolean,
+    data: Array,
+    color: {
+      type: String,
+      default: '#333333'
+    },
+    userModel: Object,
+    subSystem: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    notice: {
+      type: Number,
+      default: 0
+    },
+    hide: {
+      type: Object,
+      default() {
+        return { system: true, new: true };
+      }
+    },
+    online: {
+      type: [Number, Boolean],
+      default: 1
+    },
+    photo: String,
+    storage: String,
+    application: {
+      type: Boolean,
+      default: false
+    },
+    maxHeight: {
+      type: String,
+      default: '100%'
+    }
+  },
+  watch: {
+    subSystem: {
+      handler(val) {
+        if (this.showPopper) {
+          this.$refs.system[0].doClose();
+          this.$nextTick(this.$refs.system[0].doShow);
+        }
+      }
+    }
+  },
+  computed: {
+    lists() {
+      if (this.data === undefined) {
+        if (Object.keys(this.hide).length) {
+          this.list.forEach((item) => {
+            item.hide = this.hide[item.type];
+          });
+        }
+        return this.list;
+      } else {
+        if (Object.keys(this.hide).length) {
+          this.data.forEach((item) => {
+            item.hide = this.hide[item.type];
+          });
+        }
+        return this.data;
+      }
+    },
+    system() {
+      return this.subSystem;
+    },
+    show() {
+      if (this.online === false) {
+        return false;
+      }
+      return true;
+    },
+    onlineList() {
+      return (
+        this.useCaseCodes && this.useCaseCodes.includes('sys_user_onlineList')
+      );
+    }
+  },
+  data() {
+    return {
+      date: '',
+      time: '',
+      list: [
+        {
+          type: 'user'
+        },
+        {
+          type: 'date'
+        },
+        {
+          type: 'system',
+          icon: 'es-icon-yingyong',
+          title: '切换子系统'
+        },
+        {
+          type: 'home',
+          icon: 'es-icon-zuomian',
+          title: '个人工作台'
+        },
+        {
+          type: 'index',
+          icon: 'es-icon-home',
+          title: '门户'
+        },
+        {
+          type: 'notice',
+          icon: 'es-icon-tongzhi',
+          title: '通知消息'
+        },
+        {
+          type: 'refresh',
+          icon: 'es-icon-shuaxin',
+          title: '刷新'
+        },
+        {
+          type: 'quit',
+          icon: 'es-icon-guanji',
+          title: '退出'
+        },
+        {
+          type: 'set',
+          icon: 'es-icon-xitongguanli',
+          title: '设置'
+        }
+      ],
+      showPopper: false,
+      useCaseCodes: util.getStorage('useCaseCodes')
+    };
+  },
+  created() {
+    this.time = util.timeCycle() + '好!';
+    this.date = util.formatDate('', 'yyyy 年 M 月 d 日 ');
+  },
+  methods: {
+    unicode(res) {
+      if (!res) {
+        return false;
+      }
+      var reg = new RegExp(/^es-\S+/, 'g');
+      let len = res.match(reg) ? res.match(reg).length : 0;
+      return len;
+    },
+    handleClick(res) {
+      const { type, event } = res;
+      if (event) {
+        event();
+      } else {
+        switch (type) {
+          case 'quit':
+            this.handleQuit();
+            break;
+        }
+        this.$emit('click', res);
+      }
+    },
+    handleChange(item) {
+      this.$emit('change', item);
+    },
+    handleSelect(res) {
+      const { node } = res;
+      if (node.extendData && node.extendData.businessStatus == 0) {
+        this.$alert(
+          node.extendData.businessWarnMsg
+            ? node.extendData.businessWarnMsg
+            : '此模块还在开发中',
+          '提示',
+          {
+            type: 'warning'
+          }
+        );
+      } else if (!this.application && !node.hasPermission) {
+        this.$emit('select', res);
+      }
+    },
+    handleQuit() {
+      this.$confirm('确定退出吗?', '退出系统', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          util
+            .ajax({ method: 'post', url: logout })
+            .then((res) => {
+              if (res.rCode == 0) {
+                util.removeStorage([
+                  'Authorization',
+                  'token',
+                  'ssId',
+                  'userId',
+                  'userName',
+                  'auth',
+                  'deviceUnique',
+                  'menus',
+                  'useCaseCodes',
+                  'mainConfig',
+                  'jump'
+                ]);
+                if (this.onQuit && typeof this.onQuit === 'function') {
+                  this.onQuit();
+                } else {
+                  try {
+                    const loginPage =
+                      util.getStorage('login') || util.getStorage('loginPage');
+                    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.postMessage({ type: 1 }, '*');
+                  }
+                }
+              }
+            })
+            .catch((err) => {
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        })
+        .catch((e) => {});
+    },
+    handleVisibleChange(res) {
+      this.$emit('visible-change', res);
+    }
+  }
+};
+</script>