eoss-ui 0.7.64 → 0.7.66

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

@@ -0,0 +1,84 @@
+<template>
+  <div v-for="(item, index) in data" :key="item.id" @click="handleClick(item)">
+    <div
+      class="es-simplicity-menus-item"
+      :class="{
+        'is-active': active === item.id,
+        'is-open': openId === item.id
+      }"
+    >
+      <es-icon
+        class="es-simplicity_apps-icon"
+        :style="setStyle(index)"
+        :contents="item.icons || item.icon || menuIcon"
+      ></es-icon>
+      <div class="es-simplicity-menus-tips" v-if="item.tips">
+        {{ item.tips > 99 ? '99+' : item.tips }}
+      </div>
+      <div class="es-simplicity_apps-text">
+        {{ item.text || item.name }}
+      </div>
+    </div>
+    <lists
+      v-if="
+        (item.children && item.children.length) ||
+        (item.fourthTabs && item.fourthTabs.length)
+      "
+      :menuIcon="menuIcon"
+      :color="color"
+      :backgroundColor="backgroundColor"
+      :data="[...(item.children || []), ...(item.fourthTabs || [])]"
+    ></lists>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Lists',
+  components: {},
+  props: {
+    menuIcon: String,
+    color: [String, Array],
+    backgroundColor: [String, Array],
+    data: Array
+  },
+  data() {
+    return {
+      active: '',
+      openId: ''
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    setStyle(num) {
+      let obj = {};
+      if (this.color) {
+        obj.color = this.color;
+        if (Array.isArray(this.color)) {
+          obj.color = this.color[num % this.color.length];
+        } else {
+          obj.color = this.color;
+        }
+      }
+      if (this.backgroundColor) {
+        if (Array.isArray(this.backgroundColor)) {
+          obj.backgroundColor =
+            this.backgroundColor[num % this.backgroundColor.length];
+        } else {
+          obj.backgroundColor = this.backgroundColor;
+        }
+      }
+      return obj;
+    },
+    handleClick(res) {
+      this.active = res.id;
+      this.$emit('command', res);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

package/packages/main/src/simplicityTop/menu-list.vue

@@ -0,0 +1,135 @@
+<template>
+  <el-scrollbar class="es-simplicity-menus-scrollbar">
+    <div
+      class="es-simplicity-menus-lists"
+      :class="{ 'is-fold': fold }"
+      @mouseleave="handleOut(true)"
+      @mouseenter="handleOut(false)"
+    >
+      <div
+        v-for="(item, index) in data"
+        class="es-simplicity-menus-item"
+        :key="item.id"
+        :class="{ 'is-fold': fold, 'is-active': active == item.id }"
+        :title="fold ? item.text || item.name : ''"
+        @click="handleClick(item)"
+        @mouseenter="handleEnter(item)"
+        @mouseleave="handleLeave(item)"
+      >
+        <template v-if="fold">
+          <el-badge is-dot :hidden="!item.tips">
+            <es-icon
+              class="es-simplicity_apps-icon"
+              :style="setStyle(index)"
+              :contents="item.icons || item.icon || menuIcon"
+            ></es-icon>
+          </el-badge>
+        </template>
+        <template v-else>
+          <es-icon
+            class="es-simplicity_apps-icon"
+            :style="setStyle(index)"
+            :contents="item.icons || item.icon || menuIcon"
+          ></es-icon>
+          <div class="es-simplicity-menus-tips" v-if="item.tips">
+            {{ item.tips > 99 ? '99+' : item.tips }}
+          </div>
+        </template>
+        <div class="es-simplicity_apps-text" v-show="!fold">
+          {{ item.text || item.name }}
+        </div>
+        <i
+          class="es-icon-you es-simplicity-menus-item-icon"
+          v-show="
+            (item.children && item.children.length) ||
+            (item.fourthTabs && item.fourthTabs.length)
+          "
+        ></i>
+      </div>
+    </div>
+  </el-scrollbar>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'MenuList',
+  components: {},
+  props: {
+    active: String,
+    menuIcon: String,
+    color: [String, Array],
+    backgroundColor: [String, Array],
+    data: Array,
+    fold: Boolean,
+    width: Number,
+    popover: Boolean,
+    parent: Object
+  },
+  data() {
+    return {
+      defaultActive: this.active,
+      show: false,
+      height: document.body.offsetHeight - 44
+    };
+  },
+  computed: {},
+  watch: {
+    popover() {
+      if (this.$el.offsetHeight > this.height) {
+        this.$el.style.height = this.height + 'px';
+      } else {
+        this.$el.style.height = '';
+      }
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    setStyle(num) {
+      let obj = {};
+      if (this.color) {
+        obj.color = this.color;
+        if (Array.isArray(this.color)) {
+          obj.color = this.color[num % this.color.length];
+        } else {
+          obj.color = this.color;
+        }
+      }
+      if (this.backgroundColor) {
+        if (Array.isArray(this.backgroundColor)) {
+          obj.backgroundColor =
+            this.backgroundColor[num % this.backgroundColor.length];
+        } else {
+          obj.backgroundColor = this.backgroundColor;
+        }
+      }
+      return obj;
+    },
+    handleClick(res) {
+      this.defaultActive = res.id;
+      if (res.url) {
+        if (res.urlopenmode == 1) {
+          util.win.open(res.url);
+          return;
+        } else if (res.urlopenmode == 2) {
+          util.win.open(res.url, '_self');
+          return;
+        }
+        this.$emit('command', res);
+      }
+    },
+    handleEnter(res) {
+      this.$emit('menter', res);
+    },
+    handleLeave(res) {
+      this.$emit('mleave', res);
+    },
+    handleOut(res) {
+      this.$emit('mout', res);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,293 @@
+<template>
+  <el-drawer
+    class="es-simplicity-message"
+    modal-class="es-simplicity-message-modal"
+    direction="rtl"
+    size="648px"
+    :withHeader="false"
+    :visible.sync="show"
+    :modal-append-to-body="false"
+  >
+    <div class="es-simplicity-message-header">
+      <span class="es-simplicity-message-title">消息提示</span>
+      <span class="es-simplicity-message-overlook" @click="handleIgnoreAll"
+        >全部忽略</span
+      >
+    </div>
+    <div class="es-simplicity-message-lists-box">
+      <div class="es-simplicity-message-lists">
+        <el-scrollbar class="es-scrollbar">
+          <div v-infinite-scroll="getMsg" :infinite-scroll-disabled="disabled">
+            <div
+              v-for="(item, index) in msgs"
+              :key="item.id"
+              class="es-simplicity-message-item"
+            >
+              <div class="es-simplicity-message-item-title">
+                {{ item.title }}
+              </div>
+              <div>
+                <span class="es-simplicity-message-item-time">
+                  {{ item.time }}
+                </span>
+                <span
+                  class="es-simplicity-message-handler"
+                  v-show="item.handlerUrl"
+                  @click="handleMessage(item, index)"
+                >
+                  处理
+                </span>
+                <span
+                  class="es-simplicity-message-overlook"
+                  @click="handleIgnore(item, index)"
+                >
+                  忽略
+                </span>
+              </div>
+            </div>
+            <p class="es-simplicity-message-tips" v-if="loading">加载中...</p>
+            <p class="es-simplicity-message-tips" v-if="noMore && count > 0">
+              没有更多了
+            </p>
+          </div>
+        </el-scrollbar>
+      </div>
+    </div>
+    <div class="es-simplicity-message-total">共有 {{ count }} 条消息记录</div>
+    <es-dialog
+      title="处理"
+      name="manage"
+      width="90%"
+      height="80%"
+      :visible.sync="dialog.show"
+      :url="dialog.url"
+      :param="dialog.params"
+      @close="handleClose"
+    ></es-dialog>
+  </el-drawer>
+</template>
+<script>
+import {
+  sysMsgPage,
+  ignoreSysMsg,
+  ignoreAllSysMsg
+} from 'eoss-ui/src/config/api.js';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'Message',
+  provide() {
+    return {
+      deleteMessage: this.handleRemove
+    };
+  },
+  props: {
+    visible: Boolean,
+    total: {
+      type: Number,
+      default: 0
+    },
+    winopen: Boolean
+  },
+  computed: {
+    show: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit('update:visible', val);
+      }
+    },
+    count: {
+      get() {
+        return this.total;
+      },
+      set(val) {
+        this.$emit('update:total', val);
+      }
+    },
+    noMore() {
+      return this.msgs.length >= this.count;
+    },
+    disabled() {
+      return this.loading || this.noMore;
+    }
+  },
+  watch: {
+    total(val, old) {
+      if (parseInt(val, 10) < parseInt(old, 10) && this.index !== null) {
+        this.handleRemove();
+      } else {
+        this.getMsg(true);
+      }
+    }
+  },
+  data() {
+    return {
+      //加载数据
+      loading: false,
+      //消息页码
+      pageNum: 1,
+      pageSize: 20,
+      pageCount: 1,
+      //消息数据,
+      msgs: [],
+      dialog: {
+        params: {},
+        url: '',
+        show: false
+      },
+      index: null,
+      deleteId: null
+    };
+  },
+  mounted() {
+    util.win.deleteMsg = this.handleRemove;
+    const bus = this.bus || this.$root.Bus;
+    bus && bus.$on('deleteMessage', this.handleRemove);
+  },
+  methods: {
+    //获取消息列表
+    getMsg(reload) {
+      if (this.pageNum <= this.pageCount) {
+        this.loading = true;
+        util
+          .ajax({
+            url: sysMsgPage,
+            params: {
+              pageNum: reload ? 1 : this.pageNum,
+              pageSize: this.pageSize
+            }
+          })
+          .then((res) => {
+            if (res && res.rCode === 0) {
+              this.pageCount = res.results.pageCount;
+              this.loading = false;
+              if (reload || this.pageNum == 1) {
+                this.msgs = JSON.parse(JSON.stringify(res.results.records));
+              } else {
+                this.msgs = this.msgs.concat(res.results.records);
+              }
+              this.pageNum++;
+            } else {
+              let msg = res.msg || '系统错误，请联系管理员！';
+              this.$message.error(msg);
+            }
+          })
+          .catch((err) => {
+            this.loading = false;
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    //忽略
+    handleIgnore(res, i) {
+      util
+        .ajax({
+          url: ignoreSysMsg,
+          params: {
+            id: res.id
+          }
+        })
+        .then((res) => {
+          if (res.rCode == 0) {
+            this.count -= 1;
+            this.msgs.splice(i, 1);
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        });
+    },
+    //全部忽略
+    handleIgnoreAll() {
+      util
+        .ajax({
+          url: ignoreAllSysMsg
+        })
+        .then((res) => {
+          this.count = 0;
+          this.msgs = [];
+          this.$emit('ignore', { type: 'ignore', value: 'all' });
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    //处理消息
+    handleMessage(item, index) {
+      const openModel = util.getStorage('openModel');
+      if (openModel && openModel == 'dialog') {
+        let { handlerUrl, title, id, metaData } = item;
+        metaData &&
+          (title =
+            metaData.title ||
+            metaData.pendtitle ||
+            metaData.meetName ||
+            title ||
+            '办理');
+        const jsonData =
+          metaData && metaData.jsonData ? JSON.parse(metaData.jsonData) : {};
+        util.busEmit(this, {
+          method: 'windowOpen',
+          args: {
+            url: handlerUrl,
+            title: title,
+            id: id,
+            msgIndex: index,
+            ...jsonData,
+            callback: 'deleteMessage'
+          }
+        });
+        return;
+      }
+      this.count -= 1;
+      this.msgs.splice(index, 1);
+      if (this.winopen) {
+        const mywin = util.win.open(item.handlerUrl);
+        if (mywin) {
+          let times = setInterval(() => {
+            if (mywin.closed) {
+              clearInterval(times);
+              this.$parent.$emit('bus-emit', 'waitdone');
+            }
+          }, 1000);
+        }
+      } else {
+        this.dialog = {
+          show: true,
+          url: item.handlerUrl,
+          data: {
+            id: item.id,
+            pendingId: item.pendingId,
+            userId: item.userId
+          }
+        };
+        this.index = index;
+      }
+    },
+    handleRemove(res) {
+      let index = res ? res.msgIndex : this.index;
+      if (index !== null) {
+        this.count -= 1;
+        this.msgs.splice(index, 1);
+        this.index = null;
+      }
+      if (res) {
+        this.$emit('handle', res);
+      }
+      this.dialog.show = false;
+    },
+    handleClose() {
+      this.$parent.$emit('bus-emit', 'waitdone');
+    }
+  },
+  destroyed() {
+    const bus = this.bus || this.$root.Bus;
+    bus.$off('deleteMessage', this.handleRemove);
+  }
+};
+</script>