kun 9/23 20:12

2019-09-23 20:12:30 +08:00
parent 5372695dcc
commit 1474d83d39
26 changed files with 1535 additions and 302 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
+    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "element-ui": "^2.12.0",
    "node-sass": "^4.12.0",
@@ -30,6 +31,7 @@
    "babel-jest": "^23.6.0",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
+    "js-md5": "^0.7.3",
    "less": "^3.0.4",
    "less-loader": "^5.0.0",
    "vue-template-compiler": "^2.6.10"
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/components/headerNav.vue
+++ b/src/components/headerNav.vue
@@ -51,7 +51,7 @@ export default {
    bottom: 0%;
    left: 0%;
    width: 1280px;
-    height: 64px;
+    height: 63px;
    background-color: rgba($color: #fff, $alpha: 0.5);
    display: flex;
    justify-content: space-evenly;
@@ -64,7 +64,7 @@ export default {
      font-stretch: normal;
      letter-spacing: 0px;
      color: #333333;
-      text-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
+      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      cursor: pointer;
    }

--- a/src/main.js
+++ b/src/main.js
@@ -2,20 +2,42 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-
+import http from '../static/js/http'
 import ElementUI from 'element-ui'
+import md5 from 'js-md5'

 import '../static/css/reset.css'
 import '../static/css/swiper.css'
 import '../static/fonts/iconfont.css'
 import 'element-ui/lib/theme-chalk/index.css'

+router.beforeEach((to, from, next) => {
+  if (to.meta.requireAuth) {
+    // 判断该路由是否需要登录权限
+    if (localStorage.token) {
+      // 获取当前的token是否存在
+      console.log('token存在')
+      next()
+    } else {
+      console.log('token不存在')
+      next({
+        path: '/login', // 将跳转的路由path作为参数，登录成功后跳转到该路由
+        query: { redirect: to.fullPath }
+      })
+    }
+  } else {
+    // 如果不需要权限校验，直接进入路由界面
+    next()
+  }
+})
+
+Vue.prototype.$md5 = md5
+Vue.prototype.$http = http
 Vue.prototype.$jump = function (url) {
  this.$router.push({
    name: url
  })
 }
-
 Vue.prototype.$jParams = function (url, parameters) {
  this.$router.push({
    name: url,
--- a/src/router.js
+++ b/src/router.js
@@ -36,46 +36,73 @@ export default new Router({
    {
      path: '/informationQuery',
      name: 'informationQuery',
+      meta: {
+        requireAuth: true
+      },
      component: informationQuery
    },
    {
      path: '/modify',
      name: 'modify',
+      meta: {
+        requireAuth: true
+      },
      component: modify
    },
    {
      path: '/declare',
      name: 'declare',
+      meta: {
+        requireAuth: true
+      },
      component: declare
    },
    {
      path: '/collection',
      name: 'collection',
+      meta: {
+        requireAuth: true
+      },
      component: collection
    },
    {
      path: '/apply',
      name: 'apply',
+      meta: {
+        requireAuth: true
+      },
      component: apply
    },
    {
      path: '/personalZte',
      name: 'personalZte',
+      meta: {
+        requireAuth: true
+      },
      component: personalZte
    },
    {
      path: '/application',
      name: 'application',
+      meta: {
+        requireAuth: true
+      },
      component: application
    },
    {
      path: '/project',
      name: 'project',
+      meta: {
+        requireAuth: true
+      },
      component: project
    },
    {
      path: '/schedule',
      name: 'schedule',
+      meta: {
+        requireAuth: true
+      },
      component: schedule
    },
    {
--- a/src/views/homePage/applyFor.vue
+++ b/src/views/homePage/applyFor.vue
@@ -177,6 +177,7 @@
 import headerNav from "../../components/headerNav";
 /* eslint-disable */
 import footerNav from "../../components/footerNav";
+
 export default {
  components: {
    headerNav,
@@ -218,6 +219,7 @@ export default {
    margin-top: 80px;
  }
 }
+
 .wrapperr {
  width: 1200px;
  margin: 40px auto;
@@ -227,6 +229,7 @@ export default {

  .succeed {
    margin-top: 70px;
+
    div {
      width: 100%;
      display: flex;
@@ -239,6 +242,7 @@ export default {
        height: 118px;
        margin-bottom: 28px;
      }
+
      span {
        font-family: "MicrosoftYaHei";
        font-size: 26px;
@@ -275,6 +279,7 @@ export default {
      margin: 0;
      cursor: pointer;
    }
+
    label input[type="radio"]:after {
      width: 17px;
      height: 17px;
@@ -298,6 +303,7 @@ export default {
        div {
          margin-bottom: 25px;
          height: 43px;
+
          label {
            text-align: right;
            width: 229px;
@@ -312,7 +318,7 @@ export default {
          }

          input[type="text"] {
-            margin-left: 30px;
+            margin-left: 28px;
            width: 386px;
            height: 43px;
            background-color: #ffffff;
@@ -350,6 +356,7 @@ export default {
    #boxOne {
      .b {
        width: 100%;
+
        .o-two {
          width: 100%;
          height: 43px;
@@ -376,7 +383,7 @@ export default {
            height: 43px;
            background-color: #ffffff;
            border: solid 1px #c7c7c7;
-            margin-left: 30px;
+            margin-left: 28px;
            outline: none;
          }
        }
@@ -407,7 +414,7 @@ export default {
            height: 43px;
            background-color: #ffffff;
            border: solid 1px #c7c7c7;
-            margin-left: 30px;
+            margin-left: 28px;
            outline: none;
          }
        }
@@ -436,28 +443,29 @@ export default {
              letter-spacing: 0px;
              color: #333333;
            }
-            /*
-            label input[type="radio"] {
-              width: 17px;
-              height: 17px;
-              appearance: none;
-              -webkit-appearance: none;
-              outline: none;
-              margin: 0;
-              cursor: pointer;
-            }
-            label input[type="radio"]:after {
-              width: 17px;
-              height: 17px;
-              display: block;
-              content: "";
-              background: url("../../../static/img/wxz.png") no-repeat;
-              background-size: 100% 100%;
-            }

-            label input[type="radio"]:checked:after {
-              background: url("../../../static/img/xz.png") no-repeat;
-            }*/
+            /*
+              label input[type="radio"] {
+                width: 17px;
+                height: 17px;
+                appearance: none;
+                -webkit-appearance: none;
+                outline: none;
+                margin: 0;
+                cursor: pointer;
+              }
+              label input[type="radio"]:after {
+                width: 17px;
+                height: 17px;
+                display: block;
+                content: "";
+                background: url("../../../static/img/wxz.png") no-repeat;
+                background-size: 100% 100%;
+              }
+
+              label input[type="radio"]:checked:after {
+                background: url("../../../static/img/xz.png") no-repeat;
+              }*/
          }

          span {
@@ -495,29 +503,30 @@ export default {
              letter-spacing: 0px;
              color: #333333;
            }
-            /*
-            label input[type="radio"] {
-              width: 17px;
-              height: 17px;
-              appearance: none;
-              -webkit-appearance: none;
-              outline: none;
-              margin: 0;
-              cursor: pointer;
-            }
-            label input[type="radio"]:after {
-              width: 17px;
-              height: 17px;
-              display: block;
-              content: "";
-              background: url("../../../static/img/wxz.png") no-repeat;
-              background-size: 100% 100%;
-            }

-            label input[type="radio"]:checked:after {
-              background: url("../../../static/img/xz.png") no-repeat;
-            }
-            */
+            /*
+              label input[type="radio"] {
+                width: 17px;
+                height: 17px;
+                appearance: none;
+                -webkit-appearance: none;
+                outline: none;
+                margin: 0;
+                cursor: pointer;
+              }
+              label input[type="radio"]:after {
+                width: 17px;
+                height: 17px;
+                display: block;
+                content: "";
+                background: url("../../../static/img/wxz.png") no-repeat;
+                background-size: 100% 100%;
+              }
+
+              label input[type="radio"]:checked:after {
+                background: url("../../../static/img/xz.png") no-repeat;
+              }
+              */
          }

          span {
@@ -541,7 +550,7 @@ export default {
          box-sizing: border-box;

          label {
-            width: 547px;
+            // width: 547px;
            height: 43px;
            display: inline-block;
            box-sizing: border-box;
--- a/src/views/homePage/homePage.vue
+++ b/src/views/homePage/homePage.vue
@@ -51,7 +51,7 @@
      <!-- TWO -->
      <div class="container-two">
        <p class="title">新闻动态</p>
-        <div id="box">
+        <div id="boxs">
          <!-- 党组织信息 -->
          <div class="box-child">
            <div class="top-p">
@@ -141,6 +141,7 @@
                </div>
              </template>
            </div>
+            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
@@ -156,6 +157,7 @@ import headerNav from "../../components/headerNav";
 /* eslint-disable */
 import footerNav from "../../components/footerNav";
 import Swiper from "swiper";
+
 export default {
  components: {
    headerNav,
@@ -172,7 +174,8 @@ export default {
        zz: require("../../../static/img/zz.png"),
        wjx: require("../../../static/img/wjx.png"),
        img3: require("../../../static/img/img3.png"),
-        right: require("../../../static/img/right.png")
+        right: require("../../../static/img/right.png"),
+        left: require("../../../static/img/left.png")
      },
      mData: [
        { text: "贵安新区拟对部分社会组织进行注销登记", time: "2019-3-14" },
@@ -258,7 +261,7 @@ export default {
            "活动策划是提高市场占有率的有效行为，一份可执行、可操作、创意突出的活动策划案，可有效提升企业的知名度及品牌美誉度。活动策划案是相对于市场策划案而言，严格说它们同属市场策划的兄弟分支，活动策划、..."
        }
      ],
-      list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+      list: [1, 2, 3, 4, 5, 6, 7, 8]
    };
  },
  computed: {},
@@ -281,26 +284,35 @@ export default {
    initialSwiper() {
      var swiper = new Swiper(".swiper-two", {
        spaceBetween: 20,
-        slidesPerView: 3,
+        slidesPerView: 4,
        slidesPerGroup: 2,
-        loop: true,
+        /** loop: true,*/
        loopFillGroupWithBlank: true,

+        /** 如果需要前进后退按钮 */
        navigation: {
-          prevEl: ".swiper-button-next"
-        }
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev"
+        },
+
+        observer: true /*启动动态检查器，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。*/,
+        observeParents: true /*将observe应用于Swiper的父元素。当Swiper的父元素变化时，例如window.resize，Swiper更新。*/
      });
    }
  },
  created() {},
  mounted() {
-    // this.initSwiper();
-    // this.initialSwiper();
+    this.initSwiper();
+    this.initialSwiper();
  }
 };
 </script>

 <style lang='scss' scoped>
+.swiper-wrapper {
+  height: auto !important;
+}
+
 .wrapper {
  width: 1280px;
  box-sizing: border-box;
@@ -325,10 +337,34 @@ export default {
      padding: 0 42px 0 4px;
      display: flex;

+      .swiper-button-prev.swiper-button-disabled,
+      .swiper-button-next.swiper-button-disabled {
+        opacity: 0;
+        cursor: auto;
+        pointer-events: none;
+      }
+
+      .swiper-button-prev {
+        outline: none;
+        position: absolute;
+        top: 50%;
+        left: 0%;
+        width: 60px;
+        height: 60px;
+        margin-top: -22px;
+        z-index: 10;
+        cursor: pointer;
+        background-image: url("../../../static//img/left.png");
+        background-size: 60px 60px;
+        background-position: center;
+        background-repeat: no-repeat;
+      }
+
      .swiper-button-next {
        outline: none;
        position: absolute;
        top: 50%;
+        right: 0%;
        width: 60px;
        height: 60px;
        margin-top: -22px;
@@ -342,7 +378,6 @@ export default {

      .swiper-slide {
        width: 239px !important;
-        height: 196px;
        background-color: #ffffff;
        box-shadow: 0px 10px 9px 1px rgba(206, 204, 204, 0.12);
        border-radius: 5px;
@@ -357,6 +392,7 @@ export default {
          background-color: #ffffff;
          border-radius: 5px 5px 0px 0px;
        }
+
        span {
          font-family: "MicrosoftYaHei";
          font-size: 18px;
@@ -397,11 +433,17 @@ export default {

      .list {
        width: 1132px;
-        height: 239px;
+        height: 240px;
        box-sizing: border-box;
        padding: 33px 8px 26px 12px;
        display: flex;
        justify-content: space-between;
+        border-bottom: 1px solid #f8f8f8;
+        border-top: 1px solid #f8f8f8;
+
+        &:nth-last-child(1) {
+          border-bottom: 0px solid #f8f8f8;
+        }

        img {
          width: 300px;
@@ -411,6 +453,7 @@ export default {

        .wen-ben {
          width: 763px;
+
          h3 {
            font-family: "MicrosoftYaHei";
            font-size: 22px;
@@ -453,7 +496,7 @@ export default {
    box-sizing: border-box;
    margin-top: 59px;

-    #box {
+    #boxs {
      width: 100%;
      height: 428px;
      display: flex;
@@ -478,6 +521,7 @@ export default {
            a {
              color: #333333;
            }
+
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
@@ -500,6 +544,7 @@ export default {
            a {
              color: #333333;
            }
+
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
@@ -578,6 +623,7 @@ export default {
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #ccc;
+
          span {
            font-family: "MicrosoftYaHei";
            font-size: 14px;
@@ -591,6 +637,7 @@ export default {
            display: flex;
            justify-content: space-between;
            align-items: center;
+
            .o {
              width: 27px;
              height: 24px;
@@ -630,6 +677,7 @@ export default {
      color: #333333;
    }
  }
+
  /** ONE */
  .container {
    width: 100%;
@@ -776,6 +824,7 @@ export default {
        background-size: 13px 23px;
        background-position: center;
        background-repeat: no-repeat;
+        outline: none;
      }

      .swiper-button-next {
@@ -790,6 +839,7 @@ export default {
        background-size: 13px 23px;
        background-position: center;
        background-repeat: no-repeat;
+        outline: none;
      }
    }
  }
--- a/src/views/informationQuery/informationQuery.vue
+++ b/src/views/informationQuery/informationQuery.vue
@@ -327,6 +327,8 @@ export default {
      align-items: center;

      select {
+        color: #666 !important;
+        font-size: 18px;
        &:nth-of-type(1) {
          /* 清除默认的箭头样式 */
          appearance: none;
@@ -375,7 +377,7 @@ export default {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
-        letter-spacing: 0px;
+        letter-spacing: 2px;
        color: #666666;
        padding: 0 18px;
        box-sizing: border-box;
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -2,11 +2,11 @@
  <div class="wrapper" :style="{'background-image':'url('+imgUrl.login+')'}">
    <div class="box">
      <div class="box-o">
-        <h3>欢 迎 登 录</h3>
+        <h3>歡 迎 登 錄</h3>
        <div class="input">
-          <input type="text" v-model="nickname" name="nickname" placeholder="组织名称" />
+          <input type="text" v-model="postData.account" name="account" placeholder="组织名称" />
          <img class="one" :src="imgUrl.yh" alt />
-          <input type="password" v-model="pwd" name="pwd" placeholder="密码" />
+          <input type="password" v-model="postData.password" name="password" placeholder="密码" />
          <img class="two" :src="imgUrl.mm" alt />
        </div>
        <div class="three">
@@ -32,14 +32,42 @@ export default {
        yh: require('../../../static/img/yh.png'),
        mm: require('../../../static/img/mm.png')
      },
-      nickname: '',
-      pwd: ''
+      postData: {
+        account: '',
+        password: ''
+      }
    }
  },
  computed: {},
  watch: {},
  methods: {
-    login () {}
+    login () {
+      this.postData = {
+        account: this.postData.account,
+        password: this.$md5(this.postData.password)
+      }
+
+      console.log(this.postData)
+
+      this.$http
+        .post('/login', this.postData)
+        .then(res => {
+          if (res.data.errno === 0) {
+            this.$Message.success('登陆成功')
+            this.$router.push('roomInfo')
+            /** 全局存储token */
+            // window.localStorage['token'] = JSON.stringify(res.data.data.token)
+            window.localStorage['token'] = JSON.stringify('shenxuekundetoken')
+          } else {
+            this.$Message.error('登录失败')
+            this.forgetPassword = true
+          }
+        })
+        // eslint-disable-next-line handle-callback-err
+        .catch(err => {
+          console.log('登录失败')
+        })
+    }
  },
  created () {},
  mounted () {}
--- a/src/views/personalZte/declare.vue
+++ b/src/views/personalZte/declare.vue
@@ -1,6 +1,121 @@
 <template>
  <div class="wra">
-    <p>暂无数据~</p>
+    <div id="box">
+      <div class="bottom">
+        <!-- 公告 -->
+        <div class="top">
+          <img :src="imgUrl.xlb" alt />
+          <div>
+            <span>世界婚博会已通过初审</span>
+            <time>[2019-07-31]</time>
+          </div>
+        </div>
+        <!-- 表格 -->
+        <div class="table">
+          <div class="top-p">项目概览</div>
+          <div class="top-b">
+            <div>
+              <section>
+                <span>初筛通过</span>
+                <span>10</span>
+              </section>
+            </div>
+            <div>
+              <section>
+                <span>立项通过</span>
+                <span>10</span>
+              </section>
+            </div>
+            <div>
+              <section>
+                <span>执行中</span>
+                <span>10</span>
+              </section>
+            </div>
+            <div>
+              <section>
+                <span>已完结</span>
+                <span>10</span>
+              </section>
+            </div>
+          </div>
+        </div>
+        <!-- 下拉框 -->
+        <div class="select">
+          <select class="one" name="date">
+            <option value>2017/10/14 至 2017/10/15</option>
+            <option value>2017/10/14 至 2017/10/15</option>
+          </select>
+          <select class="two" name="type">
+            <option value>类型1</option>
+            <option value>类型2</option>
+          </select>
+          <select class="three" name="area">
+            <option value>区域1</option>
+            <option value>区域2</option>
+          </select>
+          <span @click="$jump('application')">项目申报</span>
+        </div>
+        <!-- container -->
+        <div class="con">
+          <!-- 导航 -->
+          <div class="top-t">
+            <h3
+              @click="btn(index)"
+              v-for="(item,index) in text"
+              :key="index"
+              :class="sub == index ? 'style' : ''"
+            >{{item}}</h3>
+          </div>
+          <!-- 主题内容 -->
+          <div class="cc">
+            <template v-for="(item,index) in sData">
+              <div class="list" :key="index" v-if="index < 4" @click="$jump('schedule')">
+                <div class="div">
+                  <div class="bb">
+                    <h3>世界婚博会</h3>
+                    <h5>活动</h5>
+                  </div>
+                  <time>2019-07-19</time>
+                </div>
+                <dl>
+                  <dt>
+                    <img :src="imgUrl.tg" v-if="item.state == 0" />
+                    <img :src="imgUrl.btg" v-if="item.state == 1" />
+                    <img :src="imgUrl.shz" v-if="item.state == 2" />
+                    <img :src="imgUrl.zxz" v-if="item.state == 3" />
+                  </dt>
+                  <dd>
+                    <span class="iconfont icon-zuzhijiegou"></span>
+                    <span>朝阳社会组织</span>
+                  </dd>
+                  <dd>
+                    <span class="iconfont icon-weizhi"></span>
+                    <span>北京市朝阳区建外街道</span>
+                  </dd>
+                  <dd>
+                    <span class="iconfont icon-shenhetongguo1"></span>
+                    <span>当前申报阶段：立项审核中</span>
+                  </dd>
+                </dl>
+              </div>
+            </template>
+          </div>
+        </div>
+        <!-- 分页按钮 -->
+        <div class="page">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-size="pageSize"
+            background
+            layout="prev, pager, next"
+            :total="10"
+          ></el-pagination>
+        </div>
+      </div>
+    </div>
  </div>
 </template>

@@ -10,17 +125,58 @@ export default {
  props: {},
  data () {
    return {
-      num: 1050
+      num: 1165,
+      pageSize: 1,
+      currentPage: 1,
+      totalCount: 1,
+      imgUrl: {
+        xlb: require('../../../static/img/xlb.png'),
+        tg: require('../../../static/img/tg.png'),
+        btg: require('../../../static/img/btg.png'),
+        shz: require('../../../static/img/shz.png'),
+        zxz: require('../../../static/img/zxz.png')
+      },
+      text: ['全部', '项目初筛', '项目立项'],
+      sub: 0,
+      sData: [
+        { state: 0 },
+        { state: 0 },
+        { state: 0 },
+        { state: 1 },
+        { state: 1 },
+        { state: 2 },
+        { state: 3 },
+        { state: 3 },
+        { state: 2 },
+        { state: 0 }
+      ]
    }
  },
  computed: {},
  watch: {},
  methods: {
+    btn (index) {
+      let s = this.sub
+      s = index
+      this.sub = s
+    },
    sendMsgToParent () {
      this.$emit('listenToChildExen', this.num)
-    }
+    },
+    handleSizeChange (val) {
+      this.pageNum = val
+      this.getPackData()
+    },
+    handleCurrentChange (val) {
+      this.currentPage = val
+      this.getPackData()
+    },
+    getPackData () {}
+  },
+  created () {
+    this.currentPage = Number(localStorage.getItem('pagination')) || 1
+    this.handleCurrentChange(this.currentPage)
  },
-  created () {},
  mounted () {
    this.sendMsgToParent()
  }
@@ -30,14 +186,393 @@ export default {
 <style lang='scss' scoped>
 .wra {
  width: 934px;
-  height: 1050px;
+  height: 1165px;
  background-color: #ffffff;
  padding: 35px 30px 0px;
  box-sizing: border-box;

-  p {
-    font-size: 25px;
-    font-weight: 900;
+  #box {
+    margin: 0 auto;
+    width: 100%;
+    box-sizing: border-box;
+
+    .bottom {
+      padding: 0px 30px 0px;
+      box-sizing: border-box;
+      width: 100%;
+      height: auto;
+      background-color: #ffffff;
+
+      .page {
+        margin-top: 60px;
+        height: 36px;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+
+        /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
+          background-color: #e60012;
+        }
+
+        /deep/ .el-icon.el-icon-arrow-left::before {
+          content: "上一页";
+          font-family: "MicrosoftYaHei";
+          font-size: 12px;
+          font-weight: normal;
+          font-stretch: normal;
+          letter-spacing: 1px;
+          color: #646464;
+        }
+
+        /deep/ .el-pagination .btn-prev {
+          width: 80px;
+        }
+
+        /deep/ .el-pagination .btn-next {
+          width: 80px;
+        }
+
+        /deep/ .el-icon.el-icon-arrow-right::before {
+          content: "下一页";
+          font-family: "MicrosoftYaHei";
+          font-size: 12px;
+          font-weight: normal;
+          font-stretch: normal;
+          letter-spacing: 1px;
+          color: #646464;
+        }
+      }
+
+      .con {
+        width: 100%;
+        height: auto;
+
+        .cc {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          align-items: flex-start;
+
+          .list {
+            margin-bottom: 60px;
+            width: 367px;
+            height: 184px;
+            background-color: #ffffff;
+            box-shadow: 0px 19px 21px 3px rgba(145, 142, 142, 0.1);
+            border-radius: 10px;
+            padding: 19px 29px 0px 16px;
+            box-sizing: border-box;
+
+            dl {
+              width: 100%;
+              height: 97px;
+              margin-top: 25px;
+              position: relative;
+
+              dd {
+                margin-bottom: 22px;
+                .iconfont {
+                  font-size: 17px;
+                  color: #ccc;
+                  margin-right: 16px;
+                }
+                span {
+                  font-family: "MicrosoftYaHei";
+                  font-size: 14px;
+                  font-weight: normal;
+                  font-stretch: normal;
+                  letter-spacing: 0px;
+                  color: #666666;
+                }
+              }
+
+              dt {
+                img {
+                  position: absolute;
+                  right: -8.5%;
+                  bottom: -26%;
+                  width: 119px;
+                  height: 95px;
+                }
+              }
+            }
+
+            .div {
+              width: 100%;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              time {
+                font-family: "MicrosoftYaHei";
+                font-size: 14px;
+                font-weight: normal;
+                font-stretch: normal;
+                letter-spacing: 0px;
+                color: #999999;
+              }
+              .bb {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                h5 {
+                  margin-left: 6px;
+                  height: 18px;
+                  color: #f6ad35;
+                  text-align: center;
+                  line-height: 18px;
+                  border: 1px solid #f6ad35;
+                  border-radius: 4px;
+                  font-size: 12px;
+                }
+                h3 {
+                  font-family: "MicrosoftYaHei";
+                  font-size: 16px;
+                  font-weight: normal;
+                  font-stretch: normal;
+                  letter-spacing: 0px;
+                  color: #333333;
+                }
+              }
+            }
+          }
+        }
+
+        .top-t {
+          width: 100%;
+          height: 38px;
+          padding-left: 12px;
+          box-sizing: border-box;
+          display: flex;
+          justify-content: flex-start;
+          align-items: flex-start;
+          border-bottom: 1px solid #ccc;
+          margin-bottom: 60px;
+
+          h3 {
+            text-align: center;
+            margin-right: 78px;
+            width: 90px;
+            font-family: "MicrosoftYaHei";
+            font-size: 20px;
+            font-weight: normal;
+            font-stretch: normal;
+            letter-spacing: 0px;
+            color: #333;
+          }
+
+          .style {
+            color: #e60012;
+            position: relative;
+            &::after {
+              content: "";
+              width: 91px;
+              height: 2px;
+              background-image: linear-gradient(#e60012, #e60012),
+                linear-gradient(#ff7f7f, #ff7f7f);
+              background-blend-mode: normal, normal;
+              position: absolute;
+              left: 0%;
+              bottom: -94%;
+            }
+          }
+        }
+      }
+
+      .select {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 50px;
+        margin-bottom: 50px;
+
+        .one {
+          padding-left: 30px;
+          box-sizing: border-box;
+          /* 清除默认的箭头样式 */
+          appearance: none;
+          -moz-appearance: none;
+          -webkit-appearance: none;
+          /* 右侧添加小箭头的背景图 */
+          background: url("../../../static/img/xa.png") 280px center no-repeat;
+          background-size: 14px 8px;
+          width: 325px;
+          height: 38px;
+          background-color: #f9f8f8;
+          border-radius: 4px;
+          border: solid 1px #c7c7c7;
+          outline: none;
+          font-size: 18px;
+          color: #666 !important;
+        }
+
+        .two {
+          padding-left: 30px;
+          box-sizing: border-box;
+          /* 清除默认的箭头样式 */
+          appearance: none;
+          -moz-appearance: none;
+          -webkit-appearance: none;
+          /* 右侧添加小箭头的背景图 */
+          background: url("../../../static/img/xa.png") 90px center no-repeat;
+          background-size: 14px 8px;
+          width: 134px;
+          height: 38px;
+          background-color: #f9f8f8;
+          border-radius: 4px;
+          border: solid 1px #c7c7c7;
+          outline: none;
+          font-size: 18px;
+          color: #666 !important;
+        }
+
+        .three {
+          padding-left: 30px;
+          box-sizing: border-box;
+          /* 清除默认的箭头样式 */
+          appearance: none;
+          -moz-appearance: none;
+          -webkit-appearance: none;
+          /* 右侧添加小箭头的背景图 */
+          background: url("../../../static/img/xa.png") 90px center no-repeat;
+          background-size: 14px 8px;
+          width: 134px;
+          height: 38px;
+          background-color: #f9f8f8;
+          border-radius: 4px;
+          border: solid 1px #c7c7c7;
+          outline: none;
+          font-size: 18px;
+          color: #666 !important;
+        }
+        span {
+          display: inline-block;
+          text-align: center;
+          line-height: 32px;
+          width: 96px;
+          height: 32px;
+          background-image: linear-gradient(
+              69deg,
+              #cc263f 0%,
+              #f42b47 100%,
+              #ed162d 100%,
+              #e60012 100%
+            ),
+            linear-gradient(#e60012, #e60012);
+          background-blend-mode: normal, normal;
+          border-radius: 4px;
+          font-family: "MicrosoftYaHei";
+          font-size: 16px;
+          font-weight: normal;
+          font-stretch: normal;
+          letter-spacing: 0px;
+          color: #ffffff;
+        }
+      }
+
+      .table {
+        width: 100%;
+        height: 181px;
+        border: solid 1px #dadada;
+        background-color: #f6f6f6;
+
+        .top-b {
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          div {
+            width: 202px;
+            height: 139px;
+            background-color: #fff;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            section {
+              width: 72px;
+              height: 67px;
+              display: flex;
+              flex-direction: column;
+              justify-content: space-between;
+              align-items: center;
+
+              span:first-child {
+                font-family: "MicrosoftYaHei";
+                font-size: 18px;
+                font-weight: normal;
+                font-stretch: normal;
+                letter-spacing: 0px;
+                color: #666666;
+              }
+
+              span:last-child {
+                font-family: "MicrosoftYaHei";
+                font-size: 24px;
+                font-weight: bold;
+                font-stretch: normal;
+                letter-spacing: 0px;
+                color: #e60012;
+              }
+            }
+          }
+        }
+
+        .top-p {
+          font-family: "MicrosoftYaHei";
+          font-size: 18px;
+          font-weight: normal;
+          font-stretch: normal;
+          letter-spacing: 0px;
+          color: #333333;
+          width: 100%;
+          height: 40px;
+          background-color: #f6f6f6;
+          text-align: center;
+          line-height: 40px;
+          border: 1px solid #dadada;
+        }
+      }
+    }
+
+    .top {
+      width: 100%;
+      height: 40px;
+      margin: 0px 0 30px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      img {
+        width: 33px;
+        height: 27px;
+      }
+      div {
+        width: 750px;
+        height: 21px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        span {
+          font-family: "MicrosoftYaHei";
+          font-size: 20px;
+          font-weight: normal;
+          font-stretch: normal;
+          letter-spacing: 0px;
+          color: #666666;
+        }
+
+        time {
+          font-family: "MicrosoftYaHei";
+          font-size: 20px;
+          font-weight: normal;
+          letter-spacing: 0px;
+          color: #999999;
+        }
+      }
+    }
  }
 }
 </style>
--- a/src/views/project/application.vue
+++ b/src/views/project/application.vue
@@ -254,20 +254,27 @@
            <div class="xxx">
              <h5>六、申报单位承诺</h5>
              <div class="plpl">
-                <input type="checkbox" name id checked disabled />
+                <span
+                  @click="thf()"
+                  :class="thff ? 'ic' : ''"
+                  class="iconfont icon-fuxuankuang_xuanzhong"
+                ></span>
                <label for>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
              </div>
            </div>
            <div class="xxx">
              <h5>七、项目主责单位意见</h5>
              <div class="btnn">
-                <span>上传文件</span>
+                <label id="uploadFile">
+                  上传文件
+                  <input id="uploadFile" v-show="false" type="file" @change="getFile($event)" />
+                </label>
              </div>
            </div>
          </div>
          <div class="ll">
            <div>保存</div>
-            <input type="submit" name id value="提交" />
+            <input type="submit" name="submit" value="提交" />
          </div>
        </div>
      </form>
@@ -291,20 +298,29 @@ export default {
    return {
      index_num: 2,
      sub: 0,
+      file: "",
      imgUrl: {
        bg0: require("../../../static/img/bg0.png"),
        bg1: require("../../../static/img/bg1.png"),
        xa: require("../../../static/img/xa.png")
-      }
+      },
+      thff: false
    };
  },
  computed: {},
  watch: {},
  methods: {
+    thf() {
+      this.thff = !this.thff;
+    },
    btn(index) {
      let s = this.sub;
      s = index;
      this.sub = s;
+    },
+    getFile(event) {
+      this.file = event.target.files[0];
+      console.log(this.file);
    }
  },
  created() {},
@@ -387,10 +403,12 @@ export default {
            color: #323232;
          }

-          input {
-            width: 20px;
-            height: 20px;
-            border: 2px solid red;
+          .iconfont {
+            font-size: 22px;
+            color: #999;
+          }
+          .ic {
+            color: #e60012;
          }
        }

@@ -412,7 +430,7 @@ export default {
          justify-content: center;
          align-items: center;

-          span {
+          label {
            font-family: "MicrosoftYaHei";
            font-size: 16px;
            font-weight: normal;
--- a/src/views/project/project.vue
+++ b/src/views/project/project.vue
@@ -215,8 +215,13 @@ export default {
        justify-content: flex-end;
        align-items: center;

+        /deep/ .el-pagination.is-background .el-pager li {
+          color: #333 !important;
+        }
+
        /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
          background-color: #e60012;
+          color: #fff !important;
        }

        /deep/ .el-icon.el-icon-arrow-left::before {
@@ -226,7 +231,7 @@ export default {
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 1px;
-          color: #646464;
+          color: #666;
        }

        /deep/ .el-pagination .btn-prev {
@@ -244,7 +249,7 @@ export default {
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 1px;
-          color: #646464;
+          color: #666;
        }
      }

@@ -377,7 +382,7 @@ export default {
              background-blend-mode: normal, normal;
              position: absolute;
              left: 0%;
-              bottom: -86%;
+              bottom: -94%;
            }
          }
        }
@@ -407,6 +412,8 @@ export default {
          border-radius: 4px;
          border: solid 1px #c7c7c7;
          outline: none;
+          font-size: 18px;
+          color: #666;
        }

        .two {
@@ -425,6 +432,8 @@ export default {
          border-radius: 4px;
          border: solid 1px #c7c7c7;
          outline: none;
+          font-size: 18px;
+          color: #666;
        }

        .three {
@@ -443,6 +452,8 @@ export default {
          border-radius: 4px;
          border: solid 1px #c7c7c7;
          outline: none;
+          font-size: 18px;
+          color: #666;
        }
        span {
          display: inline-block;
@@ -474,6 +485,7 @@ export default {
        height: 181px;
        border: solid 1px #dadada;
        background-color: #f6f6f6;
+        box-sizing: border-box;

        .top-b {
          width: 100%;
@@ -482,8 +494,8 @@ export default {
          align-items: center;

          div {
-            width: 282px;
-            height: 140px;
+            width: 283px;
+            height: 139px;
            background-color: #fff;
            display: flex;
            justify-content: center;
@@ -530,6 +542,9 @@ export default {
          background-color: #f6f6f6;
          text-align: center;
          line-height: 40px;
+          border-bottom: 1px solid #dadada;
+          border-right: 1px solid #dadada;
+          box-sizing: border-box;
        }
      }
    }
--- a/src/views/registered/registered.vue
+++ b/src/views/registered/registered.vue
@@ -56,7 +56,7 @@
          <!-- 请输入统一社会信用代码 -->
          <label>
            <span class="two">
-              <span class="iconfont icon-_H_"></span>
+              <img :src="imgUrl.yy" alt style="width:20px;height:20px;margin-top:0px;" />
              <span class="iconfont icon-vertical_line"></span>
            </span>
            <input
@@ -195,7 +195,8 @@ export default {
  data () {
    return {
      imgUrl: {
-        registered: require('../../../static/img/registered.png')
+        registered: require('../../../static/img/registered.png'),
+        yy: require('../../../static/img/yy.png')
      }
    }
  },
--- a/static/fonts/demo_index.html
+++ b/static/fonts/demo_index.html
@@ -94,6 +94,12 @@
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6ca;</span>
+                <div class="name">复选框_选中3</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">时钟</div>
@@ -273,6 +279,15 @@
            </div>
          </li>
          
+          <li class="dib">
+            <span class="icon iconfont icon-fuxuankuang_xuanzhong"></span>
+            <div class="name">
+              复选框_选中3
+            </div>
+            <div class="code-name">.icon-fuxuankuang_xuanzhong
+            </div>
+          </li>
+          
          <li class="dib">
            <span class="icon iconfont icon-shizhong"></span>
            <div class="name">
@@ -435,6 +450,14 @@
                <div class="code-name">#icon-fuzeren</div>
            </li>
          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuxuankuang_xuanzhong"></use>
+                </svg>
+                <div class="name">复选框_选中3</div>
+                <div class="code-name">#icon-fuxuankuang_xuanzhong</div>
+            </li>
+          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shizhong"></use>
--- a/static/fonts/iconfont.css
+++ b/static/fonts/iconfont.css
@@ -1,10 +1,10 @@
@font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1569068452334'); /* IE9 */
-  src: url('iconfont.eot?t=1569068452334#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAvoAAsAAAAAFTQAAAuZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFOgqZaJUWATYCJANECyQABCAFhG0HgWQb9hEjkjBWNdlfFNiOLzrGZWBxw7jIB8vabWAToa//LSAcJs/kkKDviwjq9yt7HvwlKH8QvSoujh2gBAJFrNjGxYgYuUbcsRE7PG3z3wUI7ygVsfNvRq3ZF2MNymEUrFu3L4dr2JowFlYtExetTSw6v2nucL7vXM+kvqswQ3n2o0Y7TGFtl700HRwiG4x5E/L/1lKLuC5EE3bx5v/dy2VhNsmE5wLAZVKVgEJXqJkQTop77l5UAYVtlWGjVZWswdqKgb1oQsXIeO35YgJdS2bi8MfRs9oKbgeOuWduXtYONCkZWmjXNQm7FvFD1U7fUhu+6+8fu/ZGm6Rm/KVO3jhyzf4N7A+ZWrx1Lqu8bY7jdS8yZijETmLHGsiONdNON+nk4j/2WKF/x2kjq4am3PjwN9BoYxVau3F44+L9YbEg+2r4w4Q94h/x6OhqjAwMFaEvqXqytpYx0YDTZ9HzyTEbmKqiwwatii4bHKYBtQMzAnUDMwD1ga0Y9QdTQAeCCdDRYPqgY8Ek0ELYuqNrwfRAD4PJoBdRRZtNDtPSdAUCxrgzMXfZgyOUEfUtuC/1TqFqFC1JyI5VcEKj6opFHbN0Rz8BEufPzubxXPGvLSjczYeF2LFYTJzHY7GZdCdblgOL5SrDcQSns1g8G54dh2UPIcHDWb6zKC0f6vWIjcrgSOh0YIJaL5DpVc0aB1JH8bVaGBToVY7pBk0jxZcSiYJzySKjVVuTCZVx0exNHAY3mQprWkH5e9afW38eoe08F1AGmBBBdvbEHupyUyGUlsyFCpa6CUHqHWoEgK2lVMOyyWSm5VbkeWt5K9yiNnX3w5Wah++7IdU66MykjtAYDI5Wq6MhT3PRv8QUBvdYXOovF3RYBNbbUcT+m6TWNKHOo6AaFJwjPR7Yrt447uFud3R713x1A0DfNhJcTTOCqZogzDnHYpGZTNIX3VfOak03m0nZDBbKToUYMYVF10dGI6baAt5DNo0lIVA469GzLBek2jroZDKhMf9z2mwypfg5m0l/13nAqsHvcGsxifh1i81PSU0goXM82utZ7lJlSYKHTG7aBj+1oDupvtzxstV3l6VfkwUmjZkA7ZRZDdfhTI9q1QKZ1NCBsx9uCFA6zbT1vlk6V+8z/vl6jtFOkyn7E/0YQ5fF7kUA800yONR6Ox2ZaLklyzzpRt4Fk1elObFraZVFeqRH1avpprqyJ2c9Xs14H8zivvehFabFqzWG7uiO4Q7ewrYuCBkLsXb6E5rgxkonOYEYygR6PYQ1250zZzlECAG2d8lKG482u87R94MtfN1+Z2kFKO12IAy9riofWfnBvMNmXoYydZnUljiVlSYM3JhEcwHsMYeq9C9u1ZAfY+ZlpifSOVxkfZ5uebZ0usYI52QZENWegBX0rG7gozUtTqWn/TWOpE7TrBIsg4jqDGQhhMboipQ5y0H1KSdQepogAIu0wH/+gMaI5BqBCBuk+/NfJrrOYgLAcxAhFIhxO1gw+/XZ895ntRZYOFOb/IzSHbNmw+wee5msOx5TezTQoOe3WQRQr83O0FKltQRbU19OjsvS16lrMkdnURVvzFsWa+rpGcPCtTVlJ09q0OkA+lY7BWrLyuf1ztISqROmx8Hi7rGkFw6nZhsCpzoASisjEJge7tPX1/Lf5y+TkqUlDTV7LKOuqcx1bll5c2B6uuHajDqQZG1jxhp2/elLxVC8lC7Xm4I3StqWqMn565x9nUvzM0oNKX6ZRvsuWue8ru1iaQxYim0JqjF9QkmKDAiTuCnpEqoxc2RFhWpvpCQBFW4SEKbIAifEn/XzTUJJStjqr4OjS6gK2rNSZxrdZvLcuZNtAKAtlT2jDSuluIBLF3jgXhLKgSw0IG5+cvP8UWD9Bfv16cnBloCFYMM84QgiYyQRrtrA819gDU5PjvfIkGGpY8dF/EvHxKm2aRGjR2OJh6848+2me4/t/qfbUMmy4yMLQheKhpy2X5UW09+zf1qsLdiRMBj0KTm2HLly3Mw1IowURTLkDJLSzQ330lo4FHS1QzGWumhqMpIC5o1HM4uryYuxJYaVCpCPbF+HzwtvAYYtgwdgQckpZT4ANnCzz5gjpJRKIA/8H3hAgYf+dHzGaHeaLxcPz+p4P48dnhb4mMEf7zIleaQwvTt/yUpRUJRFmniQkQwmZdOT/Q97jBoi6P5XmeP6PX3gd9x+OOYVvmifqaVfsjhFYfM4Kf7UuIOA9Sc1RF0YNSZjxf4V0oQnJ2xTK3aIvILgo5GRQSPDWHTQt+P8+cm8u7zJ58+z8MubttvKwJhkok1wCmLVN29WUxN7ASjCU4I2AtU131sTKvKRKIEYXVhWtpCYKAAKQCxRinzWBTfeu/Y/KldSckQAHUHlaL4nygdRTwhsxZ49xSgFCo5HxIa5tFMsUshkouxOkllgE/1uGLkvhpGNTlu/fpphohQAAYjMHhb+IC3N00PFPXxoemgP0qGf5pISqVgqIcHcwtjk2AOSiO7UVPd4dyOtO+JhGjuevcacEGoxM54xZXMEvoxp/JxB6LgWycEAme94PMT2hy2nf4Gtln1Acp+2fPmHd1yXh86efVo2r1f+WA5GvGE9lT5lMau/OE/fF2nv04P2+NhH7vMpfK1KyW0VewmHeUmyvMV9Yu8siWgQZwMskdirswCtqkQL0YJHUwHqhRcIqpwm/BXip//8OW2YOAWIhVMD8wKyN2zIDsgL7JJggQt+CAuAVy6w4G5uuEWAiYbhhdNOYE+oP4Z/+YLDPMYQNexjfP2yuNSJ4Ic783mRHj5cPiMcZ697QBSvWdPoLnIrBYPmRqHWVeTioR3jIoI3ocjlluZjtJ7OFtphFVHQCKNcjS4iF2OuMaHWUyt8Y0ZmEHB/phFGT0igbt28taXOyHnuGWD25d3zan05EaBfSGTefJQUQDmJyDwNIZHZskUpiEKBGNoIhRyAi7spSFEoXKtxNDmOmjqpOHqLVJwyKZ5Ckol7RAt8Z+Qw1CcPalA1aoaeoa65H13nxWtRSjWpF8a5ZCBpavB3uZb/n+evXTwDb+8vz/+u5y/f5bX3Z2kz9uQJZpjNQBjeJpLB2+bP3zZY/MuAXb2KwTQwRC3z5BK2+Q4E23LOPp+ZtCHu2ecWxmR41zPG2PX9Rxf6f3xnJzK7K6jETjK2WqxsI2zntzPrjPAulDPVmzfCNqYc3t3Xf1P4piQzbCPC2ZuU7HB4F+w7sHVnmd9tr9NVH59dmHJxyrOP1ae8/G/vKjtZtHchcsdTcbmowruiyAJ3a3TB3iKgfE8BAPpaCx8T6gIKa8Wo8c4UYalJiakIb9Ux50aOYIGA96Hb6DQ6sQs7gMmztDhs+NijHEPvYmIN9hMraEr7i6mK7mcB5qHpMcGUJQ3o37vbauBt/Kv4fO7grwziP94TN1tia3R/H4WD6kOAAX1CpeBe5it4A/7j58225ev6KaPBIltFAE6gAIDeBXewHjv3unUdCvtuoa6DR1A23AmGwS8cjw4jNIRoQscwjEChkvcm2JsPMEhhAgBCrCIEwbOXoDiMBMPTDgBE3yU0Am8JHS8wAjXK4lmREBDm6pWgYehFuwnT4ShlK1/Zx36Diq4hv1/n/wMFMyyKNA9Pf8II1MQWYVYlsxSS0IsP8nLgHIqJcICOU8087bJMJm2ZdugPriQgoMFm+Z7Q2qobHTSS92ZXkW//DSiR06CMS35X/wdIYJ5eKKTyAuGfzljokkM5OZgpJaZcEupsgjzhg3LgxAQSpuSVBqDDUrrC2GQno7eSRZ20e9fve9dOvAzffhJHomq6YVpPjoexHdfz4zGe3L4AWilh4ypnRrgLGkZ5MuOoVMTiPCpVfWOOQ8TrvY6QNKPieN6bZvSe4bSLuMRjgvFsAbPX5nJ7JQlD4HMZ9xCrXQSNTbHrfdmTzGBAYbyk1lr+ZJUcV1/VS6fdxg0bndOaBhMfz1bz0XhwAAAA') format('woff2'),
-  url('iconfont.woff?t=1569068452334') format('woff'),
-  url('iconfont.ttf?t=1569068452334') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1569068452334#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1569231804715'); /* IE9 */
+  src: url('iconfont.eot?t=1569231804715#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1569231804715') format('woff'),
+  url('iconfont.ttf?t=1569231804715') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1569231804715#iconfont') format('svg'); /* iOS 4.1- */
 }

 .iconfont {
@@ -59,6 +59,10 @@
  content: "\e688";
 }

+.icon-fuxuankuang_xuanzhong:before {
+  content: "\e6ca";
+}
+
 .icon-shizhong:before {
  content: "\e64c";
 }
--- a/static/fonts/iconfont.eot
+++ b/static/fonts/iconfont.eot
--- a/static/fonts/iconfont.js
+++ b/static/fonts/iconfont.js
--- a/static/fonts/iconfont.json
+++ b/static/fonts/iconfont.json
@@ -82,6 +82,13 @@
      "unicode": "e688",
      "unicode_decimal": 59016
    },
+    {
+      "icon_id": "5833700",
+      "name": "复选框_选中3",
+      "font_class": "fuxuankuang_xuanzhong",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
    {
      "icon_id": "6246299",
      "name": "时钟",
--- a/static/fonts/iconfont.svg
+++ b/static/fonts/iconfont.svg
@@ -53,6 +53,9 @@ Created by iconfont
    <glyph glyph-name="fuzeren" unicode="&#59016;" d="M586 236.9c0 9.6-12.1 25.3-31.8 51h-84.6c-19.6-25.6-31.7-41.4-31.7-51 0.8-10.5 23.5-56.5 44.2-83.1-17.7-78.8-38.5-137.5-38.5-206.2 0-23.5 51.9-72.3 67.5-73.6h1.7c15.5 1.2 67.5 50.1 67.5 73.6 0 68.7-20.9 127.4-38.5 206.2 20.8 26.8 43.4 72.7 44.2 83.1zM512 832.5c59.9 0 116.2-23.3 158.6-65.7 42.4-42.4 65.7-98.7 65.7-158.6S712.9 492 670.6 449.7C628.2 407.3 571.9 384 512 384s-116.2 23.3-158.6 65.7-65.7 98.7-65.7 158.6 23.3 116.2 65.7 158.6c42.4 42.3 98.7 65.6 158.6 65.6M512 896C353.1 896 224.3 767.2 224.3 608.3S353.1 320.5 512 320.5s287.7 128.8 287.7 287.7S670.9 896 512 896zM1024-128h-63.8c0 247.1-201.1 448.2-448.2 448.2S63.8 119.1 63.8-128H0c0 69.1 13.5 136.2 40.2 199.3C66 132.3 103 187 150 234s101.8 83.9 162.7 109.7C375.8 370.5 442.9 384 512 384s136.2-13.5 199.3-40.2C772.3 318 827 281 874 234s83.9-101.8 109.7-162.7c26.8-63.1 40.3-130.2 40.3-199.3z"  horiz-adv-x="1024" />

    
+    <glyph glyph-name="fuxuankuang_xuanzhong" unicode="&#59082;" d="M904 896H120C54 896 0 842 0 776v-784c0-66 54-120 120-120h784c66 0 120 54 120 120V776c0 66-54 120-120 120zM787.1 524.8L460.4 198.1l-0.1-0.1c-12.4-12.4-32.7-12.4-45.1 0l-0.1 0.1-178.2 178.2c-12.4 12.4-12.4 32.7 0 45.1l0.1 0.1c12.4 12.4 32.7 12.4 45.1 0l155.6-155.6L741.9 570c12.4 12.4 32.7 12.4 45.1 0l0.1-0.1c12.4-12.4 12.4-32.7 0-45.1z"  horiz-adv-x="1024" />
+
+    
    <glyph glyph-name="shizhong" unicode="&#58956;" d="M512 888.986301C232.854795 888.986301 7.013699 663.145205 7.013699 384s225.841096-504.986301 504.986301-504.986301 504.986301 225.841096 504.986301 504.986301-227.243836 504.986301-504.986301 504.986301z m0-939.835616c-239.868493 0-434.849315 194.980822-434.849315 434.849315s194.980822 434.849315 434.849315 434.849315 434.849315-194.980822 434.849315-434.849315-196.383562-434.849315-434.849315-434.849315zM576.526027 364.361644c1.40274 5.610959 2.805479 12.624658 2.80548 19.638356 0 26.652055-15.430137 50.49863-37.873973 63.123288V723.463014c0 19.638356-15.430137 35.068493-35.068493 35.068493s-35.068493-15.430137-35.068493-35.068493V447.123288c-22.443836-12.624658-37.873973-35.068493-37.873973-63.123288 0-39.276712 32.263014-72.942466 72.942466-72.942466 7.013699 0 14.027397 1.40274 19.638356 2.80548l136.065754-136.065754c7.013699-7.013699 15.430137-9.819178 25.249315-9.819178s18.235616 2.805479 25.249315 9.819178c14.027397 14.027397 14.027397 36.471233 0 49.095891l-136.065754 137.468493z"  horiz-adv-x="1024" />

    
--- a/static/fonts/iconfont.ttf
+++ b/static/fonts/iconfont.ttf
--- a/static/fonts/iconfont.woff
+++ b/static/fonts/iconfont.woff
--- a/static/fonts/iconfont.woff2
+++ b/static/fonts/iconfont.woff2
--- a/static/img/left.png
+++ b/static/img/left.png
--- a/static/img/yy.png
+++ b/static/img/yy.png
--- a/static/js/http.js
+++ b/static/js/http.js
@@ -0,0 +1,38 @@
+import axios from 'axios'
+import router from '../../src/router'
+
+// axios 配置
+axios.defaults.timeout = 7200
+axios.defaults.baseURL = ''
+
+// test使用的
+window.localStorage['token'] = JSON.stringify('shenxuekundetoken')
+
+// http request 拦截器
+axios.interceptors.request.use(
+  config => {
+    if (localStorage.token) {
+      // 判断token是否存在
+      config.headers.Authorization = localStorage.token // 将token设置成请求头
+    }
+    return config
+  },
+  err => {
+    return Promise.reject(err)
+  }
+)
+
+// http response 拦截器
+axios.interceptors.response.use(
+  response => {
+    if (response.data.errno === 999) {
+      router.replace('/')
+      console.log('token过期')
+    }
+    return response
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+export default axios