kun 9/25 9:21

src/router.js

@@ -2,31 +2,31 @@ import Vue from 'vue'
 import Router from 'vue-router'
 
 /** 首页 */
-import homePage from './views/homePage/homePage'
+import HomePage from './views/home/HomePage'
-import applyFor from './views/homePage/applyFor'
+import ApplyFor from './views/home/ApplyFor'
-import newsDetails from './views/homePage/newsDetails'
+import NewsDetails from './views/home/NewsDetails'
-import newsList from './views/homePage/newsList'
+import NewsList from './views/home/NewsList'
 /** 登录 */
-import login from './views/login/login'
+import Login from './views/Login'
 /** 注册 */
-import registered from './views/registered/registered'
+import Registered from './views/Registered'
 /** 项目管理 */
-import project from './views/project/project'
+import Project from './views/project/Project'
-import schedule from './views/project/schedule'
+import Schedule from './views/project/Schedule'
-import application from './views/project/application'
+import Application from './views/project/Application'
 /** 个人中心 */
-import personalZte from './views/personalZte/personalZte'
+import PersonalZte from './views/personal/PersonalZte'
-import apply from './views/personalZte/apply'
+import Apply from './views/personal/Apply'
-import collection from './views/personalZte/collection'
+import Collection from './views/personal/Collection'
-import declare from './views/personalZte/declare'
+import Declare from './views/personal/Declare'
-import modify from './views/personalZte/modify'
+import Modify from './views/personal/Modify'
 /** 信息查询 */
-import informationQuery from './views/informationQuery/informationQuery'
+import InformationQuery from './views/InformationQuery'
 
 /** 头部导航 */
-import headerNav from './components/headerNav'
+import HeaderNav from './components/HeaderNav'
 /** 尾部导航 */
-import footerNav from './components/footerNav'
+import FooterNav from './components/FooterNav'
 
 Vue.use(Router)
 
