imatrix-ui 0.2.6-up → 0.2.7-up

package/src/views/dsc-component/tabs/tab-content.vue

@@ -1,203 +1,203 @@
-<template>
-  <div>
-    <el-tabs
-      v-if="openTab && openTab.length > 0"
-      v-model="activeIndex"
-      class="nav-tab menu-tab-container"
-      closable
-      @tab-remove="closeSelectedTag"
-    >
-      <el-tab-pane
-        v-for="tag in openTab"
-        :key="tag.code"
-        :label="tag.name"
-        :name="tag.code"
-      >
-        <iframe
-          ref="tabMainContent"
-          :src="getFullPath(tag)"
-          class="tab-main-content"
-          name="tab-main-content"
-          frameborder="0"
-        />
-      </el-tab-pane>
-    </el-tabs>
-    <div class="default-page-tip">
-      <div class="default-page-tip-msg">
-        <div class="default-page-tip-item">
-          {{ defaultPageTipCn }}
-        </div>
-        <div class="default-page-tip-item">
-          {{ defaultPageTipEn }}
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import * as Vue from 'vue'
-import { mapGetters } from 'vuex'
-export default {
-  name: 'TabContent',
-  data() {
-    let defaultPageTip = window.$vueApp.config.globalProperties.defaultPageTip
-    if (!defaultPageTip) {
-      defaultPageTip =
-        '欢迎访问质量管理系统/Welcome to Quality Management System'
-    }
-    let defaultPageTipCn = defaultPageTip
-    let defaultPageTipEn
-    if (defaultPageTip && defaultPageTip.indexOf('/') > 0) {
-      defaultPageTipCn = defaultPageTip.substring(
-        0,
-        defaultPageTip.lastIndexOf('/')
-      )
-      defaultPageTipEn = defaultPageTip.substring(
-        defaultPageTip.lastIndexOf('/') + 1
-      )
-    }
-    return {
-      defaultPageTipCn,
-      defaultPageTipEn,
-    }
-  },
-  computed: {
-    ...mapGetters(['openTab']),
-    activeIndex: {
-      get() {
-        return this.$store.state.tabContent.activeIndex
-      },
-      set(val) {
-        this.$store.commit('set_active_index', val)
-      },
-    },
-  },
-  created() {
-    // 登录超时，给父iframe发送信号
-    window.addEventListener('message', this.recieveMessage)
-  },
-  methods: {
-    closeSelectedTag(tagName) {
-      const index = this.$store.state.tabContent.openTab.findIndex(
-        (item) => item.code === tagName
-      )
-      const view = this.$store.state.tabContent.openTab[index]
-      this.$store.commit('delete_tabs', view)
-      if (tagName === this.activeIndex) {
-        // 表示删除的是当前选中的菜单，选中前面的菜单
-        this.toLastView(
-          this.$store.state.tabContent.openTab,
-          index > 0 ? index - 1 : 0
-        )
-      }
-    },
-    toLastView(visitedViews, lastIndex) {
-      if (
-        visitedViews &&
-        visitedViews.length > 0 &&
-        visitedViews.length > lastIndex
-      ) {
-        const latestView = visitedViews[lastIndex]
-        if (latestView) {
-          this.$store.commit('set_active_index', latestView.code)
-        }
-      }
-    },
-    getFullPath(tag) {
-      let path
-      if (tag.routePath === '/dsc/iframe-page') {
-        // 表示是iframe页面
-        let src
-        let params = ''
-        if (tag.routeQuery) {
-          for (const key in tag.routeQuery) {
-            if (key === 'src') {
-              src = tag.routeQuery[key]
-            } else {
-              params += key + '=' + tag.routeQuery[key] + '&'
-            }
-          }
-        }
-        if (src) {
-          path = src
-        }
-        if (params) {
-          if (path && path.indexOf('?') > 0) {
-            path += '&' + params
-          } else {
-            path += '?' + params
-          }
-        }
-      } else {
-        // 表示页面跳转
-        path = '#' + tag.routePath + '?'
-        if (tag.routeQuery) {
-          for (const key in tag.routeQuery) {
-            path += key + '=' + tag.routeQuery[key] + '&'
-          }
-        }
-      }
-      if (
-        path &&
-        path.length > 0 &&
-        path.lastIndexOf('&') === path.length - 1
-      ) {
-        path = path.substring(0, path.lastIndexOf('&'))
-      }
-      return path
-    },
-    recieveMessage(event) {
-      if (
-        event &&
-        typeof event.data === 'string' &&
-        event.data.indexOf('loginTimeout') >= 0
-      ) {
-        // 表示iframe中的页面发送了登录超时的信号，将信号传给最外层window
-        console.log(
-          'tab-content-接收到登录超时的信息---event.data=',
-          event.data
-        )
-        window.parent.postMessage(event.data, '*')
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-iframe.tab-main-content {
-  width: 100%;
-  height: calc(100vh - 53px);
-}
-</style>
-
-<style>
-.nav-tab {
-  padding-top: 5px;
-  padding-left: 5px;
-}
-.nav-tab .el-tabs__header {
-  margin: 0;
-  /* border-bottom: 0px; */
-}
-.menu-tab-container .el-tabs__content {
-  padding: 0;
-}
-.default-page-tip {
-  width: 100%;
-  height: 100%;
-  background: #f7f7f8;
-}
-.default-page-tip-msg {
-  padding-top: 25%;
-  padding-bottom: 30%;
-  font-size: 24px;
-  font-weight: 600;
-  text-align: center;
-  color: gray;
-}
-.default-page-tip-item {
-  padding-top: 10px;
-}
-</style>
+<template>
+  <div>
+    <el-tabs
+      v-if="openTab && openTab.length > 0"
+      v-model="activeIndex"
+      class="nav-tab menu-tab-container"
+      closable
+      @tab-remove="closeSelectedTag"
+    >
+      <el-tab-pane
+        v-for="tag in openTab"
+        :key="tag.code"
+        :label="tag.name"
+        :name="tag.code"
+      >
+        <iframe
+          ref="tabMainContent"
+          :src="getFullPath(tag)"
+          class="tab-main-content"
+          name="tab-main-content"
+          frameborder="0"
+        />
+      </el-tab-pane>
+    </el-tabs>
+    <div class="default-page-tip">
+      <div class="default-page-tip-msg">
+        <div class="default-page-tip-item">
+          {{ defaultPageTipCn }}
+        </div>
+        <div class="default-page-tip-item">
+          {{ defaultPageTipEn }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import * as Vue from 'vue'
+import { mapGetters } from 'vuex'
+export default {
+  name: 'TabContent',
+  data() {
+    let defaultPageTip = window.$vueApp.config.globalProperties.defaultPageTip
+    if (!defaultPageTip) {
+      defaultPageTip =
+        '欢迎访问质量管理系统/Welcome to Quality Management System'
+    }
+    let defaultPageTipCn = defaultPageTip
+    let defaultPageTipEn
+    if (defaultPageTip && defaultPageTip.indexOf('/') > 0) {
+      defaultPageTipCn = defaultPageTip.substring(
+        0,
+        defaultPageTip.lastIndexOf('/')
+      )
+      defaultPageTipEn = defaultPageTip.substring(
+        defaultPageTip.lastIndexOf('/') + 1
+      )
+    }
+    return {
+      defaultPageTipCn,
+      defaultPageTipEn,
+    }
+  },
+  computed: {
+    ...mapGetters(['openTab']),
+    activeIndex: {
+      get() {
+        return this.$store.state.tabContent.activeIndex
+      },
+      set(val) {
+        this.$store.commit('set_active_index', val)
+      },
+    },
+  },
+  created() {
+    // 登录超时，给父iframe发送信号
+    window.addEventListener('message', this.recieveMessage)
+  },
+  methods: {
+    closeSelectedTag(tagName) {
+      const index = this.$store.state.tabContent.openTab.findIndex(
+        (item) => item.code === tagName
+      )
+      const view = this.$store.state.tabContent.openTab[index]
+      this.$store.commit('delete_tabs', view)
+      if (tagName === this.activeIndex) {
+        // 表示删除的是当前选中的菜单，选中前面的菜单
+        this.toLastView(
+          this.$store.state.tabContent.openTab,
+          index > 0 ? index - 1 : 0
+        )
+      }
+    },
+    toLastView(visitedViews, lastIndex) {
+      if (
+        visitedViews &&
+        visitedViews.length > 0 &&
+        visitedViews.length > lastIndex
+      ) {
+        const latestView = visitedViews[lastIndex]
+        if (latestView) {
+          this.$store.commit('set_active_index', latestView.code)
+        }
+      }
+    },
+    getFullPath(tag) {
+      let path
+      if (tag.routePath === '/dsc/iframe-page') {
+        // 表示是iframe页面
+        let src
+        let params = ''
+        if (tag.routeQuery) {
+          for (const key in tag.routeQuery) {
+            if (key === 'src') {
+              src = tag.routeQuery[key]
+            } else {
+              params += key + '=' + tag.routeQuery[key] + '&'
+            }
+          }
+        }
+        if (src) {
+          path = src
+        }
+        if (params) {
+          if (path && path.indexOf('?') > 0) {
+            path += '&' + params
+          } else {
+            path += '?' + params
+          }
+        }
+      } else {
+        // 表示页面跳转
+        path = '#' + tag.routePath + '?'
+        if (tag.routeQuery) {
+          for (const key in tag.routeQuery) {
+            path += key + '=' + tag.routeQuery[key] + '&'
+          }
+        }
+      }
+      if (
+        path &&
+        path.length > 0 &&
+        path.lastIndexOf('&') === path.length - 1
+      ) {
+        path = path.substring(0, path.lastIndexOf('&'))
+      }
+      return path
+    },
+    recieveMessage(event) {
+      if (
+        event &&
+        typeof event.data === 'string' &&
+        event.data.indexOf('loginTimeout') >= 0
+      ) {
+        // 表示iframe中的页面发送了登录超时的信号，将信号传给最外层window
+        console.log(
+          'tab-content-接收到登录超时的信息---event.data=',
+          event.data
+        )
+        window.parent.postMessage(event.data, '*')
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+iframe.tab-main-content {
+  width: 100%;
+  height: calc(100vh - 53px);
+}
+</style>
+
+<style>
+.nav-tab {
+  padding-top: 5px;
+  padding-left: 5px;
+}
+.nav-tab .el-tabs__header {
+  margin: 0;
+  /* border-bottom: 0px; */
+}
+.menu-tab-container .el-tabs__content {
+  padding: 0;
+}
+.default-page-tip {
+  width: 100%;
+  height: 100%;
+  background: #f7f7f8;
+}
+.default-page-tip-msg {
+  padding-top: 25%;
+  padding-bottom: 30%;
+  font-size: 24px;
+  font-weight: 600;
+  text-align: center;
+  color: gray;
+}
+.default-page-tip-item {
+  padding-top: 10px;
+}
+</style>

package/src/views/error-page/401.vue

@@ -1,106 +1,106 @@
-<template>
-  <div class="errPage-container">
-    <el-button :icon="ElIconArrowLeft" class="pan-back-btn" @click="back">
-      返回
-    </el-button>
-    <el-row>
-      <el-col :span="12">
-        <h1 class="text-jumbo text-ginormous">Oops!</h1>
-        gif来源<a href="https://zh.airbnb.com/" target="_blank"> airbnb </a>
-        页面
-        <h2>你没有权限去该页面</h2>
-        <h6>如有不满请联系你领导</h6>
-        <ul class="list-unstyled">
-          <li>或者你可以去:</li>
-          <li class="link-type">
-            <router-link to="/dashboard"> 回首页 </router-link>
-          </li>
-          <li class="link-type">
-            <a href="https://www.taobao.com/"> 随便看看 </a>
-          </li>
-          <li>
-            <a href="#" @click.prevent="dialogVisible = true"> 点我看图 </a>
-          </li>
-        </ul>
-      </el-col>
-      <el-col :span="12">
-        <img
-          :src="errGif"
-          width="313"
-          height="428"
-          alt="Girl has dropped her ice cream."
-        />
-      </el-col>
-    </el-row>
-    <el-dialog v-model="dialogVisible" title="随便看">
-      <img :src="ewizardClap" class="pan-img" />
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { ArrowLeft as ElIconArrowLeft } from '@element-plus/icons-vue'
-import errGif from '../../assets/401/401.gif'
-
-export default {
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date(),
-      ewizardClap:
-        'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
-      dialogVisible: false,
-      ElIconArrowLeft,
-    }
-  },
-  name: 'Page401',
-  methods: {
-    back() {
-      if (this.$route.query.noGoBack) {
-        this.$router.push({ path: '/dashboard' })
-      } else {
-        this.$router.go(-1)
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.errPage-container {
-  width: 800px;
-  max-width: 100%;
-  margin: 100px auto;
-  .pan-back-btn {
-    background: #008489;
-    color: #fff;
-    border: none !important;
-  }
-  .pan-gif {
-    margin: 0 auto;
-    display: block;
-  }
-  .pan-img {
-    display: block;
-    margin: 0 auto;
-    width: 100%;
-  }
-  .text-jumbo {
-    font-size: 60px;
-    font-weight: 700;
-    color: #484848;
-  }
-  .list-unstyled {
-    font-size: 14px;
-    li {
-      padding-bottom: 5px;
-    }
-    a {
-      color: #008489;
-      text-decoration: none;
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="errPage-container">
+    <el-button :icon="ElIconArrowLeft" class="pan-back-btn" @click="back">
+      返回
+    </el-button>
+    <el-row>
+      <el-col :span="12">
+        <h1 class="text-jumbo text-ginormous">Oops!</h1>
+        gif来源<a href="https://zh.airbnb.com/" target="_blank"> airbnb </a>
+        页面
+        <h2>你没有权限去该页面</h2>
+        <h6>如有不满请联系你领导</h6>
+        <ul class="list-unstyled">
+          <li>或者你可以去:</li>
+          <li class="link-type">
+            <router-link to="/dashboard"> 回首页 </router-link>
+          </li>
+          <li class="link-type">
+            <a href="https://www.taobao.com/"> 随便看看 </a>
+          </li>
+          <li>
+            <a href="#" @click.prevent="dialogVisible = true"> 点我看图 </a>
+          </li>
+        </ul>
+      </el-col>
+      <el-col :span="12">
+        <img
+          :src="errGif"
+          width="313"
+          height="428"
+          alt="Girl has dropped her ice cream."
+        />
+      </el-col>
+    </el-row>
+    <el-dialog v-model="dialogVisible" title="随便看">
+      <img :src="ewizardClap" class="pan-img" />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ArrowLeft as ElIconArrowLeft } from '@element-plus/icons-vue'
+import errGif from '../../assets/401/401.gif'
+
+export default {
+  data() {
+    return {
+      errGif: errGif + '?' + +new Date(),
+      ewizardClap:
+        'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
+      dialogVisible: false,
+      ElIconArrowLeft,
+    }
+  },
+  name: 'Page401',
+  methods: {
+    back() {
+      if (this.$route.query.noGoBack) {
+        this.$router.push({ path: '/dashboard' })
+      } else {
+        this.$router.go(-1)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+.errPage-container {
+  width: 800px;
+  max-width: 100%;
+  margin: 100px auto;
+  .pan-back-btn {
+    background: #008489;
+    color: #fff;
+    border: none !important;
+  }
+  .pan-gif {
+    margin: 0 auto;
+    display: block;
+  }
+  .pan-img {
+    display: block;
+    margin: 0 auto;
+    width: 100%;
+  }
+  .text-jumbo {
+    font-size: 60px;
+    font-weight: 700;
+    color: #484848;
+  }
+  .list-unstyled {
+    font-size: 14px;
+    li {
+      padding-bottom: 5px;
+    }
+    a {
+      color: #008489;
+      text-decoration: none;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+</style>