eoss-ui 0.7.22 → 0.7.24

package/packages/main/src/simplicity/handler.vue

@@ -1,263 +1,263 @@
-<template>
-  <div class="es-simplicity-handler">
-    <template v-for="item in lists">
-      <div
-        v-if="item.type == 'contact'"
-        class="es-simplicity-contact"
-        :key="item.type"
-      >
-        <div class="es-contact-label">{{ item.label }}</div>
-        <div class="es-contact-content">
-          <div v-for="ele in item.content" :key="ele">{{ ele }}</div>
-        </div>
-      </div>
-      <div
-        class="es-simplicity-date-time"
-        v-else-if="item.type === 'dateTime'"
-        :key="item.type"
-      >
-        <div class="es-simplicity-handler-time">
-          {{ time }}
-        </div>
-        <div class="es-simplicity-handler-date">
-          {{ date }}
-        </div>
-      </div>
-      <div
-        v-else-if="item.type === 'online' || item.type === 'onlineUser'"
-        class="es-simplicity-online"
-        :key="item.type"
-      >
-        当前
-        <span
-          class="es-simplicity-online-num"
-          @click="isClick ? handleClick({ type: 'online' }) : ''"
-          :class="{ 'es-pointer': isClick }"
-        >
-          {{ online }}
-        </span>
-        人在线
-      </div>
-      <el-tooltip
-        v-else
-        :key="item.type"
-        effect="dark"
-        :content="item.title"
-        placement="bottom"
-      >
-        <el-badge
-          class="es-simplicity-handler-item"
-          v-if="item.type === 'notice' || item.type === 'messsage'"
-          :value="noticeNum"
-          :max="99"
-          :hidden="noticeNum < 1"
-        >
-          <es-icon
-            class="es-simplicity-handler-icon"
-            @click.stop="handleClick(item)"
-            :contents="item.icon"
-          ></es-icon>
-        </el-badge>
-        <es-icon
-          v-else
-          class="es-simplicity-handler-item es-simplicity-handler-icon"
-          @click.stop="handleClick(item)"
-          :contents="item.icon"
-        ></es-icon>
-      </el-tooltip>
-    </template>
-  </div>
-</template>
-
-<script>
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'Handler',
-  components: {},
-  props: {
-    contact: Object,
-    dateTime: {
-      type: [Boolean, Object],
-      default() {
-        return { type: 'dateTime' };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    onlineUser: {
-      type: [Boolean, Object],
-      default() {
-        return { type: 'onlineUser' };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    search: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'search',
-          icon: 'es-icon-magnifier',
-          title: '搜索'
-        };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    im: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'im',
-          icon: 'es-icon-liaotian',
-          title: 'IM'
-        };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    index: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'index',
-          icon: 'es-icon-home',
-          title: '门户'
-        };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    home: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'home',
-          icon: 'es-icon-zuomian',
-          title: '个人工作台'
-        };
-      }
-    },
-    notice: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'notice',
-          icon: 'es-icon-tongzhi',
-          title: '通知消息'
-        };
-      }
-    },
-    quit: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'quit',
-          icon: 'es-icon-guanji',
-          title: '退出'
-        };
-      }
-    },
-    set: {
-      type: [Boolean, Object],
-      default() {
-        return {
-          type: 'set',
-          icon: 'es-icon-xitongguanli',
-          title: '设置'
-        };
-      },
-      validator: (val) => {
-        return val === false || typeof val === 'object';
-      }
-    },
-    data: Array,
-    hide: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    msgNum: {
-      type: Number,
-      default: 0
-    },
-    noticeNum: {
-      type: Number,
-      default: 0
-    },
-    online: {
-      type: Number,
-      default: 1
-    }
-  },
-  data() {
-    return {
-      time: '',
-      date: '',
-      timer: null
-    };
-  },
-  computed: {
-    lists() {
-      let hide = {
-        old: true,
-        im: true,
-        ...this.hide
-      };
-      let data = this.data
-        ? this.data
-        : [
-            this.contact ? { ...this.contact, type: 'contact' } : {},
-            this.dateTime,
-            this.onlineUser,
-            this.search,
-            this.im,
-            this.index,
-            this.home,
-            this.notice,
-            this.quit,
-            this.set
-          ];
-      return data.filter((item) => {
-        return (
-          item && Object.keys(item).length && !item.hide && !hide[item.type]
-        );
-      });
-    },
-    isClick() {
-      let useCaseCodes = util.getStorage('useCaseCodes');
-      return useCaseCodes && useCaseCodes.includes('sys_user_onlineList');
-    }
-  },
-  watch: {},
-  created() {
-    //this.time = util.timeCycle() + '好!';
-    this.date = util.formatDate('', 'yyyy年M月d日');
-  },
-  mounted() {
-    this.getTime();
-  },
-  methods: {
-    getTime() {
-      this.timer && clearInterval(this.timer);
-      this.timer = setInterval(() => {
-        this.time = util.formatDate('', 'HH:mm:ss');
-      });
-    },
-    handleClick(res) {
-      this.$emit('click', res);
-    }
-  },
-  beforeDestroy() {
-    clearInterval(this.timer);
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="es-simplicity-handler">
+    <template v-for="item in lists">
+      <div
+        v-if="item.type == 'contact'"
+        class="es-simplicity-contact"
+        :key="item.type"
+      >
+        <div class="es-contact-label">{{ item.label }}</div>
+        <div class="es-contact-content">
+          <div v-for="ele in item.content" :key="ele">{{ ele }}</div>
+        </div>
+      </div>
+      <div
+        class="es-simplicity-date-time"
+        v-else-if="item.type === 'dateTime'"
+        :key="item.type"
+      >
+        <div class="es-simplicity-handler-time">
+          {{ time }}
+        </div>
+        <div class="es-simplicity-handler-date">
+          {{ date }}
+        </div>
+      </div>
+      <div
+        v-else-if="item.type === 'online' || item.type === 'onlineUser'"
+        class="es-simplicity-online"
+        :key="item.type"
+      >
+        当前
+        <span
+          class="es-simplicity-online-num"
+          @click="isClick ? handleClick({ type: 'online' }) : ''"
+          :class="{ 'es-pointer': isClick }"
+        >
+          {{ online }}
+        </span>
+        人在线
+      </div>
+      <el-tooltip
+        v-else
+        :key="item.type"
+        effect="dark"
+        :content="item.title"
+        placement="bottom"
+      >
+        <el-badge
+          class="es-simplicity-handler-item"
+          v-if="item.type === 'notice' || item.type === 'messsage'"
+          :value="noticeNum"
+          :max="99"
+          :hidden="noticeNum < 1"
+        >
+          <es-icon
+            class="es-simplicity-handler-icon"
+            @click.stop="handleClick(item)"
+            :contents="item.icon"
+          ></es-icon>
+        </el-badge>
+        <es-icon
+          v-else
+          class="es-simplicity-handler-item es-simplicity-handler-icon"
+          @click.stop="handleClick(item)"
+          :contents="item.icon"
+        ></es-icon>
+      </el-tooltip>
+    </template>
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'Handler',
+  components: {},
+  props: {
+    contact: Object,
+    dateTime: {
+      type: [Boolean, Object],
+      default() {
+        return { type: 'dateTime' };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    onlineUser: {
+      type: [Boolean, Object],
+      default() {
+        return { type: 'onlineUser' };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    search: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'search',
+          icon: 'es-icon-magnifier',
+          title: '搜索'
+        };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    im: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'im',
+          icon: 'es-icon-liaotian',
+          title: 'IM'
+        };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    index: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'index',
+          icon: 'es-icon-home',
+          title: '门户'
+        };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    home: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'home',
+          icon: 'es-icon-zuomian',
+          title: '个人工作台'
+        };
+      }
+    },
+    notice: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'notice',
+          icon: 'es-icon-tongzhi',
+          title: '通知消息'
+        };
+      }
+    },
+    quit: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'quit',
+          icon: 'es-icon-guanji',
+          title: '退出'
+        };
+      }
+    },
+    set: {
+      type: [Boolean, Object],
+      default() {
+        return {
+          type: 'set',
+          icon: 'es-icon-xitongguanli',
+          title: '设置'
+        };
+      },
+      validator: (val) => {
+        return val === false || typeof val === 'object';
+      }
+    },
+    data: Array,
+    hide: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    msgNum: {
+      type: Number,
+      default: 0
+    },
+    noticeNum: {
+      type: Number,
+      default: 0
+    },
+    online: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      time: '',
+      date: '',
+      timer: null
+    };
+  },
+  computed: {
+    lists() {
+      let hide = {
+        old: true,
+        im: true,
+        ...this.hide
+      };
+      let data = this.data
+        ? this.data
+        : [
+            this.contact ? { ...this.contact, type: 'contact' } : {},
+            this.dateTime,
+            this.onlineUser,
+            this.search,
+            this.im,
+            this.index,
+            this.home,
+            this.notice,
+            this.quit,
+            this.set
+          ];
+      return data.filter((item) => {
+        return (
+          item && Object.keys(item).length && !item.hide && !hide[item.type]
+        );
+      });
+    },
+    isClick() {
+      let useCaseCodes = util.getStorage('useCaseCodes');
+      return useCaseCodes && useCaseCodes.includes('sys_user_onlineList');
+    }
+  },
+  watch: {},
+  created() {
+    //this.time = util.timeCycle() + '好!';
+    this.date = util.formatDate('', 'yyyy年M月d日');
+  },
+  mounted() {
+    this.getTime();
+  },
+  methods: {
+    getTime() {
+      this.timer && clearInterval(this.timer);
+      this.timer = setInterval(() => {
+        this.time = util.formatDate('', 'HH:mm:ss');
+      });
+    },
+    handleClick(res) {
+      this.$emit('click', res);
+    }
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>