@@ -37,7 +37,7 @@ export default new Router({
     {
       path: '/newsList',
       name: 'newsList',
-      component: newsList
+      component: NewsList
     },
     {
       path: '/informationQuery',
@@ -45,7 +45,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: informationQuery
+      component: InformationQuery
     },
     {
       path: '/modify',
@@ -53,7 +53,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: modify
+      component: Modify
     },
     {
       path: '/declare',
@@ -61,7 +61,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: declare
+      component: Declare
     },
     {
       path: '/collection',
@@ -69,7 +69,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: collection
+      component: Collection
     },
     {
       path: '/apply',
@@ -77,7 +77,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: apply
+      component: Apply
     },
     {
       path: '/personalZte',
@@ -85,7 +85,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: personalZte
+      component: PersonalZte
     },
     {
       path: '/application',
@@ -93,7 +93,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: application
+      component: Application
     },
     {
       path: '/project',
@@ -101,7 +101,7 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: project
+      component: Project
     },
     {
       path: '/schedule',
@@ -109,42 +109,42 @@ export default new Router({
       meta: {
         requireAuth: true
       },
-      component: schedule
+      component: Schedule
     },
     {
       path: '/',
       name: 'homePage',
-      component: homePage
+      component: HomePage
     },
     {
       path: '/applyFor',
       name: 'applyFor',
-      component: applyFor
+      component: ApplyFor
     },
     {
       path: '/newsDetails',
       name: 'newsDetails',
-      component: newsDetails
+      component: NewsDetails
     },
     {
       path: '/login',
       name: 'login',
-      component: login
+      component: Login
     },
     {
       path: '/registered',
       name: 'registered',
-      component: registered
+      component: Registered
     },
     {
       path: '/headerNav',
       name: 'headerNav',
-      component: headerNav
+      component: HeaderNav
     },
     {
       path: '/footerNav',
       name: 'footerNav',
-      component: footerNav
+      component: FooterNav
     }
   ]
 })

src/views/InformationQuery.vue

@@ -1,27 +1,33 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <!-- 搜索框 -->
       <div class="search">
-        <input type="text" placeholder="请输入搜索内容" v-model.trim="searchVal" />
+        <input type="text"
+               placeholder="请输入搜索内容"
+               v-model.trim="searchVal" />
         <label @click="getSearch()">搜索</label>
       </div>
       <!-- 分类搜索 -->
       <div class="select-box">
-        <select name="type" id>
+        <select name="type"
+                id>
           <option value>社会</option>
           <option value>团体</option>
         </select>
-        <select name="time" id>
+        <select name="time"
+                id>
           <option value>09-18</option>
           <option value>09-19</option>
         </select>
-        <select name="year" id>
+        <select name="year"
+                id>
           <option value>2017</option>
           <option value>2019</option>
         </select>
-        <select name="condition" id>
+        <select name="condition"
+                id>
           <option value>good</option>
           <option value>bad</option>
         </select>
@@ -38,12 +44,10 @@
       <!-- 表格 -->
       <div class="box-table">
         <div class="caption">
-          <span
+          <span v-for="(list,index) in text"
-            v-for="(list,index) in text"
+                :class="sub == index ? 'color' : ''"
-            :class="sub == index ? 'color' : ''"
+                :key="index"
-            :key="index"
+                @click="btn(index)">{{list}}</span>
-            @click="btn(index)"
-          >{{list}}</span>
         </div>
         <table>
           <tr>
@@ -56,54 +60,54 @@
             <th>状态</th>
           </tr>
           <template v-if="searchValue.length == 0">
-            <tr
+            <tr v-for="(item,index) in sData"
-              v-for="(item,index) in sData"
+                :key="index"
-              :key="index"
+                :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'">
-              :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'"
-            >
               <td>{{item.id}}</td>
               <td>{{item.organization}}</td>
               <td>{{item.credit}}</td>
               <td>{{item.type}}</td>
               <td>{{item.representative}}</td>
               <td>{{item.date}}</td>
-              <td v-if="item.zt == 0" style="color:#2fd63f">正常</td>
+              <td v-if="item.zt == 0"
-              <td v-if="item.zt == 1" style="color:#e13232">异常</td>
+                  style="color:#2fd63f">正常</td>
+              <td v-if="item.zt == 1"
+                  style="color:#e13232">异常</td>
             </tr>
           </template>
           <template v-if="searchValue.length > 0">
-            <tr
+            <tr v-for="(item,index) in searchValue"
-              v-for="(item,index) in searchValue"
+                :key="index"
-              :key="index"
+                :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'">
-              :class="index % 2 == 0 ? 'bgcbz' : 'bgcz'"
-            >
               <td v-html="item.id">{{item.id}}</td>
               <td v-html="item.organization">{{item.organization}}</td>
               <td v-html="item.credit">{{item.credit}}</td>
               <td v-html="item.type">{{item.type}}</td>
               <td v-html="item.representative">{{item.representative}}</td>
               <td v-html="item.date">{{item.date}}</td>
-              <td v-if="item.zt == 0" style="color:#2fd63f">正常</td>
+              <td v-if="item.zt == 0"
-              <td v-if="item.zt == 1" style="color:#e13232">异常</td>
+                  style="color:#2fd63f">正常</td>
+              <td v-if="item.zt == 1"
+                  style="color:#e13232">异常</td>
             </tr>
           </template>
         </table>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../components/FooterNav";
 
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {
@@ -112,7 +116,7 @@ export default {
       text: ["全部", "异常名单", "白名单"],
       sub: 0,
       imgUrl: {
-        xa: require("../../../static/img/xa.png")
+        xa: require("../../static/img/xa.png")
       },
       searchVal: "",
       searchValue: [],
@@ -435,7 +439,7 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url("../../../static/img/xa.png") 90px center no-repeat;
+          background: url("../../static/img/xa.png") 90px center no-repeat;
           background-size: 14px 8px;
           width: 134px;
           height: 38px;
@@ -448,7 +452,7 @@ export default {
         -moz-appearance: none;
         -webkit-appearance: none;
         /* 右侧添加小箭头的背景图 */
-        background: url("../../../static/img/xa.png") 126px center no-repeat;
+        background: url("../../static/img/xa.png") 126px center no-repeat;
         background-size: 14px 8px;
         width: 170px;
         height: 38px;

src/views/Login.vue

@@ -1,19 +1,31 @@
 <template>
-  <div class="wrapper" :style="{'background-image':'url('+imgUrl.login+')'}">
+  <div class="wrapper"
+       :style="{'background-image':'url('+imgUrl.login+')'}">
     <div class="box">
       <div class="box-o">
         <h3>歡 迎 登 錄</h3>
         <div class="input">
-          <input type="text" v-model="postData.account" name="account" placeholder="组织名称" />
+          <input type="text"
-          <img class="one" :src="imgUrl.yh" alt />
+                 v-model="postData.account"
-          <input type="password" v-model="postData.password" name="password" placeholder="密码" />
+                 name="account"
-          <img class="two" :src="imgUrl.mm" alt />
+                 placeholder="组织名称" />
+          <img class="one"
+               :src="imgUrl.yh"
+               alt />
+          <input type="password"
+                 v-model="postData.password"
+                 name="password"
+                 placeholder="密码" />
+          <img class="two"
+               :src="imgUrl.mm"
+               alt />
         </div>
         <div class="three">
           <span @click="$jump('registered')">注册</span>
           <span>忘记密码</span>
         </div>
-        <div class="btn" @click="login()">
+        <div class="btn"
+             @click="login()">
           <button type="submit">立即登录</button>
         </div>
       </div>
@@ -25,53 +37,53 @@
 export default {
   components: {},
   props: {},
-  data () {
+  data() {
     return {
       imgUrl: {
-        login: require('../../../static/img/login.png'),
+        login: require("../../static/img/login.png"),
-        yh: require('../../../static/img/yh.png'),
+        yh: require("../../static/img/yh.png"),
-        mm: require('../../../static/img/mm.png')
+        mm: require("../../static/img/mm.png")
       },
       postData: {
-        account: '',
+        account: "",
-        password: ''
+        password: ""
       }
-    }
+    };
   },
   computed: {},
   watch: {},
   methods: {
-    login () {
+    login() {
       this.postData = {
         account: this.postData.account,
         password: this.$md5(this.postData.password)
-      }
+      };
 
-      console.log(this.postData)
+      console.log(this.postData);
 
       this.$http
-        .post('/login', this.postData)
+        .post("/login", this.postData)
         .then(res => {
           if (res.data.errno === 0) {
-            this.$Message.success('登陆成功')
+            this.$Message.success("登陆成功");
-            this.$router.push('roomInfo')
+            this.$router.push("roomInfo");
             /** 全局存储token */
             // window.localStorage['token'] = JSON.stringify(res.data.data.token)
-            window.localStorage['token'] = JSON.stringify('shenxuekundetoken')
+            window.localStorage["token"] = JSON.stringify("shenxuekundetoken");
           } else {
-            this.$Message.error('登录失败')
+            this.$Message.error("登录失败");
-            this.forgetPassword = true
+            this.forgetPassword = true;
           }
         })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log('登录失败')
+          console.log("登录失败");
-        })
+        });
     }
   },
-  created () {},
+  created() {},
-  mounted () {}
+  mounted() {}
-}
+};
 </script>
 
 <style lang='scss' scoped>

src/views/Registered.vue

@@ -1,24 +1,26 @@
 <template>
-  <div class="wrapper" :style="{'background-image':'url('+imgUrl.registered+')'}">
+  <div class="wrapper"
+       :style="{'background-image':'url('+imgUrl.registered+')'}">
     <div class="box">
       <div class="boxx">
         <h3>立 即 注 冊</h3>
