20210508

.gitignore

@@ -1,10 +1,11 @@
 .DS_Store
 node_modules/
 /dist/
+dist.zip
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-
+README.md
 # Editor directories and files
 .idea
 .vscode

src/assets/Components/Header.vue

@@ -96,6 +96,9 @@ export default {
             sessionStorage.clear()
             self.checkLogin()
             self.$layer.closeAll()
+            if (self.$route.path == '/') {
+              self.$router.go(0)
+            }
           }
         })
       }

src/assets/Components/Menu.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="left">
-    <a href="javascript: void(0);">
+<!--    <a href="javascript: void(0);">-->
-      <img src="@/assets/images/menu1.png" alt="">
+<!--      <img src="@/assets/images/menu1.png" alt="">-->
-    </a>
+<!--    </a>-->
     <a href="javascript: void(0);" @click="goCenter(1)">
       <img src="@/assets/images/menu2.png" alt="">
     </a>

src/pages/Index/Components/Notice.vue

@@ -17,33 +17,86 @@
           </ul>
         </div>
       </div>
-      <div class="link">
+      <div class="link" v-if="!token">
         <router-link to="/login">
           <img src="@/assets/images/notice-img1.png" alt="">
         </router-link>
-        <router-link to="/login">
+        <a href="http://124.67.110.246:8081/signup" target="_blank">
           <img src="@/assets/images/notice-img2.png" alt="">
-        </router-link>
+        </a>
 <!--        <router-link to="/">-->
 <!--          <img src="@/assets/images/notice-img3.png" alt="">-->
 <!--        </router-link>-->
       </div>
+      <div class="mid" v-else>
+        <ul>
+          <li @click="goCenter(1)">
+            <div class="link-img link-img1"></div>
+            <h3>网上报名</h3>
+          </li>
+          <li @click="goCenter(3)">
+            <div class="link-img link-img2"></div>
+            <h3>打印准考证</h3>
+          </li>
+          <li @click="goCenter(4)">
+            <div class="link-img link-img3"></div>
+            <h3>成绩查询</h3>
+          </li>
+          <li @click="goCenter(5)">
+            <div class="link-img link-img4"></div>
+            <h3>证书查询</h3>
+          </li>
+          <!--        <li>-->
+          <!--          <div class="link-img link-img5"></div>-->
+          <!--          <h3>证书领取</h3>-->
+          <!--        </li>-->
+          <!--        <li>-->
+          <!--          <div class="link-img link-img6"></div>-->
+          <!--          <h3>补证&变更</h3>-->
+          <!--        </li>-->
+          <!--        <router-link to="/question" tag="li">-->
+          <!--          <div class="link-img link-img7"></div>-->
+          <!--          <h3>常见问题</h3>-->
+          <!--        </router-link>-->
+        </ul>
+      </div>
     </div>
 </template>
 
 <script>
