代码格式调整

src/assets/styles/components/crud.scss

@@ -5,7 +5,6 @@
     .popper__arrow {
       display: none;
     }
-
   }
   
   .ibps-actions {

src/store/modules/ibps/modules/user.js

@@ -256,7 +256,7 @@ export default {
                     token: token
                 }).then(async response => {
                     const data = response.data
-                    await router.push({ name: 'dashboard' })
+                    await router.push({ path: '/' })
                     // 更新token信息
                     await dispatch('ibps/account/updataTokenInfo', data, { root: true })
                     // 更新用户信息
@@ -271,7 +271,7 @@ export default {
                     location.reload()
                     // await dispatch('load')
                     // 重置路由
-                    // resetUrlRouter('/dashboard')
+                    // resetUrlRouter('/')
                     resolve(data)
                 }).catch(err => {
                     console.error('switchUser-err: ', err)
@@ -300,7 +300,7 @@ export default {
                     token: token
                 }).then(async response => {
                     const data = response.data
-                    await router.push({ name: 'dashboard' })
+                    await router.push({ path: '/' })
                     // 更新token信息
                     await dispatch('ibps/account/updataTokenInfo', data, { root: true })
                     // 更新用户信息

src/views/system/dashboard/components/index.js

@@ -25,33 +25,33 @@ Vue.component('ibps-marquee', IbpsMarquee)
 let init = false
 const components = []
 
-export function initColumn(systemAlias) {
-  findHashRightsColumn({
-    systemAlias: systemAlias
-  }).then(response => {
-    const dataResult = response.data
-    // 构建组件
-    dataResult.forEach(column => {
-      const name = `ibps-desktop-${column.alias}`
-      Vue.component(name, (resolve, reject) => {
-        resolve(buildComponent(name, column))
-      })
-      components.push(name)
+export function initColumn (systemAlias) {
+    findHashRightsColumn({
+        systemAlias: systemAlias
+    }).then(response => {
+        const dataResult = response.data
+        // 构建组件
+        dataResult.forEach(column => {
+            const name = `ibps-desktop-${column.alias}`
+            Vue.component(name, (resolve, reject) => {
+                resolve(buildComponent(name, column, false))
+            })
+            components.push(name)
+        })
+        init = true
+    }).catch((err) => {
+        init = true
+        console.error(err)
     })
-    init = true
-  }).catch((err) => {
-    init = true
-    console.error(err)
-  })
 }
 
 /**
  * 是否初始化
  */
-export function isInit() {
-  return init
+export function isInit () {
+    return init
 }
 
-export function getComponents() {
-  return components
+export function getComponents () {
+    return components
 }

src/views/system/dashboard/components/toolbar.vue

@@ -1,71 +1,71 @@
 <template>
-  <span v-if="actions" class="ibps-desktop-toolbar">
-    <el-button-group>
-      <template v-for="button in toolbars">
-        <el-tooltip
-          :key="button.key"
-          :content="getLabel(button)"
-          :placement="button.placement||'bottom-start'"
-        >
-          <el-button
-            :key="button.key"
-            :size="button.size||'mini'"
-            :type="getType(button)"
-            :icon="getIcon(button)"
-            :disabled="button.disabled"
-            :circle="button.circle||false"
-            :round="button.round||false"
-            class="toolbar-icon"
-            @click="emitEventHandler('action-event',button.key,position,button,toolbars)"
-          />
-        </el-tooltip>
-      </template>
-    </el-button-group>
-  </span>
+    <span v-if="actions" class="ibps-desktop-toolbar">
+        <el-button-group>
+            <template v-for="button in toolbars">
+                <el-tooltip
+                    :key="button.key"
+                    :content="getLabel(button)"
+                    :placement="button.placement||'bottom-start'"
+                >
+                    <el-button
+                        :key="button.key"
+                        :size="button.size||'mini'"
+                        :type="getType(button)"
+                        :icon="getIcon(button)"
+                        :disabled="button.disabled"
+                        :circle="button.circle||false"
+                        :round="button.round||false"
+                        class="toolbar-icon"
+                        @click="emitEventHandler('action-event',button.key,position,button,toolbars)"
+                    />
+                </el-tooltip>
+            </template>
+        </el-button-group>
+    </span>
 </template>
 <script>
 import { getButtonIcon } from '@/utils/button'
 export default {
-  props: {
-    actions: {
-      type: Array,
-      required: true
+    props: {
+        actions: {
+            type: Array,
+            required: true
+        },
+        position: {
+            type: String,
+            default: 'toolbar'
+        }
     },
-    position: {
-      type: String,
-      default: 'toolbar'
-    }
-  },
-  data() {
-    return {
-      toolbars: this.actions
-    }
-  },
-  methods: {
-    emitEventHandler(event) {
-      this.$emit(event, ...Array.from(arguments).slice(1))
-    },
-    getLabel({ label, key }) {
-      if (label) return label
-      return this.$te('common.buttons.' + key) ? this.$t('common.buttons.' + key) : key
+    data () {
+        return {
+            toolbars: this.actions
+        }
     },
-    getIcon({ icon, key }) {
-      if (icon) { return icon }
-      return getButtonIcon(key)
-    },
-    getType({ type, key }) {
-      if (type) { return type }
-      return null
-    },
-    callback(value) {
-      this.toolbars = value
+    methods: {
+        emitEventHandler (event) {
+            this.$emit(event, ...Array.from(arguments).slice(1))
+        },
+        getLabel ({ label, key }) {
+            if (label) return label
+            return this.$te('common.buttons.' + key) ? this.$t('common.buttons.' + key) : key
+        },
+        getIcon ({ icon, key }) {
+            if (icon) { return icon }
+            return getButtonIcon(key)
+        },
+        getType ({ type, key }) {
+            if (type) { return type }
+            return null
+        },
+        callback (value) {
+            this.toolbars = value
+        }
     }
-  }
 }
 </script>
 <style lang="scss" scoped>
-  .ibps-desktop-toolbar{
-    float: right;
-    margin-top: -5px;
-  }
+    .ibps-desktop-toolbar{
+        float: right;
+        margin-top: -5px;
+    }
 </style>

src/views/system/error/401/index.vue

@@ -1,96 +1,96 @@
 <template>
-  <ibps-container type="full" class="page">
-    <div class="error-page-container">
-      <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
-      <el-row>
-        <el-col :span="12">
-          <h1 class="text-jumbo text-ginormous">Oops!</h1>
-          <h2>{{ $t('error.page401.tip1') }}</h2>
-          <h6>{{ $t('error.page401.tip2') }}</h6>
-          <ul class="list-unstyled">
-            <li>{{ $t('error.page401.maybe') }}:</li>
-            <li class="link-type">
-              <el-button v-if="canBack" icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
-              <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
-            </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>
-    </div>
-  </ibps-container>
+    <ibps-container type="full" class="page">
+        <div class="error-page-container">
+            <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
+            <el-row>
+                <el-col :span="12">
+                    <h1 class="text-jumbo text-ginormous">Oops!</h1>
+                    <h2>{{ $t('error.page401.tip1') }}</h2>
+                    <h6>{{ $t('error.page401.tip2') }}</h6>
+                    <ul class="list-unstyled">
+                        <li>{{ $t('error.page401.maybe') }}:</li>
+                        <li class="link-type">
+                            <el-button v-if="canBack" icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
+                            <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
+                        </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>
+        </div>
+    </ibps-container>
 </template>
 
 <script>
 import errGif from '@/assets/images/error/401.gif'
 
 export default {
-  name: 'error-page401',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date()
-    }
-  },
-  computed: {
-    canBack() {
-      return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
-    }
-  },
-  methods: {
-    back() {
-      if (this.canBack) {
-        this.$router.push({ path: '/dashboard' })
-      } else {
-        this.$router.go(-1)
-      }
+    name: 'error-page401',
+    data () {
+        return {
+            errGif: errGif + '?' + +new Date()
+        }
     },
-    backHome() {
-      this.$router.push({ path: '/dashboard' })
+    computed: {
+        canBack () {
+            return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
+        }
     },
-    login() {
-      this.$store.dispatch('ibps/account/logout', {
-        vm: this
-      })
+    methods: {
+        back () {
+            if (this.canBack) {
+                this.$router.push({ path: '/' })
+            } else {
+                this.$router.go(-1)
+            }
+        },
+        backHome () {
+            this.$router.push({ path: '/' })
+        },
+        login () {
+            this.$store.dispatch('ibps/account/logout', {
+                vm: this
+            })
+        }
     }
-  }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .error-page-container {
-    width: 800px;
-    margin: 100px auto;
-    .pan-back-btn {
-      background: #008489;
-      color: #fff;
-    }
-    .pan-gif {
-      margin: 0 auto;
-      display: block;
-    }
-    .pan-img {
-      display: block;
-      margin: 0 auto;
-    }
-    .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;
+    .error-page-container {
+        width: 800px;
+        margin: 100px auto;
+        .pan-back-btn {
+            background: #008489;
+            color: #fff;
+        }
+        .pan-gif {
+            margin: 0 auto;
+            display: block;
+        }
+        .pan-img {
+            display: block;
+            margin: 0 auto;
+        }
+        .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>

src/views/system/error/403/index.vue

@@ -1,96 +1,96 @@
 <template>
-  <ibps-container type="full" class="page">
-    <div class="error-page-container">
-      <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
-      <el-row>
-        <el-col :span="12">
-          <h1 class="text-jumbo text-ginormous">Oops!</h1>
-          <h2>{{ $t('error.page403.tip1') }}</h2>
-          <h6>{{ $t('error.page403.tip2') }}</h6>
-          <ul class="list-unstyled">
-            <li>{{ $t('error.page403.maybe') }}:</li>
-            <li class="link-type">
-              <el-button v-if="canBack" icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
-              <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
-            </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>
-    </div>
-  </ibps-container>
+    <ibps-container type="full" class="page">
+        <div class="error-page-container">
+            <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
+            <el-row>
+                <el-col :span="12">
+                    <h1 class="text-jumbo text-ginormous">Oops!</h1>
+                    <h2>{{ $t('error.page403.tip1') }}</h2>
+                    <h6>{{ $t('error.page403.tip2') }}</h6>
+                    <ul class="list-unstyled">
+                        <li>{{ $t('error.page403.maybe') }}:</li>
+                        <li class="link-type">
+                            <el-button v-if="canBack" icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
+                            <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
+                        </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>
+        </div>
+    </ibps-container>
 </template>
 
 <script>
 import errGif from '@/assets/images/error/401.gif'
 
 export default {
-  name: 'error-page401',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date()
-    }
-  },
-  computed: {
-    canBack() {
-      return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
-    }
-  },
-  methods: {
-    back() {
-      if (this.canBack) {
-        this.$router.push({ path: '/dashboard' })
-      } else {
-        this.$router.go(-1)
-      }
+    name: 'error-page401',
+    data () {
+        return {
+            errGif: errGif + '?' + +new Date()
+        }
     },
-    backHome() {
-      this.$router.push({ path: '/dashboard' })
+    computed: {
+        canBack () {
+            return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
+        }
     },
-    login() {
-      this.$store.dispatch('ibps/account/logout', {
-        vm: this
-      })
+    methods: {
+        back () {
+            if (this.canBack) {
+                this.$router.push({ path: '/' })
+            } else {
+                this.$router.go(-1)
+            }
+        },
+        backHome () {
+            this.$router.push({ path: '/' })
+        },
+        login () {
+            this.$store.dispatch('ibps/account/logout', {
+                vm: this
+            })
+        }
     }
-  }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .error-page-container {
-    width: 800px;
-    margin: 100px auto;
-    .pan-back-btn {
-      background: #008489;
-      color: #fff;
-    }
-    .pan-gif {
-      margin: 0 auto;
-      display: block;
-    }
-    .pan-img {
-      display: block;
-      margin: 0 auto;
-    }
-    .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;
+    .error-page-container {
+        width: 800px;
+        margin: 100px auto;
+        .pan-back-btn {
+            background: #008489;
+            color: #fff;
+        }
+        .pan-gif {
+            margin: 0 auto;
+            display: block;
+        }
+        .pan-img {
+            display: block;
+            margin: 0 auto;
+        }
+        .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>

src/views/system/error/404/index.vue

@@ -1,23 +1,23 @@
 <template>
-  <ibps-container type="full" class="page">
-    <div class="error-page-container">
-      <div class="wscn-http404">
-        <div class="pic-404">
-          <img :src="img_404" class="pic-404__parent" alt="404">
-          <img :src="img_404_cloud" class="pic-404__child left" alt="404">
-          <img :src="img_404_cloud" class="pic-404__child mid" alt="404">
-          <img :src="img_404_cloud" class="pic-404__child right" alt="404">
+    <ibps-container type="full" class="page">
+        <div class="error-page-container">
+            <div class="wscn-http404">
+                <div class="pic-404">
+                    <img :src="img_404" class="pic-404__parent" alt="404">
+                    <img :src="img_404_cloud" class="pic-404__child left" alt="404">
+                    <img :src="img_404_cloud" class="pic-404__child mid" alt="404">
+                    <img :src="img_404_cloud" class="pic-404__child right" alt="404">
+                </div>
+                <div class="bullshit">
+                    <div class="bullshit__oops">OOPS!</div>
+                    <div class="bullshit__info"><a class="link-type" :href="url" target="_blank">{{ $t('common.company') }}</a>©{{ $t('common.copyright') }}</div>
+                    <div class="bullshit__headline">{{ message }}</div>
+                    <div class="bullshit__info">{{ $t('error.page404.info') }}</div>
+                    <a href="javascript:void(0)" class="bullshit__return-home" @click="backHome">{{ $t('error.backHome') }}</a>
+                </div>
+            </div>
         </div>
-        <div class="bullshit">
-          <div class="bullshit__oops">OOPS!</div>
-          <div class="bullshit__info"><a class="link-type" :href="url" target="_blank">{{ $t('common.company') }}</a>©{{ $t('common.copyright') }}</div>
-          <div class="bullshit__headline">{{ message }}</div>
-          <div class="bullshit__info">{{ $t('error.page404.info') }}</div>
-          <a href="javascript:void(0)" class="bullshit__return-home" @click="backHome">{{ $t('error.backHome') }}</a>
-        </div>
-      </div>
-    </div>
-  </ibps-container>
+    </ibps-container>
 </template>
 
 <script>
@@ -25,220 +25,219 @@ import img404 from '@/assets/images/error/404.png'
 import img404Cloud from '@/assets/images/error/404_cloud.png'
 
 export default {
-  name: 'error-page404',
-  data() {
-    return {
-      img_404: img404,
-      img_404_cloud: img404Cloud,
-      url: process.env.VUE_APP_BASE_URL
-    }
-  },
-  computed: {
-    message() {
-      return this.$t('error.page404.message')
-    }
-  },
-  methods: {
-    backHome() {
-      this.$router.push({
-        path: '/dashboard'
-      })
+    name: 'error-page404',
+    data () {
+        return {
+            img_404: img404,
+            img_404_cloud: img404Cloud,
+            url: process.env.VUE_APP_BASE_URL
+        }
+    },
+    computed: {
+        message () {
+            return this.$t('error.page404.message')
+        }
+    },
+    methods: {
+        backHome () {
+            this.$router.push({
+                path: '/'
+            })
+        }
     }
-  }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.error-page-container{
-  overflow: auto;
-  height: 100%;
-.wscn-http404 {
-  position: relative;
-  // width: 1200px;
-  // margin: 20px auto 60px;
-  padding: 0 100px;
-  overflow: hidden;
-  .pic-404 {
-    position: relative;
-    float: left;
-    width: 600px;
-    padding-top: 150px;
-    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;
+    .error-page-container{
+        overflow: auto;
+        height: 100%;
+        .wscn-http404 {
+            position: relative;
+            // width: 1200px;
+            // margin: 20px auto 60px;
+            padding: 0 100px;
+            overflow: hidden;
+            .pic-404 {
+                position: relative;
+                float: left;
+                width: 600px;
+                padding-top: 150px;
+                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-top: 150px;
+                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: #1482f0;
+                    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;
+                    }
+                }
+            }
         }
-        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-top: 150px;
-    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: #1482f0;
-      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>

src/views/system/error/500/index.vue

@@ -1,96 +1,96 @@
 <template>
-  <ibps-container type="full" class="page">
-    <div class="error-page-container">
-      <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
-      <el-row>
-        <el-col :span="12">
-          <h1 class="text-jumbo text-ginormous">Oops!</h1>
-          <h2>{{ $t('error.page500.tip1') }}</h2>
-          <h6>{{ $t('error.page500.tip2') }}</h6>
-          <ul class="list-unstyled">
-            <li>{{ $t('error.page500.maybe') }}:</li>
-            <li class="link-type">
-              <el-button icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
-              <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
-            </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>
-    </div>
-  </ibps-container>
+    <ibps-container type="full" class="page">
+        <div class="error-page-container">
+            <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
+            <el-row>
+                <el-col :span="12">
+                    <h1 class="text-jumbo text-ginormous">Oops!</h1>
+                    <h2>{{ $t('error.page500.tip1') }}</h2>
+                    <h6>{{ $t('error.page500.tip2') }}</h6>
+                    <ul class="list-unstyled">
+                        <li>{{ $t('error.page500.maybe') }}:</li>
+                        <li class="link-type">
+                            <el-button icon="ibps-icon-home" type="primary" @click="backHome">{{ $t('error.backHome') }}</el-button>
+                            <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
+                        </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>
+        </div>
+    </ibps-container>
 </template>
 
 <script>
 import errGif from '@/assets/images/error/401.gif'
 
 export default {
-  name: 'error-page500',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date()
-    }
-  },
-  computed: {
-    canBack() {
-      return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
-    }
-  },
-  methods: {
-    back() {
-      if (this.canBack) {
-        this.$router.push({ path: '/dashboard' })
-      } else {
-        this.$router.go(-1)
-      }
+    name: 'error-page500',
+    data () {
+        return {
+            errGif: errGif + '?' + +new Date()
+        }
     },
-    backHome() {
-      this.$router.push({ path: '/dashboard' })
+    computed: {
+        canBack () {
+            return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
+        }
     },
-    login() {
-      this.$store.dispatch('ibps/account/logout', {
-        vm: this
-      })
+    methods: {
+        back () {
+            if (this.canBack) {
+                this.$router.push({ path: '/' })
+            } else {
+                this.$router.go(-1)
+            }
+        },
+        backHome () {
+            this.$router.push({ path: '/' })
+        },
+        login () {
+            this.$store.dispatch('ibps/account/logout', {
+                vm: this
+            })
+        }
     }
-  }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .errPage-container {
-    width: 800px;
-    margin: 100px auto;
-    .pan-back-btn {
-      background: #008489;
-      color: #fff;
-    }
-    .pan-gif {
-      margin: 0 auto;
-      display: block;
-    }
-    .pan-img {
-      display: block;
-      margin: 0 auto;
-    }
-    .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;
+    .errPage-container {
+        width: 800px;
+        margin: 100px auto;
+        .pan-back-btn {
+            background: #008489;
+            color: #fff;
+        }
+        .pan-gif {
+            margin: 0 auto;
+            display: block;
+        }
+        .pan-img {
+            display: block;
+            margin: 0 auto;
+        }
+        .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>

src/views/system/error/nomenu/index.vue

@@ -1,96 +1,96 @@
 <template>
-  <ibps-container type="full" class="page">
-    <div class="error-page-container">
-      <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
-      <el-row>
-        <el-col :span="12">
-          <h1 class="text-jumbo text-ginormous">Oops!</h1>
-          <h2>该用户没有系统没有菜单资源</h2>
-          <h6>请与系统管理员联系</h6>
-          <ul class="list-unstyled">
-            <li>{{ $t('error.page403.maybe') }}:</li>
-            <li class="link-type">
-              <el-button icon="ibps-icon-home" type="primary" @click="selectSystem">重新选择子系统</el-button>
-              <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
-            </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>
-    </div>
-  </ibps-container>
+    <ibps-container type="full" class="page">
+        <div class="error-page-container">
+            <el-button v-if="canBack" icon="el-icon-back" class="pan-back-btn" @click="back">{{ $t('error.back') }}</el-button>
+            <el-row>
+                <el-col :span="12">
+                    <h1 class="text-jumbo text-ginormous">Oops!</h1>
+                    <h2>该用户没有系统没有菜单资源</h2>
+                    <h6>请与系统管理员联系</h6>
+                    <ul class="list-unstyled">
+                        <li>{{ $t('error.page403.maybe') }}:</li>
+                        <li class="link-type">
+                            <el-button icon="ibps-icon-home" type="primary" @click="selectSystem">重新选择子系统</el-button>
+                            <el-button icon="ibps-icon-check" type="info" @click="login">{{ $t('error.reLogin') }}</el-button>
+                        </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>
+        </div>
+    </ibps-container>
 </template>
 
 <script>
 import errGif from '@/assets/images/error/401.gif'
 
 export default {
-  name: 'error-page401',
-  data() {
-    return {
-      errGif: errGif + '?' + +new Date()
-    }
-  },
-  computed: {
-    canBack() {
-      return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
-    }
-  },
-  methods: {
-    back() {
-      if (this.canBack) {
-        this.$router.push({ path: '/dashboard' })
-      } else {
-        this.$router.go(-1)
-      }
+    name: 'error-page401',
+    data () {
+        return {
+            errGif: errGif + '?' + +new Date()
+        }
     },
-    selectSystem() {
-      this.$router.push({ path: '/systemSelect' })
+    computed: {
+        canBack () {
+            return !(this.$route.query.noGoBack === 'true' || this.$route.query.noGoBack)
+        }
     },
-    login() {
-      this.$store.dispatch('ibps/account/logout', {
-        vm: this
-      })
+    methods: {
+        back () {
+            if (this.canBack) {
+                this.$router.push({ path: '/' })
+            } else {
+                this.$router.go(-1)
+            }
+        },
+        selectSystem () {
+            this.$router.push({ path: '/systemSelect' })
+        },
+        login () {
+            this.$store.dispatch('ibps/account/logout', {
+                vm: this
+            })
+        }
     }
-  }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .error-page-container {
-    width: 800px;
-    margin: 100px auto;
-    .pan-back-btn {
-      background: #008489;
-      color: #fff;
-    }
-    .pan-gif {
-      margin: 0 auto;
-      display: block;
-    }
-    .pan-img {
-      display: block;
-      margin: 0 auto;
-    }
-    .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;
+    .error-page-container {
+        width: 800px;
+        margin: 100px auto;
+        .pan-back-btn {
+            background: #008489;
+            color: #fff;
+        }
+        .pan-gif {
+            margin: 0 auto;
+            display: block;
+        }
+        .pan-img {
+            display: block;
+            margin: 0 auto;
+        }
+        .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>

src/views/system/system/index.vue

@@ -1,49 +1,49 @@
 <template>
-  <div class="ibps-login-select-system login-container pull-height">
-    <login-info />
-    <div class="login-border pull-height">
-      <div class="login-main animated fadeIn">
-        <div class="login-title-container">
-          <h3 class="title"><i class="ibps-icon-logo" />{{ $t('login.title') }}</h3>
+    <div class="ibps-login-select-system login-container pull-height">
+        <login-info />
+        <div class="login-border pull-height">
+            <div class="login-main animated fadeIn">
+                <div class="login-title-container">
+                    <h3 class="title"><i class="ibps-icon-logo" />{{ $t('login.title') }}</h3>
 
-        </div>
-        <h3><span class="title">{{ $t('login.selectSystem') }}</span></h3>
-        <el-table
-          ref="elTable"
-          :data="subsystemList"
-          :show-header="false"
-          :empty-text="'当前用户没有权限访问系统，请与管理员联系'"
-          border
-          size="medium"
-          @cell-click="onClick"
-        >
-          <el-table-column :label="$t('login.selectSystem')">
-            <div slot-scope="scope" class="logo-group-icon ibps-ellipsis">
-              <i
-                :class="'ibps-icon-'+scope.row.logo"
-                class="ibps-icon"
-              />
-              <span class="logo-title ibps-pl-5">{{ scope.row.name }} </span>
+                </div>
+                <h3><span class="title">{{ $t('login.selectSystem') }}</span></h3>
+                <el-table
+                    ref="elTable"
+                    :data="subsystemList"
+                    :show-header="false"
+                    :empty-text="'当前用户没有权限访问系统，请与管理员联系'"
+                    border
+                    size="medium"
+                    @cell-click="onClick"
+                >
+                    <el-table-column :label="$t('login.selectSystem')">
+                        <div slot-scope="scope" class="logo-group-icon ibps-ellipsis">
+                            <i
+                                :class="'ibps-icon-'+scope.row.logo"
+                                class="ibps-icon"
+                            />
+                            <span class="logo-title ibps-pl-5">{{ scope.row.name }} </span>
+                        </div>
+                    </el-table-column>
+                </el-table>
+                <br>
+                <el-row :span="24">
+                    <el-col :offset="16" :span="8">
+                        <el-button
+                            type="info"
+                            icon="ibps-icon-sign-out"
+                            class="login-submit"
+                            @click.native.prevent="handleLogout"
+                        >{{ $t('login.logOut') }}</el-button>
+                    </el-col>
+                </el-row>
+                <br>
+                <login-bottom />
             </div>
-          </el-table-column>
-        </el-table>
-        <br>
-        <el-row :span="24">
-          <el-col :offset="16" :span="8">
-            <el-button
-              type="info"
-              icon="ibps-icon-sign-out"
-              class="login-submit"
-              @click.native.prevent="handleLogout"
-            >{{ $t('login.logOut') }}</el-button>
-          </el-col>
-        </el-row>
-        <br>
-        <login-bottom />
-      </div>
-    </div>
+        </div>
 
-  </div>
+    </div>
 </template>
 <script>
 import '@/assets/styles/pages/login.scss'
@@ -53,42 +53,42 @@ import LoginInfo from '../login/login-info'
 import LoginBottom from '../login/login-bottom'
 
 export default {
-  name: 'system-select',
-  components: {
-    LoginInfo,
-    LoginBottom
-  },
-  computed: {
-    ...mapState({
-      subsystemList: state => state.ibps.system.subsystemList
-    })
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.$refs.elTable.doLayout()
-    })
-  },
-  methods: {
-    ...mapActions('ibps/account', [
-      'logout'
-    ]),
-    onClick(item) {
-      this.$store.dispatch('ibps/system/set', item)
-      this.$router.push({ path: '/dashboard' })
+    name: 'system-select',
+    components: {
+        LoginInfo,
+        LoginBottom
+    },
+    computed: {
+        ...mapState({
+            subsystemList: state => state.ibps.system.subsystemList
+        })
+    },
+    mounted () {
+        this.$nextTick(() => {
+            this.$refs.elTable.doLayout()
+        })
     },
-    handleLogout() {
-      this.logout({
-        vm: this,
-        confirm: true
-      })
+    methods: {
+        ...mapActions('ibps/account', [
+            'logout'
+        ]),
+        onClick (item) {
+            this.$store.dispatch('ibps/system/set', item)
+            this.$router.push({ path: '/' })
+        },
+        handleLogout () {
+            this.logout({
+                vm: this,
+                confirm: true
+            })
+        }
     }
-  }
 }
 </script>
 <style lang="scss">
-  .ibps-login-select-system{
-    .el-table__empty-text{
-      width: 100%;
+    .ibps-login-select-system{
+        .el-table__empty-text{
+            width: 100%;
+        }
     }
-  }
 </style>