-        <form action method onsubmit="return false" enctype="multipart/form-data">
+        <form action
+              method
+              onsubmit="return false"
+              enctype="multipart/form-data">
           <!-- 请输入组织名称 -->
           <label>
             <span class="one">
               <span class="iconfont icon-ren"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入组织名称"
-              placeholder="请输入组织名称"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
             <span class="span1">注：组织名称将用于用户登录</span>
           </label>
           <!-- 请输入密码 -->
@@ -27,15 +29,13 @@
               <span class="iconfont icon-suo"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="password"
-              type="password"
+                   placeholder="请输入密码"
-              placeholder="请输入密码"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请再次输入密码 -->
           <label>
@@ -43,31 +43,29 @@
               <span class="iconfont icon-suo"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="password"
-              type="password"
+                   placeholder="请再次输入密码"
-              placeholder="请再次输入密码"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入统一社会信用代码 -->
           <label>
             <span class="two">
-              <img :src="imgUrl.yy" alt style="width:20px;height:20px;margin-top:0px;" />
+              <img :src="imgUrl.yy"
+                   alt
+                   style="width:20px;height:20px;margin-top:0px;" />
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="password"
-              type="password"
+                   placeholder="请输入统一社会信用代码"
-              placeholder="请输入统一社会信用代码"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入法人代表 -->
           <label>
@@ -75,15 +73,13 @@
               <span class="iconfont icon-fuzeren"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入法人代表"
-              placeholder="请输入法人代表"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入单位属性 -->
           <label>
@@ -91,15 +87,13 @@
               <span class="iconfont icon-icon-test"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入单位属性"
-              placeholder="请输入单位属性"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入业务主管单位名称 -->
           <label>
@@ -107,15 +101,13 @@
               <span class="iconfont icon-zhuzhuangtu"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入业务主管单位名称"
-              placeholder="请输入业务主管单位名称"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入负责人姓名 -->
           <label>
@@ -123,15 +115,13 @@
               <span class="iconfont icon-renxiang-"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入负责人姓名"
-              placeholder="请输入负责人姓名"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入负责人职务 -->
           <label>
@@ -139,15 +129,13 @@
               <span class="iconfont icon-lingdai"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="text"
-              type="text"
+                   placeholder="请输入负责人职务"
-              placeholder="请输入负责人职务"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 请输入负责人电话 -->
           <label>
@@ -155,32 +143,30 @@
               <span class="iconfont icon-dianhua"></span>
               <span class="iconfont icon-vertical_line"></span>
             </span>
-            <input
+            <input class="input"
-              class="input"
+                   type="tel"
-              type="tel"
+                   placeholder="请输入负责人电话"
-              placeholder="请输入负责人电话"
+                   required
-              required
+                   pattern
-              pattern
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
           </label>
           <!-- 管理平台协 -->
           <label class="label">
-            <input
+            <input class="checkout"
-              class="checkout"
+                   type="checkbox"
-              type="checkbox"
+                   required
-              required
+                   oninvalid="setCustomValidity('不能为空')"
-              oninvalid="setCustomValidity('不能为空')"
+                   oninput="setCustomValidity('')" />
-              oninput="setCustomValidity('')"
-            />
             <span class="span2">
               我已阅读并接受
               <span class="span3">《管理平台协议》</span>
             </span>
           </label>
           <label class="s">
-            <input type="submit" class="sub" value="立即注册" />
+            <input type="submit"
+                   class="sub"
+                   value="立即注册" />
           </label>
         </form>
       </div>
@@ -192,20 +178,20 @@
 export default {
   components: {},
   props: {},
-  data () {
+  data() {
     return {
       imgUrl: {
-        registered: require('../../../static/img/registered.png'),
+        registered: require("../../static/img/registered.png"),
-        yy: require('../../../static/img/yy.png')
+        yy: require("../../static/img/yy.png")
       }
-    }
+    };
   },
   computed: {},
   watch: {},
   methods: {},
-  created () {},
+  created() {},
-  mounted () {}
+  mounted() {}
-}
+};
 </script>
 
 <style lang='scss' scoped>

src/views/home/ApplyFor.vue

@@ -1,64 +1,82 @@
 <template>
   <div class="wr">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div class="wrapperr">
       <p class="title">党组织申请</p>
       <!-- 进度条 -->
       <div class="he">
-        <div
+        <div class="list"
-          class="list"
+             v-for="(item,index) in text"
-          v-for="(item,index) in text"
+             :key="index"
-          :key="index"
+             :style="{'background-image': sub == index ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">
-          :style="{'background-image': sub == index ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
-        >
           <span :style="sub == index ? 'color:#fff' : 'color:#000'">{{item}}</span>
         </div>
       </div>
 
       <!-- 用户填写的内容 -->
-      <form action method onsubmit="return false" enctype="multipart/form-data">
+      <form action
+            method
+            onsubmit="return false"
+            enctype="multipart/form-data">
         <!-- 党组织申请1 -->
-        <div id="boxOne" v-if="sub == 0">
+        <div id="boxOne"
+             v-if="sub == 0">
           <h3>基本信息</h3>
           <div class="b">
             <div class="o">
               <label>
                 <span>社会组织名称:</span>
-                <input class="input" type="text" name="name" />
+                <input class="input"
+                       type="text"
+                       name="name" />
               </label>
               <label>
                 <span>社会组织类型:</span>
-                <select name="type" id></select>
+                <select name="type"
+                        id></select>
               </label>
             </div>
             <div class="o">
               <label>
                 <span>流动党员数量:</span>
-                <input class="input" type="text" name="name" />
+                <input class="input"
+                       type="text"
+                       name="name" />
               </label>
               <label>
                 <span>已有党员数量:</span>
-                <input class="input" type="text" name="name" />
+                <input class="input"
+                       type="text"
+                       name="name" />
               </label>
             </div>
             <div class="o">
               <label>
                 <span>从业人员总数:</span>
-                <input class="input" type="text" name="name" />
+                <input class="input"
+                       type="text"
+                       name="name" />
               </label>
               <label>
                 <span>党组织名称:</span>
