爱数信息科技有限公司

src/App.vue

@@ -7,14 +7,14 @@
     <div class="ng-scope">
       <div class="footer ng-scope" style="z-index: 10">
         <div class="footer-bd">
-          <p>技术支持：三明市建设人才服务中心【0598-5157296】</p>
+          <p>技术支持：福建省爱数信息技术有限公司</p>
           <p>
               <span> ©2021 </span>
               <!-- <a href="http://beian.miit.gov.cn/" target="_blank">闽ICP备19021760号-1</a> -->
               <img class="beian" src="./assets/images/beian_hashc9b229c96d.png" alt="">
               <!-- <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35010202001216" target="_blank"> -->
               <a href="http://beian.miit.gov.cn/" target="_blank">
-                网站备案：闽ICP备19021760号-2
+                网站备案：闽ICP备1921760号-2
               </a>
            </p>
         </div>

src/assets/css/base.css

@@ -2,11 +2,9 @@
 .f-r {
   float: right;
 }
-
 .fr {
   float: right;
 }
-
 .f-l {
   float: left;
 }

src/assets/css/main.css

@@ -24,7 +24,7 @@ form {
 }
 .m-content {
   position: relative;
-  padding-top: 95px;
+  /* padding-top: 95px; */
   border: 1px solid #e8e8e8;
 }
 .ng-scope {
@@ -222,6 +222,7 @@ a, span {
 
 .m-right-block {
   width: 1009px;
+  margin: 0 auto;
   min-height: 700px;
   background: #fff;
   border-left: 1px solid #e8e8e8;
@@ -254,8 +255,6 @@ a, span {
     font-size: 14px;
     text-align: center;
     color: #fff;
-    /* background-color: rgba(129, 184, 246, 0.9);
-     */
      background-color: #ff914b;
     border: 0;
     cursor: pointer;
@@ -266,13 +265,13 @@ a, span {
 .banner-box {
   width: 100%;
   height: 415px;
-  background: url("/static/images/nav_bg.png")  no-repeat center top;
+  /* background: url("/static/images/nav_bg.png")  no-repeat center top; */
   position: relative;
   z-index: 1;
 }
 .opacity-bg {
   border-radius: 10px;
-  background:rgba(129, 184, 246, 0.9) ;
+  background:#6b9eff;
   /* background: rgba(0,0,0,0.2); */
   /* background: url("../../assets/images/opacity-bg_hash548c17198c.png"); */
   color: #fff;

src/components/nav/navbar.vue

@@ -3,8 +3,7 @@
     <div class="m-header ng-scope">
       <div class="p-wrap-full tc" @click="goto('/')">
         <span class="logo " style="color: white;font-size: 56px;">
-
-          三明市建设人才服务中心  </span>
+          福建省爱数信息技术有限公司  </span>
       </div>
     </div>
 

src/containers/center/center.vue

@@ -1,8 +1,8 @@
 <template lang="html">
   <div clss="">
-    <center-navbar :user="userInfo"></center-navbar>
+    <navbar :user="userInfo" @openLoginDialog="openLoginDialog"></navbar>
+    <IHeader :user="userInfo"></IHeader>
     <div class="p-wrap-full m-content clear body-bg">
-      <center-menu :user="userInfo"></center-menu>
       <router-view></router-view>
     </div>
   </div>
@@ -10,12 +10,13 @@
 <script>
 import { mapGetters,mapActions } from "vuex";
 import CenterNavbar from "./components/navbar/index.vue";
-import CenterMenu from "./components/menu/index.vue";
-
+import IHeader from "./components/menu/iheader.vue";
+import navbar from "@/components/nav/navbar.vue";
 export default {
   components: {
     CenterNavbar,
-    CenterMenu
+    IHeader,
+    navbar
   },
   data() {
     return {

src/containers/center/class/train/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-right-block fr mh576">
+  <div class="m-right-block mh576">
     <!-- uiView: myStudyContent -->
 
 

src/containers/center/components/menu/iheader.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="nav">
+      <ul>
+
+        <li :class="{'navfirst': isActive('/login')}">
+          <a href="#/" @click="goto('/login')"> 回到主页</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/home')}">
+          <a href="#/center/home" @click="goto('/center/home')"> 学员中心</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/setting')}">
+          <a href="#/center/setting" @click="goto('/center/setting')">账号设置</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/class/train')}">
+          <a href="#/center/class/train" @click="goto('/center/class/train')">我的课程</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/market')}">
+          <a href="#/center/market" @click="goto('/center/market')">推荐课程</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/myOrder')}" >
+          <a href="#/center/myOrder" @click="goto('/center/myOrder')">我的订单</a>
+        </li>
+
+        <li :class="{'navfirst': isActive('/center/sign')}" >
+          <a href="#/center/sign" @click="goto('/center/sign')">学时证明</a>
+        </li>
+      </ul>
+    </div>
+</template>
+
+<script>
+  import menu from './menu.js'
+  export default {
+    props: {
+      user: {
+        type: Object,
+        default: {
+          nickanme: ''
+        }
+      }
+    },
+    data() {
+      return {
+        exportLoading: false,
+        menu:menu,
+        listLoading: false,
+        groups: [],
+        tableData: []
+      };
+    },
+    methods: {
+      goState( item ){
+        if( item.children){
+          this.goSubState( item.children[0] );
+        }else{
+          this.goSubState( item );
+        }
+      },
+      goSubState(item){
+        if(item.path == this.$route.path) return;
+        this.$router.push(item.path);
+      },
+      isActive( path ){
+        let rpath = this.$route.path;
+        return rpath.indexOf( path )> -1;
+      }
+    }
+  }
+</script>
+
+<style>
+  @import url("./index.css");
+  .nav{ height:50px; background:#4679fe; margin:1px auto; width:1009px;}
+  .nav ul li{ float:left; line-height:50px;}
+
+  .nav ul li a{ padding:0 27px; color:#FFF; display:block; height:50px;}
+
+  .nav ul li a:hover{ background:#4679fe; text-decoration:none;}
+  .navfirst a{ background:#ffa200; display:block;}
+</style>

src/containers/center/components/navbar/index.vue

@@ -4,7 +4,7 @@
       <div class="logo fl" style="padding-top: 24px;">
         <a href="javascript:void(0)" style="text-decoration: none"
             class="rel ng-binding" @click="$router.push('/')">
-           三明市建设人才服务中心
+           福建省爱数信息技术有限公司
           <div class="hover-block" style="padding-top: 24px;">
 
             <div class="hover-bd ng-scope" style="width:137px;margin-top: -20px" @click="$router.push('/')">
@@ -20,21 +20,6 @@
           <span class="p-ico2 ico-index"></span>
           <span class="nav-txt">回到主页</span>
         </a>
-        <a href="javascript:void(0)" class="ng-scope current">
-          <span class="p-ico2 ico-center"></span>
-          <span class="nav-txt">学习中心</span>
-        </a>
-
-        <a href="javascript:void(0)" @click="gotoPage('/center/sign')">
-          <span class="p-ico2 ico-bmpx"></span>
-          <span class="nav-txt">学时证明</span>
-        </a>
-
-        <span class="p-ico2 ico-line"></span>
-        <a href="javascript:void(0)" @click="logout()">
-          <span class="p-ico2 ico-exit"></span>
-          <span class="nav-txt">退出</span>
-        </a>
       </div>
     </div>
   </div>

src/containers/center/home/index.vue

@@ -1,31 +1,7 @@
 <template>
   <div class="app">
-    <div class="m-right-block fr">
+    <div class="m-right-block">
       <div class="right-block-bd">
-        <div class="panel-tit clear">
-          <p class="fl">学习向导</p>
-        </div>
-        <div class="train_step_box clear mt10">
-          <div class="train_step fl">
-            <p><span class="fs3 t-b b v-m">第1步</span>
-              <a @click="gotoPage('/center/setting')" class="train_btn" title="实名认证">实名认证</a>
-            </p>
-
-            <p class="fs15 mt10">编辑用户信息，完成实名认证</p>
-          </div><span class="p-ico2 step-ico fl"></span>
-          <div class="train_step fl">
-            <p><span class="fs3 t-b b v-m">第2步</span>
-              <a @click="gotoPage('/center/class/train')" class="train_btn w150" title="进班学习">进班学习</a></p>
-            <p class="fs15 mt10">完成班级内培训内容，通过班级考核</p>
-          </div><span class="p-ico2 step-ico fl"></span>
-          <div class="train_step fl">
-            <p>
-              <span class="fs3 t-b b v-m">第3步</span>
-              <a @click="gotoPage('/center/sign')" class="train_btn w150" title="下载证明">下载证明</a>
-            </p>
-            <p class="fs15 mt10">班级培训合格，即可以下载学时证明</p>
-          </div>
-        </div>
         <div class="panel-tit mt30 clear">
           <p class="fl">最近学习课程</p>
         </div>

src/containers/center/market/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-right-block fr mh576">
+  <div class="m-right-block">
     <div class="right-block-bd ng-scope" ui-view="myStudyContent" style="position: relative;">
       <div class="panel-tit clear">
         <p class="fl">推荐课程</p>

src/containers/center/myOrder/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-right-block fr mh576" style="position: relative;">
+  <div class="m-right-block" style="position: relative;">
     <div class="right-block-bd">
       <div class="mb10 tc mt20">
         <span class="p-ico2 worm-ico-o"></span>

src/containers/center/setting/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-right-block fr">
+  <div class="m-right-block">
     <div class="right-block-bd">
       <div class="m-account">
         <div class="account-tit" style="height:30px">

src/containers/center/sign/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-right-block fr mh576" style="position: relative;">
+  <div class="m-right-block" style="position: relative;">
     <div class="right-block-bd">
       <div class="mb10 tc mt20">
         <span class="p-ico2 worm-ico-o"></span>

src/containers/login/components/isLogin.vue

@@ -1,26 +1,46 @@
 <template>
   <div class="course-my ng-scope">
-    <div class="course-my-info clear">
-      <a class="my-headimg">
-        <img v-if="user.gender=='男'" src="../../../assets/images/user-man.jpg" >
-        <img v-else-if="user.gender=='女'" src="../../../assets/images/user-woman.jpg" >
-        <img v-else  src="../../../assets/images/user-img_hash24aa2f2347.jpg">
-      </a>
-      <div class="info-detail">
-        <div class="pt20 fs18">欢迎您，
-          <span class="aw ng-binding" :title="user.nickname" style="display:inline" >
+      <div class="tc mt20">
+        <div class="pt20 fs18">
+          当前用户
+          <span :title="user.nickname" style="display:inline" >
             {{user.nickname}}
           </span>
         </div>
-      </div>
     </div>
 
+    <el-row class="login-entry" style="width: 100%;">
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/home')">个人中心</button>
+      </el-col>
 
-    <div class="login-entry " style="width: 100%;">
-      <button class="btn-b-b w196 fs15" @click="gotoPage('/center/home')">进入学习中心</button>
-     </div>
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/setting')">账号设置</button>
+      </el-col>
 
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/class/train')">我的课程</button>
+      </el-col>
 
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/market')">推荐课程</button>
+      </el-col>
+
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/myOrder')">我的订单</button>
+      </el-col>
+
+      <el-col :span="12" class="p10">
+        <button class="btn-b-b fs15" @click="gotoPage('/center/sign')">学时证明</button>
+      </el-col>
+
+      <el-col :span="24" class="p10">
+        <button class="btn-b-b " style="width: 100%;" @click="logout()">退出登录</button>
+      </el-col>
+
+     </el-row>
+
+<!--
     <ul class="entry-box clear">
       <li>
         <a href="javascript:void(0)" @click="gotoPage('/center/market')">
@@ -40,7 +60,7 @@
       </li>
       <li><a href="javascript:void(0)" @click="logout()">
       <i class="p-ico i10"></i><span>退出登录</span></a></li>
-    </ul>
+    </ul> -->
   </div>
 </template>
 

src/containers/login/components/unLogin.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="m-login opacity-bg fr">
     <div ng-if="!sureUseLogin" class="ng-scope">
-      <div class="tit">学员/单位管理员登录</div>
+      <div class="tit">学员登录</div>
 
       <div  autocomplete="off" class="ng-pristine ng-invalid ng-invalid-required">
         <ul class="login-form login-form-1">
@@ -11,7 +11,6 @@
             <div class="wrong-tips ng-hide" v-show="err.loginErrorEnter">请输入正确的用户名密码以及验证码！</div>
             <div class="wrong-tips ng-hide" v-show="err.loginError === 'one'">输入的用户名或者密码不正确，请确认</div>
           </li>
-
           <li>
             <span class="p-ico code-ico"></span>
             <span href="javascript:void(0)" style="cursor:pointer" class="p-ico ng-scope"></span>

src/containers/login/login.vue

@@ -3,22 +3,9 @@
     <navbar :user="userInfo" @openLoginDialog="openLoginDialog"></navbar>
     <div class="banner-box">
       <div class="p-wrap-full clear pt30">
-        <el-card class="training-category opacity-bg fl" style="border-radius: 20px;padding-top: -5px;" >
-          <h2 align="center" style="background-color: white; color: #000000;padding-top:5px;">文件通知</h2>
-          <el-table :data="postList"  highlight-current-row
-          :show-header="false" max-height="290px" >
-            <el-table-column min-width="600px">
-              <template slot-scope="{row, $index}">
-                <span @click="gotoDetail(row.postId)">{{$index+1}}、{{ row.title }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column  width="160px">
-              <template slot-scope="{row}">
-                <span>{{ row.publishTime  }}</span>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
+        <div class="training-category opacity-bg fl ">
+          <img alt="" class="mimg" src="/static/swiper/1.jpg"/>
+        </div>
 
         <div class="m-login opacity-bg fr">
           <is-login v-if="loginOk" :user="userInfo" @logout="logout"></is-login>
@@ -27,37 +14,45 @@
       </div>
     </div>
 
-    <!-- <learn-time></learn-time> -->
     <div class="p-wrap-full mb20 ng-scope">
-      <div class="title-box mt5 clear">
-        <h2 class="title">课程分类</h2>
-      </div>
-      <el-row :gutter="20" class="shadow p10 mt20" >
-        <el-col :span="+item.span" class="nopad"  v-for="(item, index) in typeList" :key="index">
-          <el-card shadow="hover" class="grid-content nopad "  >
-            <div class="mt10 typelist" @click="gotoCourse(item)">
-              <i class="p-ico"  :class="item.icon" style="color:#69c0ff"></i>
-              <p style="font-size: 13px;">{{ item.name }}</p>
-              <p class="mt10" style="font-size: 16px;" v-if="!item.isOpen">(暂未开放)</p>
-              <p class="mt10" style="font-size: 16px;" v-else>{{ item.content }}</p>
+      <el-row :gutter="20" class="shadow p10 mt20"  type="flex" >
+        <el-col :span="16">
+          <div class="training-category bg-white fl"
+            style="border-radius: 15px;padding: 10px; background-color: white;" >
+            <div style="display: flex;justify-content: center;align-items: center;width: 100%;text-align: center;color: #1D78F9;">
+                <img style="width: 80px;height: 4px;margin-right: 14px;" src="../../../static/images/home_left.png">
+                <h2 style="text-align: center;color: #1D78F9;">新闻通知</h2>
+                <img style="width: 80px;height: 4px;margin-left: 14px;" src="../../../static/images/home_right.png">
             </div>
-          </el-card>
+            <el-table :data="postList"  highlight-current-row
+            :show-header="false" min-height="310px" style="overflow: hidden;" >
+              <el-table-column min-width="600px">
+                <template slot-scope="{row, $index}">
+                  <span @click="gotoDetail(row.postId)">{{$index+1}}、{{ row.title }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column  width="160px">
+                <template slot-scope="{row}">
+                  <span>{{ row.publishTime  }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
         </el-col>
-      </el-row>
-    </div>
-
-    <div class="right-nav">
-      <img class="right-img" src="../../assets/wxapp.jpg" alt="">
-      <p>使用小程序</p>
-      <p>学习更轻松</p>
-    </div>
-
+        <el-col :span="8">
+          <div style="background-color: #fff;padding-top: 10px;height: 360px;" class="opacity-bg fr">
+            <div style="display: flex;justify-content: center;align-items: center;">
+              <img style="width: 80px;height: 4px;margin-right: 14px;" src="../../../static/images/home_left.png">
+              <h2 style="text-align: center;color: #1D78F9;">证书查询</h2>
+              <img style="width: 80px;height: 4px;margin-left: 14px;" src="../../../static/images/home_right.png">
+            </div>
 
-    <div class="p-wrap-full ng-scope">
-      <div class="title-box mt5 clear">
-        <h2 class="title">友情链接</h2>
-      </div>
-      <friendlink></friendlink>
+            <div style="margin-top: 50px;text-align: center; ">
+              <el-button @click="gotoOutlink()" type="primary"> 前往证书查询 </el-button>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
     </div>
 
     <el-dialog
@@ -137,8 +132,8 @@ export default {
       })
     },
     getPostList(){
-      httpServer("course.getPostList", {page:1,type:'操作指南'}).then( res=>{
-        this.postList = res.data.list
+      httpServer("course.getPostList", {page:1,type:'操作指南', size:6}).then( res=>{
+        this.postList = res.data.list.slice(0,6)
       })
     },
     gotoDetail(postId){