20210508
This commit is contained in:
dong_bo0602
parent
06a5883abe
commit
d78cdc94e0
3
.gitignore
vendored
3
.gitignore
vendored
@ -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
|
||||
|
||||
@ -96,6 +96,9 @@ export default {
|
||||
sessionStorage.clear()
|
||||
self.checkLogin()
|
||||
self.$layer.closeAll()
|
||||
if (self.$route.path == '/') {
|
||||
self.$router.go(0)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="left">
|
||||
<a href="javascript: void(0);">
|
||||
<img src="@/assets/images/menu1.png" alt="">
|
||||
</a>
|
||||
<!-- <a href="javascript: void(0);">-->
|
||||
<!-- <img src="@/assets/images/menu1.png" alt="">-->
|
||||
<!-- </a>-->
|
||||
<a href="javascript: void(0);" @click="goCenter(1)">
|
||||
<img src="@/assets/images/menu2.png" alt="">
|
||||
</a>
|
||||
|
||||
@ -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
|
||||
},
|
||||
watch: {
|
||||
token: function () {
|
||||
if (this.token) {
|
||||
this.isFull = false
|
||||
} else {
|
||||
this.isFull = true
|
||||
}
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
||||
token: window.sessionStorage.getItem('token'),
|
||||
isFull: false
|
||||
}
|
||||
},
|
||||
methods: {},
|
||||
methods: {
|
||||
goCenter: function (tab) {
|
||||
if (this.token) {
|
||||
this.$router.push({path: '/center', query:{tab: tab}})
|
||||
} else {
|
||||
this.$router.push('/login')
|
||||
}
|
||||
}
|
||||
},
|
||||
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>
|
||||
|
||||
@ -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: {
|
||||
|
||||
@ -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
|
||||
self.promiseText = self.workTypeLv1[cur].workTypeWrittenDocument
|
||||
cur = e.target.selectedIndex - 1
|
||||
if (cur >= 0) {
|
||||
self.promiseText = self.workTypeLv1[cur].workTypeWrittenDocument
|
||||
}
|
||||
self.workSelectedTypeLv2 = 0
|
||||
self.workTypeLv2 = []
|
||||
}
|
||||
@ -1253,7 +1254,9 @@ export default {
|
||||
} else if (lv == 0) {
|
||||
self.workTypeLv1 = res.data
|
||||
} else if (lv == 1) {
|
||||
self.workTypeLv2 = res.data
|
||||
if (cur >= 0) {
|
||||
self.workTypeLv2 = res.data
|
||||
}
|
||||
}
|
||||
self.isLoading = false
|
||||
})
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user