-                <input class="input" type="text" name="name" />
+                <input class="input"
+                       type="text"
+                       name="name" />
               </label>
             </div>
             <div class="o-zero">
               <span>是否建立党组织:</span>
               <div>
                 <label for>
-                  <input type="radio" name="yn" value="yes" checked />&nbsp;&nbsp;是
+                  <input type="radio"
+                         name="yn"
+                         value="yes"
+                         checked />&nbsp;&nbsp;是
                 </label>&nbsp;&nbsp;&nbsp;&nbsp;
                 <label for>
-                  <input type="radio" name="yn" value="no" />&nbsp;&nbsp;否
+                  <input type="radio"
+                         name="yn"
+                         value="no" />&nbsp;&nbsp;否
                 </label>
               </div>
             </div>
@@ -66,10 +84,15 @@
               <span>是否建立“功能型”党组织:</span>
               <div>
                 <label for>
-                  <input type="radio" name="ynn" value="yes" checked />&nbsp;&nbsp;是
+                  <input type="radio"
+                         name="ynn"
+                         value="yes"
+                         checked />&nbsp;&nbsp;是
                 </label>&nbsp;&nbsp;&nbsp;&nbsp;
                 <label for>
-                  <input type="radio" name="ynn" value="no" />&nbsp;&nbsp;否
+                  <input type="radio"
+                         name="ynn"
+                         value="no" />&nbsp;&nbsp;否
                 </label>
               </div>
             </div>
@@ -86,10 +109,12 @@
               <input type="text" />
             </div>
           </div>
-          <div class="btn" @click="btn(1)">下一步</div>
+          <div class="btn"
+               @click="btn(1)">下一步</div>
         </div>
         <!-- 党组织申请2 -->
-        <div id="boxTwo" v-if="sub == 1">
+        <div id="boxTwo"
+             v-if="sub == 1">
           <!-- !!!!!! -->
           <h3>党组织书记情况</h3>
           <div class="b">
@@ -101,8 +126,10 @@
           align-items: center;">
               <label for>姓别:</label>
               <label class="label">
-                <input type="radio" name="sex" />&nbsp;&nbsp;男&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
-                <input type="radio" name="sex" />&nbsp;&nbsp;女
+                       name="sex" />&nbsp;&nbsp;男&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
+                       name="sex" />&nbsp;&nbsp;女
               </label>
             </div>
             <div>
@@ -129,8 +156,10 @@
           align-items: center;">
               <label for>是否建立群团组织:</label>
               <label class="label">
-                <input type="radio" name="ss" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
-                <input type="radio" name="ss" />&nbsp;&nbsp;否
+                       name="ss" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
+                       name="ss" />&nbsp;&nbsp;否
               </label>
             </div>
             <div>
@@ -141,8 +170,10 @@
           align-items: center;">
               <label for>是否选派党建工作指导员:</label>
               <label class="label">
-                <input type="radio" name="ww" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
-                <input type="radio" name="ww" />&nbsp;&nbsp;否
+                       name="ww" />&nbsp;&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;
+                <input type="radio"
+                       name="ww" />&nbsp;&nbsp;否
               </label>
             </div>
             <div>
@@ -154,34 +185,38 @@
               <input type="text" />
             </div>
           </div>
-          <div @click="btn(2)" style="display:flex;justify-content:center;margin-top:35px;">
+          <div @click="btn(2)"
-            <input type="submit" value="立即提交" />
+               style="display:flex;justify-content:center;margin-top:35px;">
+            <input type="submit"
+                   value="立即提交" />
           </div>
         </div>
       </form>
 
       <!-- succeed -->
-      <div class="succeed" v-if="sub == 2">
+      <div class="succeed"
+           v-if="sub == 2">
         <div>
-          <img :src="imgUrl.succeed" alt />
+          <img :src="imgUrl.succeed"
+               alt />
           <span>党组织申请已提交成功！</span>
         </div>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/home/HomePage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <!-- 内容ONE -->
       <div class="container">
@@ -9,15 +9,18 @@
           <div class="swiper-container swiper-one">
             <div class="swiper-wrapper">
               <div class="swiper-slide">
-                <img :src="imgUrl.lb" alt />
+                <img :src="imgUrl.lb"
+                     alt />
                 <div class="box">加强基础设施建设，完善城市功能，扩大城市容量</div>
               </div>
               <div class="swiper-slide">
-                <img :src="imgUrl.lb" alt />
+                <img :src="imgUrl.lb"
+                     alt />
                 <div class="box">加强基础设施建设，完善城市功能，扩大城市容量</div>
               </div>
               <div class="swiper-slide">
-                <img :src="imgUrl.lb" alt />
+                <img :src="imgUrl.lb"
+                     alt />
                 <div class="box">加强基础设施建设，完善城市功能，扩大城市容量</div>
               </div>
             </div>
@@ -38,7 +41,8 @@
           <!-- 列表显示 -->
           <ul>
             <template v-for="(item,index) in mData">
-              <li :key="index" v-if="index < 8">
+              <li :key="index"
+                  v-if="index < 8">
                 <a href="javascript:void(0);">
                   <span>{{item.text}}</span>
                   <time>[{{item.time}}]</time>
@@ -56,7 +60,9 @@
           <div class="box-child">
             <div class="top-p">
               <div>
-                <img class="o" :src="imgUrl.gq" alt />
+                <img class="o"
+                     :src="imgUrl.gq"
+                     alt />
                 <span>党组织信息</span>
               </div>
               <span>更多>></span>
@@ -69,9 +75,11 @@
                 <p>二是在马克思主义党的学说指导下所进行的党的建设的实践活动；</p>
                 <p>三是作为理论原则与实际行动两者中介的约法规章。</p>
               </div>
-              <div class="img" @click="$jump('applyFor')">
+              <div class="img"
+                   @click="$jump('applyFor')">
                 <div class="img-box">
