0608

src/assets/Components/Footer.vue

@@ -6,14 +6,14 @@
 <!--          <a href="javascript: void(0);">0471-1234567</a>-->
         </div>
         <div class="footer-box footer-box2">
-          <a href="javascript: void(0);">网站主办单位：包头市应急管理局</a>
+          <a href="javascript:void(0);">网站主办单位：包头市应急管理局</a>
-          <a href="javascript: void(0);">网站承办单位：包头市应急管理局</a>
+          <a href="javascript:void(0);">网站承办单位：包头市应急管理局</a>
           <a href="javascript: void(0);">政务公开邮箱：btsyjgl12350@163.com</a>
         </div>
         <div class="footer-box footer-box2">
-          <a href="javascript: void(0);">蒙公网安备  15029002000309号</a>
+<!--          <a href="javascript: void(0);">蒙公网安备  15029002000309号</a>-->
-          <a href="javascript: void(0);">蒙ICP备19004425号-1</a>
+          <a href="javascript: void(0);">晋ICP备14004820号-5</a>
-          <a href="javascript: void(0);">政府网站标识码 1502000045</a>
+<!--          <a href="javascript: void(0);">政府网站标识码 1502000045</a>-->
         </div>
         <div class="footer-box footer-box3">
           <a href="javascript: void(0);"></a>
@@ -35,7 +35,9 @@ export default {
 
         }
     },
-    methods: {},
+    methods: {
+
+    },
     mounted: function () {}
 }
 </script>

src/assets/Components/Header.vue

@@ -12,6 +12,7 @@
               <router-link to="/notice" tag="li" :class="{active: this.$route.path == '/notice'}">最新公告</router-link>
               <router-link to="/policy" tag="li" :class="{active: this.$route.path == '/policy'}">考试政策</router-link>
               <router-link to="/train" tag="li" :class="{active: this.$route.path == '/train'}">培训机构</router-link>
+              <router-link to="/common" tag="li" :class="{active: this.$route.path == '/common'}">常见问题</router-link>
             </ul>
           </div>
           <div class="login" v-if="!isLogin">