+import MidLink from './MidLink'
 export default {
     name: 'Notice',
-    components: {},
+    components: {
+      MidLink
+    },
     props: {
       noticeList: Array
     },
-    data () {
+    watch: {
-        return {
+      token: function () {
-
+        if (this.token) {
+          this.isFull = false
+        } else {
+          this.isFull = true
+        }
+      }
+    },
+    data () {
+        return {
+          token: window.sessionStorage.getItem('token'),
+          isFull: false
+        }
+    },
+    methods: {
+      goCenter: function (tab) {
+        if (this.token) {
+          this.$router.push({path: '/center', query:{tab: tab}})
+        } else {
+          this.$router.push('/login')
+        }
       }
     },
-    methods: {},
     mounted: function () {}
 }
 </script>
@@ -118,6 +171,8 @@ export default {
             text-overflow ellipsis
             &:hover
               color #0d6ec0
+    &.full
+      width 100%
   .link
     float right
     width 380px
@@ -131,4 +186,91 @@ export default {
       img
         width 100%
         height 100%
+  .mid
+    width 380px
+    float right
+    ul
+    &:after
+      content ''
+      display block
+      clear both
+    li
+      width 49.5%
+      height 234px
+      border 1px solid #f1f1f1
+      box-sizing border-box
+      text-align center
+      cursor pointer
+      margin-bottom 5px
+      &:nth-child(odd)
+        float left
+      &:nth-child(even)
+        float right
+      .link-img
+        margin 0 auto
+        background url("~@/assets/images/icon_aggregate.png") no-repeat
+        &.link-img1
+          width 100px
+          height 106px
+          background-position 0 -112px
+          margin-top 27px
+          margin-bottom 18px
+        &.link-img2
+          width 91px
+          height 70px
+          background-position -131px 0
+          margin-top 43px
+          margin-bottom 38px
+        &.link-img3
+          width 80px
+          height 84px
+          background-position -252px 0
+          margin-top 37px
+          margin-bottom 29px
+        &.link-img4
+          width 79px
+          height 78px
+          background-position -362px 0
+          margin-top 42px
+          margin-bottom 28px
+        &.link-img5
+          width 84px
+          height 83px
+          background-position -458px 0
+          margin-top 45px
+          margin-bottom 21px
+        &.link-img6
+          width 81px
+          height 87px
+          background-position -567px 0
+          margin-top 42px
+          margin-bottom 30px
+        &.link-img7
+          width 90px
+          height 80px
+          background-position -678px 0
+          margin-top 44px
+          margin-bottom 25px
+      &:hover
+        background linear-gradient(to right, #27b5e9 , #32c9ef)
+        .link-img1
+          background-position 0 0
+        .link-img2
+          background-position -131px -75px
+        .link-img3
+          background-position -252px -86px
+        .link-img4
+          background-position -362px -87px
+        .link-img5
+          background-position -458px -82px
+        .link-img6
+          background-position -567px -80px
+        .link-img7
+          background-position -678px -85px
+        h3
+          color #fff
+      h3
+        font-size 30px
+        font-weight 500
+        color #1c91f4
 </style>

src/pages/Index/Index.vue

@@ -2,7 +2,7 @@
     <div>
       <Header></Header>
       <Notice :noticeList="noticeList"></Notice>
-      <MidLink></MidLink>
+      <MidLink v-if="!token"></MidLink>
       <Policy :policyList="policyList" :ticketList="ticketList" :resultList="resultList" :certificateList="certificateList"></Policy>
       <Footer></Footer>
     </div>
@@ -32,7 +32,8 @@ export default {
           policyList: [],
           ticketList: [],
           resultList: [],
-          certificateList: []
+          certificateList: [],
+          token: window.sessionStorage.getItem('token'),
         }
     },
     methods: {

src/pages/PersonCenter/PersonCenter.vue

@@ -148,8 +148,6 @@
                     <label for="radio1">初次考证</label>
                     <input type="radio" id="radio2" value="2" name="type" v-model="planType">
                     <label for="radio2">复审</label>
-                    <input type="radio" id="radio3" value="3" name="type" v-model="planType">
-                    <label for="radio3">换证</label>
                   </div>
                 </div>
                 <!--按钮-->
@@ -1226,6 +1224,7 @@ export default {
       getWorkType: function (lv, e) {
         var self = this
         var workTypeParentId = 0
+        var cur
         self.isLoading = true
         if (lv == 0) {
           workTypeParentId = self.workSelectedType
@@ -1235,8 +1234,10 @@ export default {
           self.workTypeLv2 = []
         } else if (lv == 1) {
           workTypeParentId = self.workSelectedTypeLv1
-          var cur = e.target.selectedIndex - 1
+          cur = e.target.selectedIndex - 1
+          if (cur >= 0) {
             self.promiseText = self.workTypeLv1[cur].workTypeWrittenDocument
+          }
           self.workSelectedTypeLv2 = 0
           self.workTypeLv2 = []
         }
@@ -1253,8 +1254,10 @@ export default {
           } else if (lv == 0) {
             self.workTypeLv1 = res.data
           } else if (lv == 1) {
+            if (cur >= 0) {
               self.workTypeLv2 = res.data
             }
+          }
           self.isLoading = false
         })
       },

src/pages/Register/Register.vue

@@ -14,6 +14,9 @@
           </div>
         </div>
       </div>
+      <div class="loading" v-if="isLoading">
+        <img src="@/assets/images/loading.gif" alt="">
+      </div>
       <Footer></Footer>
     </div>
 </template>
@@ -34,15 +37,18 @@ export default {
             username: '',
             password: '',
             passwordSame: ''
-          }
+          },
+          isLoading: false
         }
     },
     methods: {
       submitRegister: function () {
         var self = this
+        self.isLoading = true
         axios.post(self.url + 'app/register/default', self.registerInfo).then(function (res) {
           console.log(res)
           if (res.status == '200') {
+            self.isLoading = false
             self.$layer.msg('注册成功')
             setTimeout(function () {
               self.$router.push('/login')
@@ -59,6 +65,15 @@ export default {
 </script>
 
 <style lang="stylus" rel="stylesheet/stylus" scoped>
+.loading
+  position fixed
+  top 50%
+  left 50%
+  transform translate(-50%, -50%)
+  background rgba(255,255,255,0.6)
+  padding 30px
+  border-radius 10px
+  box-shadow 0 0 17px #DEDEDE
 .login
   padding 120px 0
   background url("~@/assets/images/login-bg.jpg") no-repeat center