-                  <img :src="imgUrl.wjx" alt />
+                  <img :src="imgUrl.wjx"
+                       alt />
                   <span>申请成为党组织</span>
                 </div>
               </div>
@@ -81,14 +89,18 @@
           <div class="box-child">
             <div class="top-p">
               <div>
-                <img class="n" :src="imgUrl.ws" alt />
+                <img class="n"
+                     :src="imgUrl.ws"
+                     alt />
                 <span>统一战线</span>
               </div>
               <span @click="$jump('newsList')">更多>></span>
             </div>
             <ul class="ulo">
               <template v-for="(item,index) in mmData">
-                <li :key="index" v-if="index<9" @click="$jump('newsDetails')">
+                <li :key="index"
+                    v-if="index<9"
+                    @click="$jump('newsDetails')">
                   <a href="javascript:void(0);">{{item.text}}</a>
                 </li>
               </template>
@@ -98,14 +110,18 @@
           <div class="box-child">
             <div class="top-p">
               <div>
-                <img class="e" :src="imgUrl.zz" alt />
+                <img class="e"
+                     :src="imgUrl.zz"
+                     alt />
                 <span>组织生活</span>
               </div>
               <span @click="$jump('newsList')">更多>></span>
             </div>
             <ul class="ult">
               <template v-for="(item,index) in mmmData">
-                <li :key="index" v-if="index < 9" @click="$jump('newsDetails')">
+                <li :key="index"
+                    v-if="index < 9"
+                    @click="$jump('newsDetails')">
                   <a href="javascript:void(0);">{{item.text}}</a>
                 </li>
               </template>
@@ -118,8 +134,11 @@
         <p class="title">@书记</p>
         <div class="box-list">
           <template v-for="(item,index) in sData">
-            <div class="list" :key="index" v-if="index<3">
+            <div class="list"
-              <img :src="item.img" alt />
+                 :key="index"
+                 v-if="index<3">
+              <img :src="item.img"
+                   alt />
               <div class="wen-ben">
                 <h3>{{item.title}}</h3>
                 <p>{{item.text}}</p>
@@ -132,21 +151,25 @@
       <div class="container-four">
         <p class="title">党建矩阵</p>
         <div class="swiper-box-list">
-          <div id="img-box" class="f-row">
+          <div id="img-box"
+               class="f-row">
             <template v-for="(list,index) in lists">
-              <div class="img-box" :key="index">
+              <div class="img-box"
-                <img :src="imgUrl.img3" alt />
+                   :key="index">
+                <img :src="imgUrl.img3"
+                     alt />
                 <p>中国政府网站</p>
               </div>
             </template>
-            <img
+            <img v-if="leftPos != 0"
-              v-if="leftPos != 0"
+                 @click="scrollFeeds('left')"
-              @click="scrollFeeds('left')"
+                 class="mv-btn left-side"
-              class="mv-btn left-side"
+                 :src="imgUrl.left"
-              :src="imgUrl.left"
+                 alt />
-              alt
+            <img @click="scrollFeeds('right')"
-            />
+                 class="mv-btn right-side"
-            <img @click="scrollFeeds('right')" class="mv-btn right-side" :src="imgUrl.right" alt />
+                 :src="imgUrl.right"
+                 alt />
           </div>
         </div>
         <!-- <div class="swiper-container swiper-two">
@@ -163,21 +186,21 @@
         </div>-->
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 import Swiper from "swiper";
 
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/home/NewsDetails.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div class="box">
       <div class="left">
         <dl>
           <dt>
-            <img class="one" :src="imgUrl.img5" alt />
+            <img class="one"
-            <span
+                 :src="imgUrl.img5"
-              @click="collection()"
+                 alt />
-              class="iconfont icon-changyongtubiao-mianxing-"
+            <span @click="collection()"
-              :class="coll ? 'colorTrue' : 'colorFalse'"
+                  class="iconfont icon-changyongtubiao-mianxing-"
-            ></span>
+                  :class="coll ? 'colorTrue' : 'colorFalse'"></span>
           </dt>
           <dd>
             <span class="d-o">因势而谋书写能源转型发展大文章</span>
@@ -34,9 +34,12 @@
         <h3>热点新闻</h3>
         <div>
           <template v-for="(item,index) in list">
-            <dl :key="index" v-if="index < 4" @click="$jump('newsDetails')">
+            <dl :key="index"
+                v-if="index < 4"
+                @click="$jump('newsDetails')">
               <dt>
-                <img :src="imgUrl.img4" alt />
+                <img :src="imgUrl.img4"
+                     alt />
               </dt>
               <dd>
                 <span class="dd">活动策划是提高市场占有率的有效行为</span>
@@ -49,19 +52,19 @@
         </div>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/home/NewsList.vue

@@ -1,11 +1,14 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <template v-for="(list,index) in four">
-        <div id="news" :key="index" @click="$jump('newsDetails')">
+        <div id="news"
+             :key="index"
+             @click="$jump('newsDetails')">
           <div class="news-box">
-            <img src="../../../static/img/img5.png" alt />
+            <img src="../../../static/img/img5.png"
+                 alt />
             <section>
               <h3>因势而谋书写能源转型发展大文章</h3>
               <aside>
@@ -20,30 +23,28 @@
       </template>
       <!-- 分页按钮 -->
       <div class="page">
-        <el-pagination
+        <el-pagination @size-change="handleSizeChange"
-          @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
-          @current-change="handleCurrentChange"
+                       :current-page="currentPage"
-          :current-page="currentPage"
+                       :page-size="pageSize"
-          :page-size="pageSize"
+                       background
-          background
+                       layout="prev, pager, next"
-          layout="prev, pager, next"
+                       :total="10"></el-pagination>
-          :total="10"
-        ></el-pagination>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/personal/PersonalZte.vue