@@ -124,7 +125,7 @@ export default {
             clear both
           li
             float left
-            padding 0 30px
+            padding 0 15px
             font-size 18px
             color #fff
             border-right 2px solid #fff

src/assets/public/url.js

@@ -1,11 +1,11 @@
-// const registerUrl = 'http://1.180.60.42:8092/signup/'
+const registerUrl = 'https://www.yjkaoshi.cn/signup/'
-// const loginUrl = 'http://1.180.60.42:8092/signup/'
+const loginUrl = 'https://www.yjkaoshi.cn/signup/'
-// const signUrl = 'http://1.180.60.42:8092/signup/'
+const signUrl = 'https://www.yjkaoshi.cn/signup/'
-// const personInfoUrl = 'http://1.180.60.42:8092/signup/'
+const personInfoUrl = 'https://www.yjkaoshi.cn/signup/'
-const registerUrl = 'http://192.168.0.109:8070/signup/'
+// const registerUrl = 'http://192.168.0.109:8070/signup/'
-const loginUrl = 'http://192.168.0.109:8070/signup/'
+// const loginUrl = 'http://192.168.0.109:8070/signup/'
-const signUrl = 'http://192.168.0.109:8070/signup/'
+// const signUrl = 'http://192.168.0.109:8070/signup/'
-const personInfoUrl = 'http://192.168.0.109:8070/signup/'
+// const personInfoUrl = 'http://192.168.0.109:8070/signup/'
 export default {
   registerUrl,
   loginUrl,

src/pages/CommonProblem/CommonProblem.vue

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <Header></Header>
+    <div class="main">
+      <Menu></Menu>
+      <div class="right">
+        <div class="main-list">
+          <ul>
+            <router-link :to="{path: '/detail', query: {contentId: news.contentId}}" tag="li" v-for="(news,idx) in problemList" :title="news.title" :key="idx">
+              {{(page.page - 1) * page.rows + idx +1}}.{{news.title}}
+            </router-link>
+          </ul>
+        </div>
+        <div class="pager" v-if="page.totalPage > 1">
+          <span @click="paging(1)">首页</span>
+          <span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
+          <ul v-if="page.totalPage > 0 && page.totalPage <= 5">
+            <li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+              {{cpage}}
+            </li>
+          </ul>
+          <ul v-if="page.totalPage > 5">
+            <li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
+              {{cpage}}
+            </li>
+            <li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
+              {{page.totalPage - 5 + cpage}}
+            </li>
+            <li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
+              {{page.page - (3 - cpage)}}
+            </li>
+          </ul>
+          <span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
+          <span @click="paging(page.totalPage)">尾页</span>
+        </div>
+      </div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Header from '@/assets/components/Header'
+import Footer from '@/assets/components/Footer'
+import Menu from '@/assets/components/Menu'
+import url from '@/assets/public/url'
+import axios from 'axios'
+export default {
+  name: 'CommonProblem',
+  components: {
+    Header,
+    Footer,
+    Menu
+  },
+  data () {
+    return {
+      page: {
+        page: 1,
+        rows: 10,
+        totalPage: 10,
+        categoryId: '8684d942-5bd8-45fb-a0b7-dfad4bd7431b'
+      },
+      url: url.signUrl,
+      problemList: [],
+      isLoading: false
+    }
+  },
+  methods: {
+    paging: function (page) {
+      this.page.page = page
+      this.getProblem()
+    },
+    getProblem: function () {
+      var self = this
+      self.isLoading = true
+      axios.get(self.url + 'app/contentrelease/listpage', {
+        params: self.page
+      }).then(function (res) {
+        for (let i = 0; i < res.data.rows.length; i++) {
+          res.data.rows[i].coverPhotos = res.data.rows[i].coverPhotos.split(',')[0]
+        }
+        self.isLoading = false
+        self.problemList = res.data.rows
+        self.page.page = res.data.page
+        self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
+      })
+    },
+  },
+  mounted: function () {
+    this.getProblem()
+  }
+}
+</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
+.pager
+  text-align center
+  font-size 0
+  margin-bottom 15px
+  span
+    display inline-block
+    padding 0 15px
+    line-height 30px
+    color #333
+    font-size 14px
+    margin 0 5px
+    vertical-align middle
+    cursor pointer
+    border 1px solid #CCCCCC
+  ul
+    display inline-block
+    overflow hidden
+    vertical-align middle
+    li
+      width 30px
+      line-height 30px
+      float left
+      margin-right 10px
+      cursor pointer
+      text-align center
+      font-size 14px
+      color #333
+      border 1px solid #CCCCCC
+      &.active
+        color: #0d6ec0
+        border 1px solid #0d6ec0
+        box-sizing border-box
+      &:last-child
+        margin 0
+.main
+  width 1200px
+  margin 0 auto
+  box-sizing border-box
+  .main-list
+    min-height 500px
+    box-shadow 0 0 10px #EEE
+    margin-bottom 25px
+    ul
+      li
+        cursor pointer
+        line-height 35px
+        color #333
+        padding 10px 20px
+        &:hover
+          color #0d6ec0
+</style>

src/pages/ForgetPassword/ForgetPassword.vue

@@ -0,0 +1,202 @@
+<template>
+  <div>
+    <div class="login">
+      <div class="login-box">
+        <h3>包头市安全生产三项岗位人员培训考试服务平台</h3>
+        <div class="yz-code-box">
+          <input class="yz-code" v-model="loginInfo.username" placeholder="请输入手机号" autocomplete="off">
+          <button class="get-code" @click="getCode" v-if="restTime >= 120">获取验证码</button>
+          <button class="get-code got" v-else>{{ restTime }}</button>
+        </div>
+        <input type="text" v-model="loginInfo.code" placeholder="请输入验证码" autocomplete="off">
+        <input type="password" v-model="loginInfo.password" placeholder="请输入新密码" autocomplete="off">
+        <input type="password" v-model="newPassword" placeholder="请再次输入新密码" autocomplete="off">
+<!--        <div class="link">-->
+<!--          <router-link to="/register" class="register">立即注册</router-link>-->
+<!--          <router-link to="/forget" class="back">忘记密码？</router-link>-->
+<!--        </div>-->
+        <button @click="submitUpdate">提交修改</button>
+        <div class="info">
+          <p>主办：包头市应急管理局</p>
+          <p>如有问题，咨询电话: 0472-5222813</p>
+        </div>
+      </div>
+      <div class="bottom-text">Copyright:2012-2020包头市应急管理局 All Rights Reserved建议使用90以上版本浏觉器1024*768以上分辨率</div>
+    </div>
+    <div class="loading" v-if="isLoading">
+      <img src="@/assets/images/loading.gif" alt="">
+    </div>
+  </div>
+</template>
+
+<script>
+import url from '@/assets/public/url'
+import axios from 'axios'
+import md5 from 'js-md5'
+export default {
+  name: 'ForgetPassword',
+  components: {},
+  data () {
+    return {
+      loginInfo: {
+        username: '',
+        password: '',
+        code: ''
+      },
+      phoneNum: '',
+      newPassword: '',
+      url: url.loginUrl,
+      isLoading: false,
+      restTime: 120
+    }
+  },
+  methods: {
+    submitUpdate: function () {
+      if (!this.loginInfo.code) {
+        this.$layer.msg('验证码不能为空')
+        return
+      }
+      if (!this.loginInfo.password || !this.newPassword) {
+        this.$layer.msg('请输入新密码')
+        return
+      }
+      if (this.loginInfo.password != this.newPassword) {
+        this.$layer.msg('两次输入的密码不一致')
+        return
+      }
+      var self = this
+      var info = {
+        phone: self.loginInfo.username,
+        code: self.loginInfo.code,
+        newPassWord: self.loginInfo.password
+      }
+      axios.post(self.url + 'app/release/find-pwd/update-pwd-by-sms-verify-code', info).then(function (res) {
+        console.log(res)
+        if (res.data.code == '200') {
+          self.$layer.msg('修改成功')
+          setTimeout(function () {
+            self.$router.push({
+              path: '/'
+            })
+          }, 1500)
+        } else {
+          self.$layer.msg(res.data.msg)
+        }
+      }).catch(function (error) {
+        self.$layer.msg(error.response.data.msg)
+      })
+    },
+    getCode: function () {
+      if (!this.loginInfo.username) {
+        this.$layer.msg('请输入手机号')
+        return
+      }
+      var self = this
+      axios.get(self.url + 'app/release/find-pwd/get-sms-verify-code/' + self.loginInfo.username).then(function (res) {
+        if (res.data.code == '200') {
+          self.$layer.msg(res.data.msg)
+          var timer = setInterval(function () {
+            self.restTime--
+            if (self.restTime < 0) {
+              clearInterval(timer)
+              self.restTime = 120
+            }
+          }, 1000)
+        } else {
+          self.$layer.msg(res.data.msg)
+        }
+      }).catch(function (error) {
+        self.$layer.msg(error.response.data.msg)
+      })
+    }
+  },
+  mounted: function () {}
+}
+</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
+  background url("~@/assets/images/login-bg.jpg") no-repeat center
+  background-size 100% 100%
+  overflow hidden
+  .login-box
+    width 460px
+    height 720px
+    padding 80px 40px 180px
+    box-sizing border-box
+    background #fff url("~@/assets/images/login-box-bg1.png") no-repeat left bottom
+    background-size 100% auto
+    margin-top 100px
+    margin-bottom 70px
+    margin-left 54%
+    h3
+      font-size 20px
+      text-align center
+      color #0d1c28
+      font-weight normal
+      margin-bottom 70px
+    p
+      font-size 12px
+      color #999
+      text-align center
+      margin-bottom 70px
+    input
+      width 100%
+      height 45px
+      border 1px solid #c4c4c4
+      padding 0 10px
+      box-sizing border-box
+      margin-bottom 15px
+      font-size 16px
+      &.yz-code
+        width 64%
+        vertical-align top
+    button
+      cursor pointer
+      width 100%
+      height 45px
+      color #fff
+      font-size 16px
+      background #1561af
+      border none
+      outline none
+      border-radius 3px
+      &.get-code
+        width 34%
+        vertical-align top
+        &.got
+          background #ccc
+          color #fff
+    .link
+      margin-bottom 25px
+      overflow hidden
+      a
+        font-size 16px
+        color #4293f4
+        &.register
+          float right
+        &.back
+          float left
+    .info
+      text-align center
+      margin-top 25px
+      p
+        line-height 20px
+        font-size 12px
+        margin-bottom 0
+        color #999
+  .bottom-text
+    text-align center
+    color #fff
+    font-size 14px
+    margin-bottom 30px
+</style>

src/pages/Index/Components/Notice.vue

@@ -28,7 +28,7 @@
         <router-link to="/login">
           <img src="@/assets/images/login-box1.png" alt="">
         </router-link>
-        <a href="http://1.180.60.42:8092/signup" target="_blank">
+        <a href="https://www.yjkaoshi.cn/signup/" target="_blank">
           <img src="@/assets/images/login-box2.png" alt="">
         </a>
       </div>

src/pages/Login/Login.vue

@@ -8,12 +8,12 @@
           <input type="password" v-model="loginInfo.password" placeholder="请输入密码" @keyup.enter="submitLogin">
           <div class="link">
             <router-link to="/register" class="register">立即注册</router-link>
-            <router-link to="/" class="back">返回首页</router-link>
+            <router-link to="/forget" class="back">忘记密码？</router-link>
           </div>
           <button @click="submitLogin">登录</button>
           <div class="info">
             <p>主办：包头市应急管理局</p>
-            <p>如有问题，咨询电话: 12345</p>
+            <p>如有问题，咨询电话: 0472-5222813</p>
           </div>
         </div>
         <div class="bottom-text">Copyright:2012-2020包头市应急管理局 All Rights Reserved建议使用90以上版本浏觉器1024*768以上分辨率</div>

src/pages/Notice/Notice.vue

@@ -8,7 +8,8 @@
             <ul>
               <router-link :to="{path: '/detail', query: {contentId: news.contentId}}" v-for="(news,idx) in noticeList" tag="li" :key="idx">
                 <div class="img">
-                  <img :src="newsUrl + 'route/file/download/true/' + news.coverPhotos" alt="">
+                  <img :src="newsUrl + 'route/file/download/true/' + news.coverPhotos" alt="" v-if="news.coverPhotos">
+                  <img src="@/assets/images/default-news.jpg" alt="" v-else>
                 </div>
                 <div class="info">
                   <h3>{{ news.title }}</h3>
@@ -66,7 +67,7 @@ export default {
         return {
           page: {
             page: 1,
-            rows: 1,
+            rows: 10,
             totalPage: 10,
             categoryId: '87a51bb1-451b-4b49-903b-4d847ba9c730'
           },
@@ -78,6 +79,7 @@ export default {
     methods: {
       paging: function (page) {
         this.page.page = page
+        this.getNotice()
       },
       getNotice: function () {
         var self = this

src/pages/Policy/Policy.vue

@@ -8,7 +8,8 @@
           <ul>
             <router-link :to="{path: '/detail', query: {contentId: news.contentId}}" v-for="(news,idx) in policyList" tag="li" :key="idx">
               <div class="img">
-                <img :src="newsUrl + 'route/file/download/true/' + news.coverPhotos" alt="">
+                <img :src="newsUrl + 'route/file/download/true/' + news.coverPhotos" alt="" v-if="news.coverPhotos">
+                <img src="@/assets/images/default-news.jpg" alt="" v-else>
               </div>
               <div class="info">
                 <h3>{{ news.title }}</h3>

src/pages/Register/Register.vue

@@ -11,7 +11,7 @@
           <router-link to="/" class="back">返回首页</router-link>
           <div class="info">
             <p>主办：包头市应急管理局</p>
-            <p>如有问题，咨询电话: 12345</p>
+            <p>如有问题，咨询电话: 0472-5222813</p>
           </div>
         </div>
         <div class="bottom-text">Copyright:2012-2020包头市应急管理局 All Rights Reserved建议使用90以上版本浏觉器1024*768以上分辨率</div>
@@ -71,7 +71,6 @@ export default {
         if (self.registerInfo.username && self.registerInfo.password && self.registerInfo.passwordSame) {
           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('注册成功')
@@ -79,11 +78,13 @@ export default {
                 self.$router.push('/login')
               }, 1500)
             }
+          }).catch(function (error) {
+            self.$layer.msg(error.response.data.msg)
+            self.isLoading = false
           })
         } else {
           self.$layer.msg('用户名或密码不能为空')
         }
-
       }
     },
     mounted: function () {

src/router/index.js

@@ -11,6 +11,8 @@ import Question from '@/pages/Question/Question'
 import Login from '@/pages/Login/Login'
 import Register from '@/pages/Register/Register'
 import Test from '@/pages/Test/Test'
+import CommonProblem from '@/pages/CommonProblem/CommonProblem'
+import ForgetPassword from '@/pages/ForgetPassword/ForgetPassword'
 
 Vue.use(Router)
 
@@ -70,6 +72,16 @@ export default new Router({
       path: '/test',
       name: 'Test',
       component: Test
+    },
+    {
+      path: '/common',
+      name: 'CommonProblem',
+      component: CommonProblem
+    },
+    {
+      path: '/forget',
+      name: 'ForgetPassword',
+      component: ForgetPassword
     }
   ],
   scrollBehavior(to, from, saveTop) {