eoss-ui 0.5.81-beta2 → 0.5.81-beta21

package/packages/main/src/main.vue

@@ -1,35 +1,61 @@
 <template>
   <div class="es-main-box">
-    <es-main-simplicity
+    <simplicity
       ref="main"
       v-if="type == 'simplicity'"
       :appCode="appCode"
       v-bind="$attrs"
       v-on="$listeners"
-    ></es-main-simplicity>
-    <es-main-default
+    ></simplicity>
+    <main-default
       v-else
       v-bind="$attrs"
       ref="main"
       v-on="$listeners"
-    ></es-main-default>
+    ></main-default>
+
+    <!-- 公用弹窗 -->
+    <es-dialog
+      v-for="(item, index) in dialogs"
+      :visible.sync="visibles[index]"
+      :key="item.id || item.name || index"
+      size="md"
+      v-bind="
+        exclAttribute({
+          data: item,
+          attrs: ['visible', 'url']
+        })
+      "
+      @closed="handleClosed(item, index)"
+    >
+      <iframe
+        v-if="visibles[index]"
+        width="100%"
+        height="100%"
+        frameborder="0"
+        :src="item.url"
+      ></iframe>
+    </es-dialog>
+    <!-- 公用弹窗 end -->
   </div>
 </template>
 <script>
-import EsMainSimplicity from './simplicity/index.vue';
-import EsMainDefault from './default/index.vue';
+import Simplicity from './simplicity/index.vue';
+import MainDefault from './default/index.vue';
 import util from 'eoss-ui/src/utils/util';
