agilebuilder-ui 1.1.65-tmp30 → 1.1.65-tmp31

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

@@ -1,230 +0,0 @@
-<template>
-  <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 v-else 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>
-</template>
-
-<script>
-import * as Vue from 'vue'
-import { mapGetters } from 'vuex'
-import { getRelativeBaseUrl, getURLSearchParamObj } from '../../../utils/common-util'
-export default {
-  name: 'TabContent',
-  data() {
-    let defaultPageTip = window.$vueApp.config.globalProperties.defaultPageTip
-    if (!defaultPageTip) {
-      defaultPageTip = '欢迎访问Agile Builder/Welcome to Agile Builder'
-    }
-    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)
-  },
-  unmounted() {
-    // 移除监听
-    window.removeEventListener('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) {
-          const orgParams = []
-          const orgPath = tag.routeQuery['src']
-          if (orgPath && orgPath.indexOf('?') > 0) {
-            const orgParamsStr = orgPath.substring(orgPath.indexOf('?') + 1)
-            const orgParamsArr = orgParamsStr.split('&')
-            orgParamsArr.forEach((item) => {
-              orgParams.push(item.substring(0, item.indexOf('=')))
-            })
-          }
-          for (const key in tag.routeQuery) {
-            if (key === 'src') {
-              src = tag.routeQuery[key]
-            } else {
-              if (orgParams.indexOf(key) < 0) {
-                // 表示原参数中没有该参数，则拼接该参数
-                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('&'))
-      }
-      const paramObj = getURLSearchParamObj(path)
-      if (paramObj && paramObj._isThird && paramObj._isThird === 'false') {
-        // 表示不是第3方系统，需要替换域名，内网外网部署时需要使用
-        path = getRelativeBaseUrl(path)
-      }
-      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)
-        try {
-          const messageData = JSON.parse(event.data)
-          messageData.isInTab = 'true'
-          window.parent.postMessage(JSON.stringify(messageData), '*')
-        } catch (error) {
-          console.error('dsc tab-content.vue中登录超时，json转换失败,event.data=',event.data)
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-iframe.tab-main-content {
-  width: 100%;
-  height: calc(100vh - 48px);
-}
-.ocean-blue {
-  :deep(.el-tabs__header .el-tabs__item.is-active) {
-    color: #0089ba;
-  }
-}
-
-:deep(.el-tabs__nav-scroll) {
-  background: #ffffff;
-  box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 0.2);
-}
-
-:deep(.el-tabs__header .el-tabs__item) {
-  background-image: url('../../../assets/tab-selectWhite.png') !important;
-  background-position: center;
-  background-size: 160% 100px;
-  padding: 0 20px 0 10px !important;
-}
-/* 去除table选中下划线 */
-:deep(.el-tabs__active-bar) {
-  display: none;
-}
-
-:deep(.el-tabs__item) {
-  padding: 0;
-  font-size: 16px;
-}
-
-/* 去掉tab横线 */
-:deep(.el-tabs__nav-wrap::after) {
-  width: 0;
-}
-
-/* 去掉卡片和tab表头的距离 */
-:deep(.el-tabs__header) {
-  margin: 0;
-}
-</style>
-
-<style>
-.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 +0,0 @@
-<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>

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

@@ -1,248 +0,0 @@
-<template>
-  <div class="wscn-http404-container">
-    <div class="wscn-http404">
-      <div class="pic-404">
-        <img class="pic-404__parent" src="../../assets/404/404.png" alt="404" />
-        <img
-          class="pic-404__child left"
-          src="../../assets/404/404-cloud.png"
-          alt="404"
-        />
-        <img
-          class="pic-404__child mid"
-          src="../../assets/404/404-cloud.png"
-          alt="404"
-        />
-        <img
-          class="pic-404__child right"
-          src="../../assets/404/404-cloud.png"
-          alt="404"
-        />
-      </div>
-      <div class="bullshit">
-        <!-- <div class="bullshit__oops">
-                OOPS!
-              </div>
-              <div class="bullshit__info">
-                版权所有
-                <a class="link-type" href="https://wallstreetcn.com" target="_blank">
-                  华尔街见闻
-                </a>
-              </div> -->
-        <div class="bullshit__headline">
-          {{ message }}
-        </div>
-        <div class="bullshit__info">请检查您输入的网址是否正确</div>
-        <!-- <a href="" class="bullshit__return-home">
-                返回首页
-              </a> -->
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Page404',
-  computed: {
-    message() {
-      return '页面不存在'
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.wscn-http404-container {
-  transform: translate(-50%, -50%);
-  position: absolute;
-  top: 40%;
-  left: 50%;
-}
-.wscn-http404 {
-  position: relative;
-  width: 1200px;
-  padding: 0 50px;
-  overflow: hidden;
-  .pic-404 {
-    position: relative;
-    float: left;
-    width: 600px;
-    overflow: hidden;
-    &__parent {
-      width: 100%;
-    }
-    &__child {
-      position: absolute;
-      &.left {
-        width: 80px;
-        top: 17px;
-        left: 220px;
-        opacity: 0;
-        animation-name: cloudLeft;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
-      &.mid {
-        width: 46px;
-        top: 10px;
-        left: 420px;
-        opacity: 0;
-        animation-name: cloudMid;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1.2s;
-      }
-      &.right {
-        width: 62px;
-        top: 100px;
-        left: 500px;
-        opacity: 0;
-        animation-name: cloudRight;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
-      @keyframes cloudLeft {
-        0% {
-          top: 17px;
-          left: 220px;
-          opacity: 0;
-        }
-        20% {
-          top: 33px;
-          left: 188px;
-          opacity: 1;
-        }
-        80% {
-          top: 81px;
-          left: 92px;
-          opacity: 1;
-        }
-        100% {
-          top: 97px;
-          left: 60px;
-          opacity: 0;
-        }
-      }
-      @keyframes cloudMid {
-        0% {
-          top: 10px;
-          left: 420px;
-          opacity: 0;
-        }
-        20% {
-          top: 40px;
-          left: 360px;
-          opacity: 1;
-        }
-        70% {
-          top: 130px;
-          left: 180px;
-          opacity: 1;
-        }
-        100% {
-          top: 160px;
-          left: 120px;
-          opacity: 0;
-        }
-      }
-      @keyframes cloudRight {
-        0% {
-          top: 100px;
-          left: 500px;
-          opacity: 0;
-        }
-        20% {
-          top: 120px;
-          left: 460px;
-          opacity: 1;
-        }
-        80% {
-          top: 180px;
-          left: 340px;
-          opacity: 1;
-        }
-        100% {
-          top: 200px;
-          left: 300px;
-          opacity: 0;
-        }
-      }
-    }
-  }
-  .bullshit {
-    position: relative;
-    float: left;
-    width: 300px;
-    padding: 30px 0;
-    overflow: hidden;
-    &__oops {
-      font-size: 32px;
-      font-weight: bold;
-      line-height: 40px;
-      color: #1482f0;
-      opacity: 0;
-      margin-bottom: 20px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-fill-mode: forwards;
-    }
-    &__headline {
-      font-size: 20px;
-      line-height: 24px;
-      color: #222;
-      font-weight: bold;
-      opacity: 0;
-      margin-bottom: 10px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.1s;
-      animation-fill-mode: forwards;
-    }
-    &__info {
-      font-size: 13px;
-      line-height: 21px;
-      color: grey;
-      opacity: 0;
-      margin-bottom: 30px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.2s;
-      animation-fill-mode: forwards;
-    }
-    &__return-home {
-      display: block;
-      float: left;
-      width: 110px;
-      height: 36px;
-      background: #1482f0;
-      border-radius: 100px;
-      text-align: center;
-      color: #ffffff;
-      opacity: 0;
-      font-size: 14px;
-      line-height: 36px;
-      cursor: pointer;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.3s;
-      animation-fill-mode: forwards;
-    }
-    @keyframes slideUp {
-      0% {
-        transform: translateY(60px);
-        opacity: 0;
-      }
-      100% {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-  }
-}
-</style>

package/src/views/layout/EmptyLayout.vue

@@ -1,3 +0,0 @@
-<template>
-  <router-view />
-</template>

package/src/views/layout/Layout.vue

@@ -1,85 +0,0 @@
-<template>
-  <div :class="classObj" class="app-wrapper">
-    <div
-      v-if="device === 'mobile' && sidebar.opened"
-      class="drawer-bg"
-      @click="handleClickOutside"
-    />
-    <sidebar class="sidebar-container" />
-    <div class="main-container">
-      <breadcrumb v-if="showMenuRoute" />
-      <app-main />
-    </div>
-  </div>
-</template>
-
-<script>
-import { Sidebar, AppMain, Breadcrumb } from './components'
-import ResizeMixin from './mixin/ResizeHandler'
-import { isShowMenuRoute } from '../../../src/utils/common-util'
-import {showWatermarkNew} from '../../utils/watermark'
-
-export default {
-  name: 'Layout',
-  components: {
-    Sidebar,
-    AppMain,
-    Breadcrumb,
-  },
-  mixins: [ResizeMixin],
-  data() {
-    // 是否显示菜单路径，默认是不显示
-    const showMenuRoute = isShowMenuRoute()
-    return {
-      showMenuRoute,
-    }
-  },
-  computed: {
-    sidebar() {
-      return this.$store.state.app.sidebar
-    },
-    device() {
-      return this.$store.state.app.device
-    },
-    classObj() {
-      return {
-        hideSidebar: !this.sidebar.opened,
-        openSidebar: this.sidebar.opened,
-        withoutAnimation: this.sidebar.withoutAnimation,
-        mobile: this.device === 'mobile',
-      }
-    },
-  },
-  mounted(){
-    showWatermarkNew()
-  },
-  methods: {
-    handleClickOutside() {
-      this.$store.dispatch('closeSidebar', { withoutAnimation: false })
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-@import '../../styles/mixin.scss';
-.app-wrapper {
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  width: 100%;
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
-  }
-}
-.drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 999;
-}
-</style>

package/src/views/layout/NewLayout.vue

@@ -1,18 +0,0 @@
-<template>
-  <div class="app-wrapper">
-    <div class="tab-main-container">
-      <!-- <tab-content/> -->
-      <app-main />
-    </div>
-  </div>
-</template>
-
-<script>
-import AppMain from './components/AppMain.vue'
-export default {
-  name: 'NewLayout',
-  components: {
-    AppMain
-  }
-}
-</script>