@@ -1,45 +1,48 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
-      <div class="left" :style="{height:heightVal+'px'}">
+      <div class="left"
-        <div
+           :style="{height:heightVal+'px'}">
-          class="list"
+        <div class="list"
-          @click="btn(index)"
+             @click="btn(index)"
-          v-for="(list,index) in text"
+             v-for="(list,index) in text"
-          :key="index"
+             :key="index"
-          :class="sub == index ? 'color' : ''"
+             :class="sub == index ? 'color' : ''">{{list}}</div>
-        >{{list}}</div>
       </div>
       <div class="right">
-        <apply v-if="sub == 0" @listenToChildExen="showMsgFromChild"></apply>
+        <apply v-if="sub == 0"
-        <collection v-if="sub == 1" @listenToChildExen="showMsgFromChild"></collection>
+               @listenToChildExen="showMsgFromChild"></apply>
-        <declare v-if="sub == 2" @listenToChildExen="showMsgFromChild"></declare>
+        <collection v-if="sub == 1"
-        <modify v-if="sub == 3" @listenToChildExen="showMsgFromChild"></modify>
+                    @listenToChildExen="showMsgFromChild"></collection>
+        <declare v-if="sub == 2"
+                 @listenToChildExen="showMsgFromChild"></declare>
+        <modify v-if="sub == 3"
+                @listenToChildExen="showMsgFromChild"></modify>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
-import apply from "./apply";
+import Apply from "./Apply";
-import collection from "./collection";
+import Collection from "./Collection";
-import declare from "./declare";
+import Declare from "./Declare";
-import modify from "./modify";
+import Modify from "./Modify";
 
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav,
+    FooterNav,
-    apply,
+    Apply,
-    collection,
+    Collection,
-    declare,
+    Declare,
-    modify
+    Modify
   },
   props: {},
   data() {

src/views/project/application.vue

@@ -1,31 +1,32 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <h3>项目创建</h3>
       <!-- 导航 -->
       <div class="box">
-        <div
+        <div :class="sub == 0 ? 'color' : ''"
-          :class="sub == 0 ? 'color' : ''"
+             :style="{'background-image': sub == 0 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">1 填写基本信息</div>
-          :style="{'background-image': sub == 0 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
+        <div :class="sub == 1 ? 'color' : ''"
-        >1 填写基本信息</div>
+             :style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}">2 填写详细信息</div>
-        <div
-          :class="sub == 1 ? 'color' : ''"
-          :style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
-        >2 填写详细信息</div>
       </div>
-      <form action onsubmit="return false">
+      <form action
+            onsubmit="return false">
         <div v-if="sub == 0">
           <h4>一、基本信息</h4>
           <!-- start -->
           <aside>
             <div>
               <label for>项目名称:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>项目申报单位:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -33,11 +34,15 @@
           <aside>
             <div>
               <label for>项目类型:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>项目落地区域:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -45,11 +50,15 @@
           <aside>
             <div>
               <label for>一级项目方向:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>二级项目方向:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -57,11 +66,15 @@
           <aside>
             <div>
               <label for>项目服务领域:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>申报单位属性:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -69,14 +82,16 @@
           <aside>
             <div>
               <label for>申请日期:</label>
-              <select name id>
+              <select name
+                      id>
                 <option value>2019-01-31</option>
                 <option value>2019-01-20</option>
               </select>
             </div>
             <div>
               <label for>截止日期:</label>
-              <select name id>
+              <select name
+                      id>
                 <option value>2019-01-31</option>
                 <option value>2019-01-20</option>
               </select>
@@ -87,11 +102,15 @@
           <aside>
             <div>
               <label for>通讯地址:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>邮政编码:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -99,11 +118,15 @@
           <aside>
             <div>
               <label for>电子信箱:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>传真电话:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -111,11 +134,15 @@
           <aside>
             <div>
               <label for>法定代表人:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>法人代码:</label>
-              <input type="text" name id />
+              <input type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
@@ -123,42 +150,67 @@
           <aside>
             <div>
               <label for>负责人姓名:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>职务:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>办公电话:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>手机:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
           <aside>
             <div>
               <label for>联系人姓名:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>职务:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>办公电话:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
             <div>
               <label for>手机:</label>
-              <input class="i" type="text" name id />
+              <input class="i"
+                     type="text"
+                     name
+                     id />
             </div>
           </aside>
           <!-- end -->
-          <div class="btn" @click="btn(1)">下一步</div>
+          <div class="btn"
+               @click="btn(1)">下一步</div>
         </div>
         <div v-if="sub == 1">
           <div class="cc">
@@ -166,7 +218,10 @@
             <aside>
               <div>
                 <label for>项目主责单位:</label>
-                <input class="i-i" type="text" name id />
+                <input class="i-i"
+                       type="text"
+                       name
+                       id />
               </div>
             </aside>
             <!-- end -->
@@ -174,11 +229,15 @@
             <aside>
               <div>
                 <label for>项目名称:</label>
-                <input type="text" name id />
+                <input type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>邮政编码:</label>
-                <input type="text" name id />
+                <input type="text"
+                       name
+                       id />
               </div>
             </aside>
             <!-- end -->
@@ -186,11 +245,15 @@
             <aside>
               <div>
                 <label for>电子信箱:</label>
-                <input type="text" name id />
+                <input type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>传真电话:</label>
-                <input type="text" name id />
+                <input type="text"
+                       name
+                       id />
               </div>
             </aside>
             <!-- end -->
@@ -198,38 +261,62 @@
             <aside>
               <div>
                 <label for>负责人姓名:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>职务:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>办公电话:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>手机:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
             </aside>
             <!-- end -->
             <aside>
               <div>
                 <label for>联系人姓名:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>职务:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>办公电话:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
               <div>
                 <label for>手机:</label>
-                <input class="i" type="text" name id />
+                <input class="i"
+                       type="text"
+                       name
+                       id />
               </div>
             </aside>
             <!-- end -->
@@ -237,28 +324,30 @@
           <div>
             <div class="xx">
               <h5>二、申报单位简介</h5>
