eoss-ui 0.5.80 → 0.5.81-beta1

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

@@ -0,0 +1,338 @@
+<template>
+  <div class="es-simplicity_apps">
+    <div class="es-simplicity_apps-all">
+      <div class="es-simplicity_apps-title">
+        所有业务系统
+        <el-input
+          class="es-simplicity_apps-search"
+          size="medium"
+          placeholder="请输入关键字"
+          prefix-icon="el-icon-search"
+          v-model="value"
+        >
+        </el-input>
+      </div>
+      <div class="es-simplicity_apps-box">
+        <ul class="es-simplicity_apps-list">
+          <li
+            v-for="item in _applications"
+            class="es-simplicity_apps-list-item"
+            :key="item.id"
+          >
+            <div
+              class="es-simplicity_apps-list-content"
+              :class="{ 'es-simplicity_apps-disabled': !item.permission }"
+              @click="handleClick(item)"
+            >
+              <el-badge v-bind="getBadge(item)">
+                <es-icon
+                  class="es-simplicity_apps-icon"
+                  :contents="item.icons || item.icon || menuIcon"
+                ></es-icon>
+              </el-badge>
+              <div class="es-simplicity_apps-text">
+                {{ item.text || item.name }}
+              </div>
+              <div class="es-simplicity_apps-hover">
+                <es-icon
+                  class="es-simplicity_apps-icon"
+                  :contents="
+                    item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
+                  "
+                ></es-icon>
+                <div class="es-simplicity_apps-text">
+                  {{ item.permission ? '进入系统' : '暂无权限' }}
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <el-pagination
+        class="es-simplicity_apps-pagination"
+        background
+        layout="total,prev, pager, next"
+        total-text="共 {total} 个业务系统"
+        :page-size="appSize"
+        :total="apps.length"
+        @current-change="
+          (res) => {
+            this.handleChange(res, 0);
+          }
+        "
+      >
+      </el-pagination>
+    </div>
+    <div class="es-simplicity_apps-other">
+      <div class="es-simplicity_apps-business">
+        <div class="es-simplicity_apps-title">专项业务系统</div>
+        <ul class="es-simplicity_apps-list">
+          <li
+            v-for="(item, index) in _business"
+            class="es-simplicity_apps-list-item"
+            :key="item.id"
+          >
+            <div
+              class="es-simplicity_apps-list-content"
+              :class="{ 'es-simplicity_apps-disabled': !item.permission }"
+              @click="handleClick(item)"
+            >
+              <es-icon
+                class="es-simplicity_app-icon"
+                :style="setStyle(index)"
+                :contents="item.icons || item.icon || menuIcon"
+              ></es-icon>
+              <el-badge v-bind="getBadge(item)">
+                <div class="es-simplicity_apps-text">
+                  {{ item.text || item.name }}
+                </div>
+              </el-badge>
+              <div class="es-simplicity_apps-hover">
+                <es-icon
+                  class="es-simplicity_apps-icon"
+                  :contents="
+                    item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
+                  "
+                ></es-icon>
+                <div class="es-simplicity_apps-text">
+                  {{ item.permission ? '进入系统' : '暂无权限' }}
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+        <el-pagination
+          class="es-simplicity_apps-pagination"
+          background
+          layout="total,prev, pager, next"
+          total-text="共 {total} 专项业务系统"
+          :page-size="appSize"
+          :total="business.length"
+          @current-change="
+            (res) => {
+              this.handleChange(res, 1);
+            }
+          "
+        >
+        </el-pagination>
+      </div>
+      <div class="es-simplicity_apps-systems">
+        <div class="es-simplicity_apps-title">系统设置</div>
+        <ul class="es-simplicity_apps-list">
+          <li
+            v-for="(item, index) in _systems"
+            class="es-simplicity_apps-list-item"
+            :key="item.id"
+          >
+            <div
+              class="es-simplicity_apps-list-content"
+              :class="{ 'es-simplicity_apps-disabled': !item.permission }"
+              @click="handleClick(item)"
+            >
+              <es-icon
+                class="es-simplicity_app-icon"
+                :style="setStyle(index)"
+                :contents="item.icons || item.icon || menuIcon"
+              ></es-icon>
+              <el-badge v-bind="getBadge(item)">
+                <div class="es-simplicity_apps-text">
+                  {{ item.text || item.name }}
+                </div>
+              </el-badge>
+              <div class="es-simplicity_apps-hover">
+                <es-icon
+                  class="es-simplicity_apps-icon"
+                  :contents="
+                    item.permission ? 'es-icon-jiantou-next' : 'es-icon-mm'
+                  "
+                ></es-icon>
+                <div class="es-simplicity_apps-text">
+                  {{ item.permission ? '进入系统' : '暂无权限' }}
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+        <el-pagination
+          class="es-simplicity_apps-pagination"
+          background
+          layout="total,prev, pager, next"
+          total-text="共 {total} 系统设置"
+          hide-on-single-page
+          :page-size="appSize"
+          :total="business.length"
+          @current-change="
+            (res) => {
+              this.handleChange(res, 2);
+            }
+          "
+        >
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { debounce } from 'throttle-debounce';
+export default {
+  name: 'Apps',
+  components: {},
+  props: {
+    //菜单、应用默认图标
+    menuIcon: String,
+    color: {
+      type: [String, Array],
+      default: '#fff'
+    },
+    backgroundColor: {
+      type: [String, Array],
+      default() {
+        return [
+          '#0B3978',
+          '#2591F7',
+          '#69C0FF',
+          '#E34D59',
+          '#2591F7',
+          '#FF9C52',
+          '#17C27B'
+        ];
+      }
+    },
+    applications: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    //业务系统
+    business: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    //系统管理
+    systems: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      value: '',
+      apps: [],
+      appSize: 20,
+      appNum: 1,
+      bsSize: 8,
+      bsNum: 1,
+      sysSize: 2,
+      sysNum: 1
+    };
+  },
+  computed: {
+    _applications() {
+      return this.apps.filter((item, index) => {
+        return (
+          index > (this.appNum - 1) * this.appSize - 1 &&
+          index < this.appNum * this.appSize
+        );
+      });
+    },
+    _business() {
+      return this.business.filter((item, index) => {
+        return (
+          index > (this.bsNum - 1) * this.bsSize - 1 &&
+          index < this.bsNum * this.bsSize
+        );
+      });
+    },
+    _systems() {
+      return this.systems.filter((item, index) => {
+        return (
+          index > (this.sysNum - 1) * this.sysSize - 1 &&
+          index < this.sysNum * this.sysSize
+        );
+      });
+    }
+  },
+  watch: {
+    applications: {
+      deep: true,
+      handler() {
+        this.getApps();
+      }
+    },
+    value() {
+      this.getApps();
+    }
+  },
+  beforeCreate() {
+    this.getApps = debounce(500, () => {
+      this.getApp();
+    });
+  },
+  created() {},
+  mounted() {
+    this.getApps();
+  },
+  methods: {
+    getApp() {
+      this.apps = this.value
+        ? this.applications.filter((item) => {
+            return (item.name || item.text).indexOf(this.value) > -1;
+          })
+        : this.applications;
+    },
+    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;
+    },
+    handleChange(res, index) {
+      let name = ['appNum', 'bsNum', 'sysNum'];
+      this[name[index]] = res;
+    },
+    handleClick(res) {
+      this.$emit('click', res);
+    },
+    /**
+     * @desc:获取气泡提醒
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    getBadge(res) {
+      let num = res.tips || 0;
+      return num === true
+        ? {
+            isDot: true
+            //hidden: item.tips
+          }
+        : {
+            value: num,
+            max: 99,
+            hidden: !num
+          };
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,68 @@
+<template>
+  <div class="es-simplicity-side-item es-simplicity-portrait">
+    <img class="es-simplicity-portrait-image" :src="_userHead" />
+    <es-upload
+      v-if="upload"
+      portrait
+      :code="code"
+      :ownId="user.personId"
+      :on-success="handleSuccess"
+    >
+      <span>修改头像</span>
+    </es-upload>
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+import { downloadByAdjunctId } from 'eoss-ui/src/config/api.js';
+export default {
+  name: 'Avatar',
+  components: {},
+  props: {
+    user: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    code: {
+      String,
+      default: 'USER_IMG'
+    },
+    upload: Boolean
+  },
+  data() {
+    return {
+      userHead: null,
+      portrait: true
+    };
+  },
+  computed: {
+    //用户头像
+    _userHead() {
+      return (
+        this.user.userHeadUrl ||
+        this.userHead ||
+        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAIABJREFUeF7tfQd4XdWV7n/q7V1XsiRX3GTLDRtjsA3YhD6ZTDIJhJL2yASG5M3kQQYn3wAZEgNJgAAvb5JQEhIIGAKZABlIIMZggyk2scEY4YK7mmXp6vZ62nxr73ukK1m2rmSZvPneO/70ybbOPWfvf6/9r7LXWhLw/6+PBQHhY3lLlS956qmnpFNPbW5yO9zzLFFoLhaLp+i6PsEyERUEIQzL8MKCAj5qTRClDEz0QkS3JEutDoeyTxCEFl3X39+06d2dl112mVHlq0/6bX91oA8c+Gih2+m5UDf0lYC5xDQtv2VZoC/TNGCaFkzDBCwLAH1VXBYgCCIESYAgihBFEYIA9l0UxRQEcZOqyq9apdJL0YbJW086msd5wV8F6K6u1nmiKH5J14xLLcuaaOgGNK0ETdeh6zpM0xwE6CCAK34qQIAl0M/7p0JAS5IIWVagKPQlAyIOKbLytGmaj9bVTXj/4wb9YwO6paVFjUYDV8iycp1pmEvyuRwKxSJ0TYNhmDDL0nqsAQ35/0JZ0AehxoTffp4gMAmXZRmqqsLhcECRlc2CIPysq7v3iebm5tLHAfpJB3r//v1Or8vxjyaMf9E0vTGfz6NUKsE0DAaFQHu9UkIH/Xu0IBD12Bf93X4PfZclCU6XCy6Xs12EdHcmX7x/ypQphdG+q5rPnTSgLcsSE4nuL1umtTqfyzVmsllopVIfy9LkSdI+rmso4EnKnU4n3G5Xu6o4bgmGo48IgjCIt8ZmhCcF6ESiY5GpCw9kc7lF2Wy2zLsWZ1FBOEqKx2Yq1T+lEnT6FC14GfCtLrf7mmAwuqX6p1V355gC/dFHHznq6yOrc7n89alkSi4UCsxyIEXFrINRv42skP4JDaabSoqw/36sewbDwq0bky0+KU2/P6D7vL57fYHeWwRherE6GIe/a9RTH/zodLpnllbSn0inMvNz+Sw0TWe38AkT0MMPZsAdNrCk8OgPmXL8icd9Vp+0ll84/Gu5KWl/ThQlpjD9fv82t+K60heJfDjCkQ95+/DjqOItiXTsUr1YejjRG/fmCwU2aAK4WqmiV1QCxKw1jikEsbwbyEbmMA8NNAFL0kkrUpZS+jt/br/5d/SEK01HoQ90Mg0Dfm/G6XZ9NRKpf6oKGI57y4kCLcTjse8XivmbkvG4QNZEtQDTi+0pWhafoCBwBSlJEnc+GMhloEmqTYubgsyRMdm/LcuEJNKKSGwBSMFJkgxLAANd1wzoegmk4dhCVcyYFnQoC92WcBqD1+u1/AHfHaFQ3S0CDXCU16iBfvXVV+WFC5p/mcvlvhRPxKFpJsQyMNWOhSiBSa1AwEqQREAU6DsBbzIzMJfNIJNKI5NMghRrLpdFoVSAphkgR8cyCWgRoiwxkD0eD/zBICKRGoRrauB0eWAY3CFi0k4LTO8k0I8BtL3D7J3p9XoRDgUf3fpey1dXrlzJOXGE16iAJuejLhp+olDI/30ylWRSVpUkl99mKzYmgQSwLEOQBVi6jlwqh3isBz09R9Ab60YykUQhl0dJ02CZBlsAThGMbxhYfaIqkGUjQJAkKIoToUgIM2Y2YcopU6E6XMiXSjAskwEtljn/eCJqSzbNzeVyIRgI/D4SjV8hCCN3ckYMtGVZUqy786lcPv/3qVSqT2MPx8f0IpPRKOdvkkJVkqEIEvKlAjq72tF66AC6O7uQTiRQKhZhGQQcAcPg439EC6JA9jcHlaPM1CUDnlsRFgxLgGnqUJ0OTJ8xA4vPOBuKy4WSocMwTdATKunreAJqWyZutwvhSOj34XD9ZYIgjChgNWKg4/GuX2czmS8nEtWDbE+C8aQAFn9QZRlGqYS2gwexZ+cudHa0IlfIAQwE4mUJokQLwqJE3OIgURzEs316k/FA2QwUBMa9hq4jXyyQRsX8RafjtNPPgKSobHfwhRqao48G3bZMTLjdHkTCoUdCkfqvjIQ9RgR0PHZkdb6Quzkej1dPF/ZkmCcowOlwse+H21vx/rvvou3QIWj5PCRSarICQeJROBBP25YH41M+1D4FOmiWFFiyeddeDPof3TCRyWTh8/lwzvkXYPLUaSgSX1NE0H5gVSj0m4AejxuhcOS2UKj2lmrBruoV9LB0InZpNp/7baw3JpASqoqTy6MgJUTguZ1OwDCxe+cO/GXTm0j29kKURDgowiZJbDOX8RwAqG0/9/0ns60rL6vvc6JtXvBACnsmmZxkpcxfvBiLly5ln9VK+sCHVIUE0RF92oTP77P8ft/l1Zp+VT0+FuucLVjipu7ubi9pfOLI4TjZhoHZsYIAh9MBwbSwfctWvPvOZhSyaThdDkgyPUtk9/SB1+eccBEeapD2glRKOf2dlFy/qHKsi6USNMPCzOZmLD9nBQTFgWKxVH42Y/ehXzJgMcs7ijEUKX8gHA5k/C73El+kflinZligKfoWCLg3x3vjc8m8ql6SCTg+a0VWoCoKdre04I1X1qFUzLPYApljtOVp4KTwbMeCKbmyacIUIDPDKn3wShfEZluOikDK1qYYRicWiiUNmmGiae48nLn8bIgEdEljPxOJ1/vp/zhM0A8Vt0ZMyLKEmprI9mxOP3246N+wQKdSsTuTicSNyWSqz2I4Pi/1cylNgKjB43Cgu/Mw1r34AnqPHIbb7YYkqxXg0WRZCJ8Bz90C+zncthh4wlI2hPsGwncDv9MOvglE8wwQRh2iiMVnLMXCRUugWUBRK5aB5tYMi4cPi0b/zG3Tz+VyorGh/i63N7zqeLgc99GJ7u5FOvS3u3u6ZV3Tq6QLGyAugQ5VhWRZ2LjhVex4/13IkghFcZQl2DaxRC5VOnl8ZH5xHcA429ZY7C9lqS6be/30ZPa58HzHSeyEhTxMw7JAwa1wtAbnfuJ8TJ02E6l8HrlCntnlpGTLS1zeEtWqN9tUBUKhoB70hs/wBIPHjPodE+hbb71V/Of/ee3mRDK5KJvN8W05wsgQKUCHoqLn8GGsfekFZJIxOBxOiILM5Y6ZwxYs3YLGvDyDeYeyIkMmcSxbyPwv/N8sgi2UJdCWe6Ie8CghufMlzWSLZYEDTV7nKVOnYP6CBYhE6wBJYQutG+QEmRzoPjuxeqDpTvI66eQmHIls+fnPHzr91ltvHTKefUygY0fary5q2i/j8QR72GiC9DI5JLKE99/dir+8+QZgalAcDggEQBlEQ9egFwqQRRDfYeLERkRrInAoMgOBvjjgzFeHSItNQJeDR5xkOErEmQRvrDeBQ60d6DwSQzqdA40jHInA4/VCUp2obxyPGU1NTBmXdJ3FTEYeXuQLYgfD6MSmpiby1VCo9uGhlmpIoPfvf9UZ8M/e09PT01gs8pDscNI8lPHvUBXmNLyx4VXsadkBRRIgKwpMQWT2rVYi70/DuJogFsybhZkzpiMY8ENRJQgM4EFGXMWOsq2O8qbg1EPKDSJ000IuV0RrWyfe3fYB9u47gGyhCJEk2RShuJxYsOhULFy0EKKioqgbx7RuqpFv8jSJpmqjNe3R2sZpgiAcdSw2JNAdHfuvFyHd09MTg2lRsGiYI6dKPLjmYiYb8XMmlcL6tS+hq7UVTlWBIMsMiCKTYhPz58zCmaefirraELcW7MgcmVAVAU5uP1S4zeWR902AaT6uMynqJ4kKo4xMNo9t27bj9be3IB7PsCifZhkIhkM4a8UKnDJjFooUoDL4HhuBPuxbA6YYYcHjdsPvDdwQHddw7+AFOuq5FDCqqQnsS6dSjflcvhxoH6zlBz6mMgrGJc1iSs8pO9DR2YEN69YiGeuGy+kAxYTILXYoIs5YvABnL1sCt1NhkTq9HGEjE80mhKOp82goBtjBDGmSbIGFSx0uF0xLxPbtO/Hqa2/hSHeM87asoGnuXCw751wIssJsbVqlsmqoRpAH3GNZpF8khCLhjt7ezJTBp+tHjbqz8+CXLAOPJJIJmGUPcFiD3o6E9XlsFhQCWnVg3969eO3VdchlknCpDpRKRRh6CWeecRrOP/csOBURhXweOinDspFnD4rTAVeBFe7MkCD0L8hAJ52cK6fLDVFW8e77O7D2z+sR643DFAVMnDoVK8+7EN5ghJmA7MB4NCLNuJrrErfHA58v8JXa2vpHKgd61GO7uzo2pdOp07O5XDn6ONwU+ePsbW5Pk470ybXe/WEL3tq4gcWR6f8oCD998gR87u8uht/nRqGQZxYHM+aOadWMZPb9PFYZwHd5XDBFGevXvYnXNm5CPJNGw6TJWPGJC9DQOAkF2k1k7o1Ylu0P8KghOWHRmujmaF3DkmMCvW/fvvl+n+u97iNHoBNnMcYY+atpqpKoQlVE7Hh/G/7y9kZkMmm2HEG/F5ecfzYWNM9EqZhjioh2+2glaVhcGG8bkBQJLq8f3Z1x/OH5l7D1gx0I19VhxXnnY+rMZmgskYeieiOfrz0GApq75iG4FWVBqG78NvtnA57a2d56pwXrxt7eWJVe4NDTJJVim3Yt27Ziy9tvIpVIMIme29yESy5cgZDXiUI+Vw7El8Ogw6I2yhtoWwtgwX8BCjZtehfPPP9HCA4nVlxwEebMX1hORyOg7f058nfxHQTKE0Eg6L0rGp3Q5y0OALqj7dD+YrEwOZPN8NeN0EHp30RcEamKhJ3b38PbGzciEeuB3+PGuSuX4czFC0AuCykgfpw1eimqDg5uFdDiO1Q39u1rw5qnf494roCVF1yMuQtPY0Brusa0wYlcFCWkeHswGDxQ3zBxylESvWvXB/N9Xv97qVQSJa1UPsUY3StJopnGVyXs2dmC1155FbHuI5hQX4O/vWglZk4/BTo5Kjodv53YxKoeISk6SYDT6UZPTxJPPv0c9rV1YcWFf4MFpy1ijguBfaK5U3aOSCgUhMPpXBSNNrAs1r5Ztrbu/44oCD9IkCdojs4T7JdoCibJcKkyDuz9CK+8vA49ne1omjoen7roE2gcX88Wk2zX0eiAqsGtuJHrAR6uzeVyePr3L+CD3a0454KLsWDxInbYyxf+xC5bAdOBrtfjual23Pg7BgDd1rZ3ranjPDpsPRHaoM+yqJ0owanK6Gpvxdo//xkdBw9i/qwp+NRF5yJaG0VRL8Ig5VE+jT6x6Q3/aYqBEEM5HQo7yvqP517CB7sP4azzLkTz/AVMmsmLPdHLBprRRyiwrr5+0nl9QFOm/bJlpycK+YKXVnusgKZ4RbK3B2v/9Cfs+2g3Fs6biU9fspKO7pEvafxg92MiDxtohyoz9//Z5/+MnXs7sfy8izBt5kzGz9w7PPGL5kXHddFoJFNbNzFIB7mMOt7Z9s6c+nDN9kwmwzy06oP7xx4UPUNVFRRyBax76UV8+N4WLF4wG3/3yfMRDHiRz5ODwNMUPo6LlpRMSKcis/POZ19Yi73tcZx9/sVonDiRpxKzPMETv2zrIxIJUSrFvHHjJmxns9y7d/cVDlVZk0wm+9IHTvx1/LSbuPGt1zdg0+uv4tTmGfj0Jy9EiICmeHBF3vJYvO94z7CBdlGsRdPxzIuv4HCigLPOuwjBmigDGmMINNnUpBBdTtcXonUNjzOgDx3Ys1qUpJsTicSYTp4iWuQptWx7D+tefB7TJ9Xj0k9fgkg4iEKRAu+Mzas+9D+RxegDWlFQyBfwn2s3IKMrOHPleXC6PSjRGWLf6cyJvImHTunL7/fTEd7tDeMn38yA3r275TGX03UVSfRYShlF/VSHiq72Njz/+6cR9qr4/Gc/ibraGpToeIkFjz4moC0BEmUcOWQkUlms3bAJgjuM+UvOZNFJCmiN1WXHqNmRnSg+PvmUGV9gQO/8cNvrbo93eTKV4mlWY8SbZLoR0Fq+gOef+w+UMjFc9ulLMHliAyjOzYuCPh6OpslTdpRTVdEVS+CNze/DEx2P6bPmgipo6ABiLC96H6X/Wpa1cWbTnLPYLHftbNnpcjpmUooXC1COBdAsxmBBUSlnQ8XmNzdiz4db8TfnLsWcObNY0uFY2K3Vg8OzTum8sr2zG9t2HUK4YQrGNU6EaeljZnHY42FzVxSixV1Ns+Y1cerY9WG3Q1VqCOixKn1g24d2hyRBdblxpK0DWza+jPnTJ2DJklN5tigd+FaPVGX+zAg+xW+lU0YCWpIUHGjtwsEjKdSMnwqnL8CjdtbYWByVQLP0Y0HsaZo9N8qB3tmSVVXFnUqnx8S0q3wZS2iUHTAMHft2vI+ww8TcpinsuIoOUTkIw19HHeIM/5EBd3CgJZaHd7C9G715C4Ha8ewAgE6RqgsGV/9SRlUMaCHXNHuexwZaU1RFTo8x0PawWP2KKKOYz8NlZlDrE6EqAnSTpieAJxsc/+J39C/JyIGx2AGwYQo4HM8jZTrh9PhBRVhceVWz3MONsv/n9EiKVgqiaTTNWiCXOXq75nA4GdBsOmPB0YPGZIJtI/jkEgJSHrJlwiCLg41geKD7H2cDMpLP8HdIggVdtxArCEjDwwJfIjs3H1uQ2duGAnr3zg+yiqq6MwT0CGtPqlljmoZJ5RMC4JENBGQNTuhsMIw8RjnPkUFOWR6AZolIlCSkDZXRiNhXVjjKQRwDgH7qQK5p9nxOHR/taulWVKUmnTpJQLPcOZ6Lpwg6/KoJr6izPLkTAbqaRe6jL3YyL6BgykiVROQMyvsjoO2TyZMGdE/T7PlcGTLzzuWYSfl1J4M66CV2fTZtVa9sIqCYEC1eplyZGToUeH1Q2DUnLIeGH+XShznTH/9iPxdFZHUF6SJQsiSWX8LycUZEXdUtb795h11Ns+Zy844cFpfbs5w4eiw9w8FD4pVoFtySibDDgCJorBZlWLalIqTyYvEsYC6dbJfQ5yladlykeQqlCQUpTUJGJ8qyU4X7F2rYcVSHMburz2EBNs6c2cwdlt07Wx5zupxXMYdlDD3DoYCmyah0gKlqcIvc7eVnz8eaJs+d40k8FZmmrHKLennwnh7HE2mCmOAsWSriRQkFKqZhK8O/uETbqWcnesbSnybmojQHSXz8FNsFP3Bgz2r5JASVjgKaExObWEAqwS/rjCOHq3LXikUUC3lWFUChV5LiIqWTsYNQJ0TZcdxnkPlIMk28HC/JoAMrO1uVj2jsgSYh8Pm8cKgUVDqFB5X27t1xhdPhWkPRO3aMxaqexvAqC6u9uwlYVdQRUgy4JF7SxtPBKelc5NVb9K9ymlculUTiSCfL0yO3lnLdKBfE5fagJloLlWoJy8nqfVlTfSYqpxmNlKBGYBPsvPhz4B7qT8E50Znb0btgkMKk6heidRN4mHTbO2/Mqalv3J7OpFm4cCwC/wMG25dyy+G0N6lXNhBWSL608qRp9gS0Xe4gQLREQC+ikEmhkM+yVFvaExSzcLh9cHg8zBniMksZ/Pz5rIKAnRNaLAk9o6tIl8DK4sisG0s+HrwwFJUkYMPhMCRZ6g/8j/VR1tASYXMhUQUvnVBgIuIw4ZQ0luRSPkHkH7dLKyxAop5Jdo0LM75ZJiMskbMvPxLrT4NkjMwmSyleFoogbpZRpK3CCpIGas7jaYjRSDc/yhIRjdZkauvG9x9l0cPa2g6sNXT9PIpJj7lEV4yWJs9gofiwZcAtGQg6ABkaC1faFShUW1K2NbgZxuIU/DiKeIIV1NvbvwyqXTXDqIFiGzDYZ5Oag9nO7Dk8/WrANZZA27ShKiplrK4bN258/+EsvbW9/eB3BOAHvb29TEKGTdUdzVKXP2PLHkmmbBnwq4DfQdtcg0EusUGUwZUU1bQQufDElnLteF96fn9aJAe5bFuz2nKLJelkNAmxogM8NYanbJ3Mywba4/FSidxNtbUNA9MNWlpaFoRD/ndTqQQrDTuZUj04JVc2ighKJQTIUaXTDpN4mfjWgEEcS8D1UYMNU1n2Gdna0k1KjncIo7hGoaiht6Qiazn7HJOT4ZxULhyZmmSJkiL0+nyLgsHowAQaurmj/eD+QqEwOZvJ8gTHk7b8XBUxqCQFRj4Lo2c/xnmAcG0tTNUHg+rATV5KbJSpoK/QpByIKn/jsk5jFWUoRDF6EclEHHFNhuGphSk6mLXOVeDJO9WxpZl6fUQioYN14yZMthdhwEbqam+9UzeNG6kEmTkuJzHFs48XJRVmKY986wcQ4x2oa2iAf/wUSC43ZBaQt6BbPMbG3UAyJbj5adcUSuWmgpYowSwVkGg/gK7uGMzwZDiik5lVAosOGSot9rGXbRtoOisMBYN3RaL1Qyc5srRdr/O9I93drBcGr0AbG1Kz48ncTrBPisHqDZ0uGUb8EBK7tkLIZ+GNNsBbWwePzw2H4oRFDglJ6qDSKQKasbKpwdRKyGfSSHZ1Ih3vhiNSD9eEeSjKPtZbj723Qg8OHx0ZOZOzwiZBQCQSgcvtXBAK1Q2dtkuPjvV0bkqmkqfnMrmxOz8cPOZySx46LKVKKbfXDTMbQ6ljJ1L7P0Ihm4PodsMZ8MPp8UF1+qA4HRAlapoiMp1IfTfI/TY0jeVZ5zNJ5OO90PM5+CI1iEybD6V2KtKaBYpKcrA5HZ4MSmRhHMoklWXU1tVujtTUHzsRnfDo7Gz7smWav04k4qzcgVKbxuKyo3eEkp0ZHwgEmJBu2bIVopbBOafPgtV7BB17diOTTcIQqNqJOi86WUUX61AjU1RZZLXd5CGahs6qu+iwVxYt1NbVIdQwBTvaEuhM65iz8DRW7pDOZECuPKOc8i4dS8DtgiFKbgwF/FeHIvW/qsTtKBRZa8ua8P5UKtGQz1Me3olJgJ3jwF0xngtNBZAEsiwpePa5P+Cn//7vOPO0U3H7D1fDpwI9O7cg3d2OfDYFragzu1mgykQK0rPwgFiO+pFNzoNOiuqAL+BH/YxmKDUT8fAvHsfPHnoUF3/qb3H1P3wVoXAI6UQKuTx1OqAqYAb5AOBPRKDIrqfdVlMT6aytK0wZ3MptSHE9fLjjegHmPT093SxPbSQ2dR+wts1cdoPp/IzAoMIdyneIJxL4w/Mv4Cf/+yc4eOAgPn/ppbj/wQcQ8LqQ7dyJYqwVeiqBfCaDXC6PolGk7AvmokusT53JnBjZ4YDD5YPL7Yc7FIZ/UjMEbz0eeOBB3Hjjjczcu/Syz+Ifr70GkyZNYn06qNKAglKsQInFXQcGD0cq6XbTWibNwcANoci44cvfCB/qaBAK+vZ0d3c1FgrVFXQyebXbn5V5kFaYUsKoaEh1qqxGO5PJYffuXXh8zRN46c9r0dPdw7byZz77Odx///2IhkMo5XpQiLXByiQgaHkUSiVWNVWkJBfTgmTqUCQLsupgASVRdkN0uOGMjIMjPIGZcw/96jf49g3XI5XshdPlxGmnLcKln/0cVq5cSe0f2DspGZ58BkrZ5f2a+lsR9ZllVRgDlIVK5491ddGOmmjD1KoLOplSjB25ulQs/DLe28sKhwZLtS25/dzLuY+O2KkZFWuLRgkrssw4ufNwJzZvfgcvrV2HrVu3IhaLsY4ztGOoMuuCCy7Cgw/9EpPG18MwS9CzKRQTMRi5GGSUyoF7Thl0sEthJKINzRRgKC44I3VwBcdBkJwsX+QnP7sf3/vuLcjlMpR5D9MoQZUdaJ49GxdceD5WnHMOJkwYz2rTLSr0N3TopsHat5GE2lI6HJ/z/BWAutKEa8L/EAzW/nIoCjqmpuNF99e9k0wlF1I6r61E+gHmBpvdp44lNCpU+y3zs7l8EclkHIdaW7Fp0ztYv+E17Nr9ETK5LCSRmq86WOctyuLsjfVi+dKl+NXDj2Lq9CnQaKLUIKZURDHVDiPdDkUrslpBS5R5hM7QeKG+0wdXtBEOfy0rQSYeoG4Gd9z5I9x9912wDAPBQJDlP+cLRRiazopNJ02ciHNWrsDKFSswfepUBAI+Nn7CjTKoSErtL3vOgymFHTyYJouRR6PRrZGfPrhYGGnRPYHY3d19mixZbx0+fFgmQGypLnccZ64uxYdJMokmSPMf7jqMXbv34MMPWrB//z50dB7GwbZ2dB/phmlYZF9CVanzDLV6kFipcm8shkWnLsCjv/kNmppmo0jdDkxq1UYOXQ5aog16bzssjYXsWaRPpwCTOwhv3WSongh3SsoXHcn92/f+Dfc/eD+TtpA/xLxQgz6naeCtlYtMIU+fNg0TJ07ElCmT0dzUhBkzZ1LUDU6HkzcoZAnqNvD97SpsmiSrLBKJ6P5A4EyPJ/iXYynUYW23XCZ1ZyIZv5GCTfRwkkLWg0NmWTisHuRw1xHs2rUL27d/gN2796Cr+wgy2RxPtaID0WwO1JibJIIoxeZz+hm1Oo73xjG7eSYeX/MY5s5ewDKYqG0aJNLkAiRdRyHTBS3RBYkqXAk9fwjumklQncS3Yr93LgDk2a5a9W08/sTjbDGpcRV3CnhEkMxCEhzKC/T7A8w+pzWlWu76ujpMnz4dzXOaMWPGDGp6Qn2m2dypFpG+WDl1uQyDnt1QX3+30+2/8XhWy7BAsw6642o29cZi8wvFArMaqOFfa+sh7NixA9tbPsC+vftw5EgPy+JnRY1lGiHJJYkn6knapzcVBfykZwzNZMCcMn0KHn9iDRbNW4iSTpJHHWJ0Fr8QBCcgmzBLcaC3B7LDDTlQB1F28rmxkGn5hAYC7UR885vX49nnnoWiygzAykA/a7dpWdQOE8EgSTtvAkC6iJwgehQp0Gg0ihnTpqG5eTZmN88iQOF2cR1AAkau9ri62m2+QM0SQRCO25l3WKBpHtRJ16F6NvfGe7yvb3wDG9a/hh0f7kAs3otcPs+cBlZXqKqslg/sMJWXwJEEUQESSa1pcaVayXVEJ/F4LyZOmIBfP/oo42pWuKPlIVA2kyjDlJ1wkqOS6kXsLxvgrGuEv2kRW9ChgD7ceRhf/8bX8acX/wSVGnG7XH3CZvMqfaf2mjU1NbxTDXVoL3usRBclqrHRdUaJJNHhcASzmmbg7HPOwry589jO9vv9GUV1L/H5fCfevMoeYS6Xu6y97dCT3/72KuHNTZugKg5UTDymAAAJRElEQVQ43S4oCgeXeicx97YcHqHAPjkSJEqpZBLxJAWquE1eCTRNjiS6NhJltu8ll1wM3dShlwq8kSs9X1SgGAbiL/8nOn/7MJy19Wi4+p/gnjGHx2IGpc61tbbhmmuuwboN60An0S5nP9A0H1uiCSwCmujMtjK4X1U+cjOoJI7oQmeWUTFfwOzZM3H9Ddfjwgsuoqbvlzscjqo68VYl0TbY9913z+on1jxxc1d3D/PCGN+yVmo8ksYskwqiok4zBGoqmSgDzfvfDQAaYCFNv9eP++6+B5dfdSWdi7DtCVaaIUHRDCQ2vIzDTzwA7NsDSXBCWbwYdV+7Dq6pc46KXbQeOoSvfOVqvP7WRrg9brjIhLPHR0diZXufOpVRAKgS6ME8y44Yqf2mQRQXY00DrrvuWtxw/Q23uVy+sW8waA/gzGXLfm0a5pfptJzSXW1hGmrFeBd0oo4EqFCUeeBDdOSl4zO3043V3/0urv36dbAkCSWTCvcFyMU8khvW4vCjD0JJxeBUvbAKQMHIw5o9FfXXXg/v9Ln8qKt87du3D1/44hexZcsWeLweO/N+gIlqJ7jY1DHYo60EnPdEFdhv2aC4yoJ5cx558snfnbyWmeWXS8vPPvtpTdM+o+n8lyPwhqpHx3cZlYgCKI2BuubadvdgqUmm0nAqKm5atQrfvOF6iKrKW1EVC+hd90d0r/kVnN1dcAaCEFUPRF2AnksineuFOWcBJnztm/DOmscsHLpISV955VX4cMeH8FJuBS9xGMDT9A/SKYOpYyjLwf5k2ax9ZvNbb1/KThJGcI2IOuznNjc3q8FQ8Eld1z5DNiYrliyTBhtU+ak2RZDFkUxTfQx3cI4COpmCIslY9a1v4cZVq1iHXN2ykOvuQucTj8B45SUEiN89HhikaMlMLGnI9RxBMhBG4MqvoOGTn4bicjN+3br1XVx11VU4ePAAPD4v6KC0skGhrRBpAciyOC51lPcsmYCKLD+Tiicub2lpGXFl0aiAJqBWrFghl0r6w4alf5HZlBVdaGwgCVSaFJPo8um6/X99PC0ISNPPLAH/fP31uOWmm+BwqEjmskgm0jAP7oP4yktQtr1DlA1dITfcglQ0Ybp90Jcsg3b6mXBPmITamihkUcSmTZtw+eWXors7Bq/Hy0IClQJAio+sDOJoAprXQ/Y3eWWyUuZytgtJT8jKb1RJvnr9+vWjqmMeNdBlMIWly5evNkzjX3Vds/Vhn0JkoALM8yOwbXe9EmQaQDqVYjGPa7/xDdz+ve9DES20dXQiKypw+10ovfwC8g89hFq3A85oCMVcHol4GsK8OfB85avIhRtRjKfQUBNBTTiMjW+8js9fdhkol9Dr9TGHxN7+tjST40F2MAFNFFLZ3o0bHuU+17JkyaL8gzffeOPmEWbMD9i4Jwo0e9jSpUsvNy3rF7que3hmRtl5EEXmhVGCey6TYZMhkCt/Fxb9m7rTaKaBK6+4Cj+8/Q7WuabjcA/g8sDlEtH57OM4dNd9mB6NYPL06cjE09h9cD+weD4mfesmiJHxyPfE4PdSu+EQXl77Z1xzzddQKJTg9niPOryw6avcVwPKAKDLMRw6TVekrCgIX3tr41tPjICOh7x1TICmJ5+15KzZpmyu0Q19PmvvTr/ogGX6l6uzwIM1vE9/rj9rlbnxGdZZ4MILLsZtt32PNQPszRYgqy64C2nsffjn+OiXD6HR78X4+onIpPNoPdIG5/xZaLrpR1CnzEAxm6Y8N0YDzz33DFatWsV0B0mtTQMkpUQXVNHKGtCWC3rY4pelmDlaokh8vM0QpCs3vf76sM5INYswZkDTy6ZNm+aor6+/zTCN/6XphkwmIJE3ddslKSKAKWZCxZw0OZuvS/kCtGIJS5ctwx133IbGiZOQLmmAokI50oa9996Jwy++AC9Rh8OLUkFHNp+Ec+pkzLj1TqjN81nlq48CXKKEx9c8ju9+9xbmmVIHc5sKCFgCOBQKMbDpYsX2bKdRAo9IfK7LsnxfV0fnzXv27Pm/7xfeVK7qsmXLTrME6wHTNBbyRHGLBe4T8TizRW2Q7c8Q8MVCCYsXLsTdd/0Ik6ZORVLTYakKzF3vY/8dq5F9dwtUrxeWrMKkhoCFDBAOYeqtd8BzxjIWGfTJKnOcHv7VL3D77Xcwr5UyhmxFZ3+3KYO55uVDChZLF8WtoiBe+8YbbxwzCleN9A51z5hK9KAXiMuXL/2yKIqr09lsY3dPjIUnyTSr9A5JknLFEugk59S5c/Hju+/C9KaZSGsGLFlA4a0N2PfD22EcPADFEyTjlyJR0HNplFQHpq+6CcHzL4GhOOBRFaYoH3zgZ/jxPffA6aTf8EYSXU7YKVsWpDeYZAdDCIaCZFp2GKZ+85sb36RedcOla48K65MJNBvQ5MmTnR6f57pEMvUtXdcbmSIaYEpxj4s6DsyeNRN33/tjzJ27AHnqF1rKo/tPz2DvT++DEk9AdgUhCipEqwS9lEFGMzH1G/+Eus9eAdMXgNvhQDrWg5/cdx/uf+ABuDykTAfGOWhMdlPbQCDQHo6EfuxUnD9fv379f89fszfEsqvjJjZeIVnC1yHgdK4seTknBWsoXn3KtCm4+567ceppS1GgzPJUNw6seQitax6Fp6hDcgQAQWFZqGYhg0Qhiwlf+BIm/I9rIUZq4VWoIXgH7rrzTjz22GPMK3S63XwotvvPFDQ2ixJ+1n6onayJETsfoxHpky7RQw2qsbFxvinii4KJSyVJmki0QS3gJk1uxL133YMlZ5+LHPWBPrAL++6/Fz1/+iPcdLbi9sC0JPbbfY18BqlsEnWXfBKTv/EvUCZPRdDtRMeB/fj+92/DU0//DoGgn+V0sCW1zEOWid+JwKPt7e19GUSjAW00n/mrAF050IaGhoVFw7gomUmumDRxwhn33/t/fCvPO5/1Dk29vwUf/WA1km+9yY6WLJcDmkAVsBLMfB6FZBzB5ctxyndWIzh/IVyyiI62Nnz729/Bk089lQ4EAm97vO71hma82NHR8f/eL/c9jkRITz755KxPfupTcwVJaO585aWpu++9e0Jh144al8MbtlTVq4maynJo8kZJSyYzavOs3imr/rWndum5rQG3e+/BvXtbbrnllu2//e1vd4w08DMaSa32M391ia52oP/d7/svWaHseLbroIkAAAAASUVORK5CYII='
+      );
+    }
+  },
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    handleSuccess(response, file) {
+      const res = file.response;
+      if (res.url && util.startWith(res.url, ['http', 'https', '/'])) {
+        this.userHead = res.url;
+      } else {
+        this.userHead = downloadByAdjunctId + '?adjunctId=' + res.adjunctId;
+      }
+      this.$emit('change', this.userHead);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,188 @@
+<template>
+  <div class="es-simplicity-handler">
+    <div class="es-simplicity-handler-time">{{ time }}</div>
+    <div class="es-simplicity-handler-date">
+      {{ date }}
+    </div>
+    <div class="es-simplicity-online">
+      当前
+      <span class="es-simplicity-online-num" :class="{ 'es-pointer': isClick }">
+        {{ online }}
+      </span>
+      人在线
+    </div>
+    <template v-for="item in lists">
+      <template v-if="isShow(item.type)">
+        <el-badge
+          class="es-simplicity-handler-item"
+          v-if="item.type === 'notice'"
+          :key="item.type"
+          :value="noticeNum"
+          :max="99"
+          :hidden="noticeNum === 0"
+        >
+          <div
+            class="es-simplicity-handler-icon"
+            :title="item.title"
+            :class="item.icon"
+            @click="handleClick(item)"
+          ></div>
+        </el-badge>
+        <div
+          v-else
+          class="es-simplicity-handler-item es-simplicity-handler-icon"
+          :key="item.type"
+          :title="item.title"
+          :class="item.icon"
+          @click="handleClick(item)"
+        ></div>
+      </template>
+    </template>
+  </div>
+</template>
+
+<script>
+import util from 'eoss-ui/src/utils/util';
+let doorIndex = sessionStorage.getItem('doorIndex');
+export default {
+  name: 'Handler',
+  components: {},
+  props: {
+    search: {
+      type: Object,
+      default() {
+        return {
+          type: 'search',
+          icon: 'es-icon-magnifier',
+          title: '搜索'
+        };
+      }
+    },
+    index: {
+      type: Object,
+      default() {
+        return {
+          type: 'index',
+          open: doorIndex,
+          icon: 'es-icon-home',
+          title: '门户'
+        };
+      }
+    },
+    home: {
+      type: Object,
+      default() {
+        return {
+          type: 'home',
+          icon: 'es-icon-zuomian',
+          title: '个人工作台'
+        };
+      }
+    },
+    notice: {
+      type: Object,
+      default() {
+        return {
+          type: 'notice',
+          icon: 'es-icon-tongzhi',
+          title: '通知消息'
+        };
+      }
+    },
+    quit: {
+      type: Object,
+      default() {
+        return {
+          type: 'quit',
+          icon: 'es-icon-guanji',
+          title: '退出'
+        };
+      }
+    },
+    set: {
+      type: Object,
+      default() {
+        return {
+          type: 'set',
+          icon: 'es-icon-xitongguanli',
+          title: '设置'
+        };
+      }
+    },
+    data: Array,
+    hide: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    noticeNum: {
+      type: Number,
+      default: 0
+    },
+    online: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      time: '',
+      date: '',
+      timer: null
+    };
+  },
+  computed: {
+    lists() {
+      let data = this.data
+        ? this.data
+        : [
+            this.search,
+            this.index,
+            this.home,
+            this.notice,
+            this.quit,
+            this.set
+          ];
+      return data.filter((item) => {
+        return !this.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');
+      });
+    },
+    isShow(res) {
+      if (Array.isArray(this.hide)) {
+        return !this.hide.includes(res);
+      } else {
+        return !this.hide[res];
+      }
+    },
+    handleClick(res) {
+      this.$emit('click', res);
+    }
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>