+import WujieVue from 'wujie-vue2';
+const { bus } = WujieVue;
 export default {
   name: 'EsMain',
   inheritAttrs: false,
   provide() {
     return {
-      esMain: this
+      reLogin: this.handleReLogin
     };
   },
   components: {
-    EsMainSimplicity,
-    EsMainDefault
+    Simplicity,
+    MainDefault
   },
   props: {
     type: String
@@ -38,23 +64,171 @@ export default {
   watch: {},
   data() {
     return {
-      appCode: ''
+      appCode: '',
+      params: {},
+      dialogs: [],
+      visibles: []
     };
   },
   created() {
-    let params = util.getParams() || {};
-    this.appCode = params.appCode;
-    this.getConfig(params);
+    this.params = util.getParams() || {};
+    this.appCode = this.params.appCode;
+    this.getConfig(this.params);
+    // 主应用监听事件
+  },
+  mounted() {
+    if (util.win.$wujie) {
+      util.win.$wujie.bus.$on('changeTheme', (res) => {
+        util.updateTheme(res);
+      });
+    }
+
+    util.win.reLogin = this.handleReLogin;
+    util.win.windowOpen = this.openPage;
+    util.win.refresh = this.$refs.main.handleRefresh;
+    util.win.jumpMenu = this.$refs.main.jumpMenu;
+    bus.$on('reLogin', this.handleReLogin);
+    bus.$on('refresh', this.$refs.main.handleRefresh);
+    bus.$on('jumpMenu', this.$refs.main.jumpMenu);
+    bus.$on('emit', function (method, args) {
+      // 主应用发送事件
+      bus.$emit(method, args);
+    });
+
+    window.addEventListener('message', (method, args) => {
+      switch (method) {
+        case 'reLogin':
+          this.handleReLogin(args);
+          break;
+        case 'refresh':
+          this.$refs.main.handleRefresh(args);
+          break;
+        case 'jumpMenu':
+          this.$refs.main.jumpMenu(args);
+          break;
+        case 'emit':
+          let origin = args.origin || '*';
+          window.postMessage(args, origin);
+          break;
+        case 'openDialog':
+          this.dialogs.push(args);
+          let index = this.visibles.length;
+          this.visibles.push(false);
+          this.$nextTick(() => {
+            this.$set(this.visibles, index, true);
+          });
+          break;
+        case 'closeDialog':
+          for (let i = 0; i < this.dialogs.length; i++) {
+            let item = this.dialogs[i];
+            if (item.url == args.url) {
+              this.$set(this.visibles, i, false);
+            }
+          }
+          break;
+      }
+    });
   },
-  mounted() {},
   methods: {
+    /**
+     * @desc:重新登录
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    handleReLogin(res) {
+      if (res && typeof res == 'string') {
+        res = JSON.parse(res);
+      }
+      let msg = '提示';
+      let btn = {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        closeOnClickModal: false,
+        type: 'warning'
+      };
+      if (res) {
+        if (res.rCode === 69) {
+          msg = '该账号在其他地方已登陆!';
+          btn = {
+            confirmButtonText: '确定',
+            closeOnClickModal: false,
+            type: 'warning'
+          };
+        } else {
+          msg = '登录已过期，请重新登录！';
+        }
+      }
+      cl;
+      let remind = sessionStorage.getItem('remind');
+      if (!remind) {
+        clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+          console.log('handleReLogin');
+          sessionStorage.setItem('remind', 1);
+          this.$confirm(msg, btn)
+            .then(() => {
+              util.removeStorage([
+                'Authorization',
+                'token',
+                'ssId',
+                'userId',
+                'userName',
+                'auth',
+                'deviceUnique',
+                'menus',
+                'useCaseCodes',
+                'mainConfig',
+                'jump'
+              ]);
+              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.postMessage({ type: 1 }, '*');
+              }
+            })
+            .catch((e) => {
+              sessionStorage.removeItem('remind');
+            });
+        }, 2000);
+      }
+    },
     /**
      * @desc:获取系统配置
      * @author huangbo
      * @date 2024年9月7日
      **/
     getConfig(query) {
-      console.log(121212);
       const token =
         util.getStorage('token') || util.getStorage('Authorization');
       if (
@@ -64,11 +238,64 @@ export default {
       ) {
         return false;
       }
-      if (!util.getStorage('mainConfig')) {
+      let mainConfig = util.getStorage('mainConfig');
+      if (!mainConfig || mainConfig == '{}') {
         util.getMainConfig((res) => {
           this.$refs.main.init(res);
         });
       }
+    },
+    /**
+     * @desc:打开页面
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    openPage(url, name, width, height) {
+      let src = url;
+      if (!util.startWith(url, ['http', '/'], true)) {
+        let pathname = window.location.pathname;
+        if (pathname !== '/') {
+          pathname = pathname.split('/');
+          pathname.splice(pathname.length - 1);
+          pathname = pathname.join('/');
+        }
+        src = pathname + url.replace('./', '/');
+      }
+      if (name) {
+        let w = 0;
+        let h = 0;
+        try {
+          w = width ? width : util.win.top.screen.availWidth - 10;
+          h = height ? height : util.win.top.screen.availHeight - 60;
+        } catch (error) {
+          w = width ? width : util.win.screen.availWidth - 10;
+          h = height ? height : util.win.screen.availHeight - 60;
+        }
+        return util.win.open(
+          src,
+          name,
+          `width=${w}px,height=${h}px,resizable=yes,status=yes,menubar=no,scrollbars=yes`
+        );
+      } else {
+        return util.win.open(src);
+      }
+    },
+    /**
+     * @desc:排除属性
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    exclAttribute({ data, attrs }) {
+      return util.exclAttribute({ data, attrs });
+    },
+    /**
+     * @desc:关闭dialog
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    handleClosed(res, index) {
+      this.dialogs.splice(index, 1);
+      this.visibles.splice(index, 1);
     }
   },
   beforeDestroy() {}

package/packages/main/src/public/online.vue

@@ -0,0 +1,90 @@
+<template>
+  <es-data-table
+    numbers
+    :url="sysuseronline"
+    :thead="thead"
+    page
+  ></es-data-table>
+</template>
+
+<script>
+import { userOnline } from 'eoss-ui/src/config/api.js';
+export default {
+  name: 'Online',
+  components: {},
+  props: {
+    sysuseronline: {
+      type: String,
+      default: userOnline
+    }
+  },
+  data() {
+    return {
+      thead: [
+        {
+          title: '单位',
+          field: 'orgName',
+          align: 'center',
+          minWidth: 120
+        },
+        {
+          title: '部门',
+          field: 'depName',
+          align: 'center',
+          minWidth: 120
+        },
+        {
+          title: '姓名',
+          field: 'userName',
+          align: 'center',
+          width: 120
+        },
+        {
+          title: '职务',
+          field: 'position',
+          align: 'center',
+          width: 120
+        },
+        {
+          title: '账号',
+          field: 'loginName',
+          align: 'center',
+          width: 120
+        },
+        {
+          title: '登录时间',
+          field: 'loginDate',
+          align: 'center',
+          width: 150
+        },
+        {
+          title: '登录次数',
+          field: 'freQuency',
+          align: 'center',
+          width: 110
+        },
+        {
+          title: '登录方式',
+          field: 'loginModel',
+          align: 'center',
+          width: 100,
+          render: (h, params) => {
+            let {
+              row: { loginModel }
+            } = params;
+            let types = ['普通登录', 'CA登录', '手机登录'];
+            return h('span', {}, [types[loginModel] || types[0]]);
+          }
+        }
+      ]
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped></style>