-              <textarea name id></textarea>
+              <textarea name
+                        id></textarea>
             </div>
             <div class="xx">
               <h5>三、项目简介</h5>
-              <textarea name id></textarea>
+              <textarea name
+                        id></textarea>
             </div>
             <div class="xx">
               <h5>四、项目论证</h5>
-              <textarea name id></textarea>
+              <textarea name
+                        id></textarea>
             </div>
             <div class="xx">
               <h5>五、经费预算</h5>
-              <textarea name id></textarea>
+              <textarea name
+                        id></textarea>
             </div>
             <div class="xxx">
               <h5>六、申报单位承诺</h5>
               <div class="plpl">
-                <span
+                <span @click="thf()"
-                  @click="thf()"
+                      :class="thff ? 'ic' : ''"
-                  :class="thff ? 'ic' : ''"
+                      class="iconfont icon-fuxuankuang_xuanzhong"></span>
-                  class="iconfont icon-fuxuankuang_xuanzhong"
-                ></span>
                 <label for>我们确认项目中报内容的真实性,并愿意承担相应的责任</label>
               </div>
             </div>
@@ -267,31 +356,36 @@
               <div class="btnn">
                 <label id="uploadFile">
                   上传文件
-                  <input id="uploadFile" v-show="false" type="file" @change="getFile($event)" />
+                  <input id="uploadFile"
+                         v-show="false"
+                         type="file"
+                         @change="getFile($event)" />
                 </label>
               </div>
             </div>
           </div>
           <div class="ll">
             <div>保存</div>
-            <input type="submit" name="submit" value="提交" />
+            <input type="submit"
+                   name="submit"
+                   value="提交" />
           </div>
         </div>
       </form>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/project/project.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <!-- 公告 -->
       <div class="top">
-        <img :src="imgUrl.xlb" alt />
+        <img :src="imgUrl.xlb"
+             alt />
         <div>
           <span>世界婚博会已通过初审</span>
           <time>[2019-07-31]</time>
@@ -43,15 +44,18 @@
         </div>
         <!-- 下拉框 -->
         <div class="select">
-          <select class="one" name="date">
+          <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">
+          <select class="two"
+                  name="type">
             <option value>类型1</option>
             <option value>类型2</option>
           </select>
-          <select class="three" name="area">
+          <select class="three"
+                  name="area">
             <option value>区域1</option>
             <option value>区域2</option>
           </select>
@@ -61,17 +65,18 @@
         <div class="con">
           <!-- 导航 -->
           <div class="top-t">
-            <h3
+            <h3 @click="btn(index)"
-              @click="btn(index)"
+                v-for="(item,index) in text"
-              v-for="(item,index) in text"
+                :key="index"
-              :key="index"
+                :class="sub == index ? 'style' : ''">{{item}}</h3>
-              :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 < 9" @click="$jump('schedule')">
+              <div class="list"
+                   :key="index"
+                   v-if="index < 9"
+                   @click="$jump('schedule')">
                 <div class="div">
                   <div class="bb">
                     <h3>世界婚博会</h3>
@@ -81,10 +86,14 @@
                 </div>
                 <dl>
                   <dt>
-                    <img :src="imgUrl.tg" v-if="item.state == 0" />
+                    <img :src="imgUrl.tg"
-                    <img :src="imgUrl.btg" v-if="item.state == 1" />
+                         v-if="item.state == 0" />
-                    <img :src="imgUrl.shz" v-if="item.state == 2" />
+                    <img :src="imgUrl.btg"
-                    <img :src="imgUrl.zxz" v-if="item.state == 3" />
+                         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>
@@ -105,31 +114,29 @@
         </div>
         <!-- 分页按钮 -->
         <div class="page">
-          <el-pagination
+          <el-pagination @size-change="handleSizeChange"
-            @size-change="handleSizeChange"
+                         @current-change="handleCurrentChange"
-            @current-change="handleCurrentChange"
+                         :current-page="currentPage"
-            :current-page="currentPage"
+                         :page-size="pageSize"
-            :page-size="pageSize"
+                         background
-            background
+                         layout="prev, pager, next"
-            layout="prev, pager, next"
+                         :total="10"></el-pagination>
-            :total="10"
-          ></el-pagination>
         </div>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {

src/views/project/schedule.vue

@@ -1,24 +1,33 @@
 <template>
   <div class="wrapper">
-    <headerNav :index_num="index_num"></headerNav>
+    <header-nav :index_num="index_num"></header-nav>
     <div id="box">
       <!-- 导航 -->
       <div class="top">
         <div class="span">
-          <span @click="btn(0)" :class="sub == 0 ? 'style' : ''">项目进度</span>
+          <span @click="btn(0)"
-          <span @click="btn(1)" :class="sub == 1 ? 'style' : ''">项目信息</span>
+                :class="sub == 0 ? 'style' : ''">项目进度</span>
+          <span @click="btn(1)"
+                :class="sub == 1 ? 'style' : ''">项目信息</span>
         </div>
-        <div class="daochu" v-if="sub == 1">项目导出</div>
+        <div class="daochu"
+             v-if="sub == 1">项目导出</div>
       </div>
       <!-- 进度 -->
-      <div class="img" v-if="sub == 0">
+      <div class="img"
-        <img :src="imgUrl.tg" v-if="state == 0" />
+           v-if="sub == 0">
-        <img :src="imgUrl.btg" v-if="state == 1" />
+        <img :src="imgUrl.tg"
-        <img :src="imgUrl.shz" v-if="state == 2" />
+             v-if="state == 0" />
-        <img :src="imgUrl.zxz" v-if="state == 3" />
+        <img :src="imgUrl.btg"
+             v-if="state == 1" />
+        <img :src="imgUrl.shz"
+             v-if="state == 2" />
+        <img :src="imgUrl.zxz"
+             v-if="state == 3" />
       </div>
       <!-- 项目流程 -->
-      <div class="bobb" v-if="sub == 0">
+      <div class="bobb"
+           v-if="sub == 0">
         <div class="left">
           <div class="time">
             <span>2019-09-01</span>
@@ -29,40 +38,78 @@
           </div>
           <div class="jdt">
             <!-- 已申报 -->
-            <img class="sx0" :src="imgUrl.sx0" alt />
+            <img class="sx0"
-            <img class="d0" :src="imgUrl.d0" v-if="zt != 0" />
+                 :src="imgUrl.sx0"
-            <img class="d1" :src="imgUrl.d1" v-if="zt == 0" />
+                 alt />
+            <img class="d0"
+                 :src="imgUrl.d0"
+                 v-if="zt != 0" />
+            <img class="d1"
+                 :src="imgUrl.d1"
+                 v-if="zt == 0" />
             <!-- 审核中 -->
-            <img class="sx1" :src="imgUrl.sx1" alt />
+            <img class="sx1"
-            <img class="d0" :src="imgUrl.d0" v-if="zt != 1" />
+                 :src="imgUrl.sx1"
-            <img class="d1" :src="imgUrl.d1" v-if="zt == 1" />
+                 alt />
+            <img class="d0"
+                 :src="imgUrl.d0"
+                 v-if="zt != 1" />
+            <img class="d1"
+                 :src="imgUrl.d1"
+                 v-if="zt == 1" />
             <!-- 审核通过 -->
-            <img class="sx1" :src="imgUrl.sx1" alt />
+            <img class="sx1"
-            <img class="d0" :src="imgUrl.d0" v-if="zt != 2" />
+                 :src="imgUrl.sx1"
-            <img class="d1" :src="imgUrl.d1" v-if="zt == 2" />
+                 alt />
+            <img class="d0"
+                 :src="imgUrl.d0"
+                 v-if="zt != 2" />
+            <img class="d1"
+                 :src="imgUrl.d1"
+                 v-if="zt == 2" />
             <!-- 评审中 -->
-            <img class="sx1" :src="imgUrl.sx1" alt />
+            <img class="sx1"
-            <img class="d0" :src="imgUrl.d0" v-if="zt != 3" />
+                 :src="imgUrl.sx1"
-            <img class="d1" :src="imgUrl.d1" v-if="zt == 3" />
+                 alt />
+            <img class="d0"
+                 :src="imgUrl.d0"
+                 v-if="zt != 3" />
+            <img class="d1"
+                 :src="imgUrl.d1"
+                 v-if="zt == 3" />
             <!-- 评审通过 -->
-            <img class="sx1" :src="imgUrl.sx1" alt />
+            <img class="sx1"
-            <img class="d0" :src="imgUrl.d0" v-if="zt != 4" />
+                 :src="imgUrl.sx1"
-            <img class="d1" :src="imgUrl.d1" v-if="zt == 4" />
+                 alt />
+            <img class="d0"
+                 :src="imgUrl.d0"
+                 v-if="zt != 4" />
+            <img class="d1"
+                 :src="imgUrl.d1"
+                 v-if="zt == 4" />
             <!-- end -->
-            <img class="sx1" :src="imgUrl.sx1" alt />
+            <img class="sx1"
+                 :src="imgUrl.sx1"
+                 alt />
           </div>
           <div class="bb">
             <div class="o">
               <span>项目已申报</span>
-              <img class="oo" :src="imgUrl.d0" alt />
+              <img class="oo"
+                   :src="imgUrl.d0"
+                   alt />
             </div>
             <div>
               <span>初筛审核中</span>
-              <img class="oo" :src="imgUrl.d0" alt />
+              <img class="oo"
+                   :src="imgUrl.d0"
+                   alt />
             </div>
             <div class="div-v">
               <span>初筛审核通过</span>
-              <img class="oo" :src="imgUrl.d0" alt />
+              <img class="oo"
+                   :src="imgUrl.d0"
+                   alt />
               <section>
                 <span style="color:#e60012;font-size:20px;">总分: 71分</span>
                 <span style="color:#999;font-size:16px;">（及格分数: 70）</span>
@@ -70,26 +117,33 @@
             </div>
             <div>
               <span>立项评审中</span>
-              <img class="oo" :src="imgUrl.d0" alt />
+              <img class="oo"
+                   :src="imgUrl.d0"
+                   alt />
             </div>
             <div>
               <span>立项评审通过</span>
-              <img class="oo" :src="imgUrl.d0" alt />
+              <img class="oo"
+                   :src="imgUrl.d0"
+                   alt />
             </div>
           </div>
         </div>
         <div class="right">
           <p>项目流程说明</p>
           <ul>
-            <li v-for="(list,index) in text" :key="index">{{list}}</li>
+            <li v-for="(list,index) in text"
+                :key="index">{{list}}</li>
           </ul>
         </div>
       </div>
       <!-- 项目信息 -->
-      <div class="boxx" v-if="sub == 1">
+      <div class="boxx"
+           v-if="sub == 1">
         <h3>一、基本信息</h3>
         <div class="one-o">
-          <ul v-for="(item,index) in arr" :key="index">
+          <ul v-for="(item,index) in arr"
+              :key="index">
             <template v-for="(item,index) in text1">
               <li :key="index">{{item}}</li>
             </template>
@@ -127,20 +181,20 @@
         </div>
       </div>
     </div>
-    <footerNav class="footer"></footerNav>
+    <footer-nav class="footer"></footer-nav>
   </div>
 </template>
 
 <script>
 /* eslint-disable */
-import headerNav from "../../components/headerNav";
+import HeaderNav from "../../components/HeaderNav";
 /* eslint-disable */
-import footerNav from "../../components/footerNav";
+import FooterNav from "../../components/FooterNav";
 
 export default {
   components: {
-    headerNav,
+    HeaderNav,
-    footerNav
+    FooterNav
   },
   props: {},
   data() {