修改项目站

src/components/layout/header.vue

@@ -78,8 +78,8 @@ export default {
         },
         {
           title: '项目介绍',
-          path: 'https://x.ezijing.com/news/detail?id=79&tabs=0',
-          type: 1
+          path: '/introduce'
+          // type: 1
         },
         {
           title: '通知公告',

src/pages/home/newIntroduce.vue

+<template>
+  <div class="news-detail-box">
+    <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
+    <div class="title">{{ data.title }}</div>
+    <div class="content content-max-width" v-html="data.content"></div>
+    <div class="pdf content-max-width">
+      <a target="_blank" :href="data.attachment_url" class="name">{{ data.attachment_title }}</a>
+    </div>
+  </div>
+</template>
+<script>
+import action from '@action'
+import breadcrumb from '@/components/breadcrumb'
+export default {
+  components: {
+    breadcrumb
+  },
+  data() {
+    return {
+      data: {},
+      crumbData: [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: parseInt(this.$route.query.tabs) === 1 ? '工作动态' : '通知公告'
+        }
+      ]
+    }
+  },
+  mounted() {
+    this.getData()
+    if (this.$route.query.type) {
+      this.crumbData = [
+        {
+          path: '/',
+          name: '首页'
+        },
+        {
+          name: parseInt(this.$route.query.tabs) === 1 ? '工作动态' : '通知公告'
+        }
+      ]
+    }
+  },
+  methods: {
+    getData() {
+      action.articleAction.getArticleDetail(79).then(res => {
+        this.data = res.data
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.crumb{
+  padding-top: 24px;
+}
+.content-max-width{
+  width: 870px;
+  margin: 0 auto;
+}
+.news-detail-box{
+  .title{
+    text-align: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #C01540;
+    line-height: 25px;
+    margin: 24px 0;
+  }
+  .content{
+    font-size: 14px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #717171;
+    line-height: 20px;
+    margin-bottom: 24px;
+  }
+}
+.pdf{
+  padding-bottom: 30px;
+  .name{
+    color: #0053C6;
+  }
+}
+</style>

src/pages/train/form.vue

@@ -3,72 +3,78 @@
     <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
     <div class="form-box">
       <el-form ref="form" :model="form" label-width="80px" class="forms">
-        <el-form-item label="姓名" label-width="100px">
+        <el-form-item label="院校名称" label-width="110px">
+          <el-input v-model="form.i4"></el-input>
+        </el-form-item>
+        <el-form-item label="院校地址" label-width="110px">
+          <el-input v-model="form.i5"></el-input>
+        </el-form-item>
+        <el-form-item label="姓名" label-width="110px">
           <el-input v-model="form.i1"></el-input>
         </el-form-item>
-        <el-form-item label="性别" label-width="100px">
+        <el-form-item label="性别" label-width="110px">
           <el-select v-model="form.i2" placeholder="请选择" class="width100">
             <el-option label="男" value="男"></el-option>
             <el-option label="女" value="女"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="民族" label-width="100px">
+        <el-form-item label="民族" label-width="110px">
           <el-input v-model="form.i3"></el-input>
         </el-form-item>
-        <el-form-item label="职务" label-width="100px">
+        <el-form-item label="所在院系及职务" label-width="110px">
           <el-input v-model="form.i4"></el-input>
         </el-form-item>
-        <el-form-item label="手机号码" label-width="100px">
+        <el-form-item label="手机号码" label-width="110px">
           <el-input v-model="form.i5"></el-input>
         </el-form-item>
-        <el-form-item label="身份证号" label-width="100px">
+        <el-form-item label="身份证号" label-width="110px">
           <el-input v-model="form.i6"></el-input>
         </el-form-item>
-        <el-form-item label="邮箱" label-width="100px">
+        <el-form-item label="邮箱" label-width="110px">
           <el-input v-model="form.i7"></el-input>
         </el-form-item>
-        <el-form-item label="单/合住" label-width="100px">
+        <el-form-item label="单/合住" label-width="110px">
           <el-select v-model="form.i8" placeholder="请选择" class="width100">
             <el-option label="单住" value="单住"></el-option>
             <el-option label="合住" value="合住"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label-width="100px">
+        <el-form-item label-width="110px">
           <div class="line">
             发票信息填写
           </div>
         </el-form-item>
-        <el-form-item label="开户名" label-width="100px">
+        <el-form-item label="开户名" label-width="110px">
           <el-input v-model="form.i9"></el-input>
         </el-form-item>
-        <el-form-item label="开户行" label-width="100px">
+        <el-form-item label="开户行" label-width="110px">
           <el-input v-model="form.i10"></el-input>
         </el-form-item>
-        <el-form-item label="账号" label-width="100px">
+        <el-form-item label="账号" label-width="110px">
           <el-input v-model="form.i11"></el-input>
         </el-form-item>
-        <el-form-item label="税号" label-width="100px">
+        <el-form-item label="税号" label-width="110px">
           <el-input v-model="form.i12"></el-input>
         </el-form-item>
-        <el-form-item label="邮寄地址" label-width="100px">
+        <el-form-item label="邮寄地址" label-width="110px">
           <el-input v-model="form.i13"></el-input>
         </el-form-item>
-        <!-- <el-form-item label="付款方式" label-width="100px">
-          <el-select v-model="form.i9" placeholder="请选择" class="width100">
+        <!-- <el-form-item label="付款方式" label-width="110px">
+          <el-select v-model="form.i9" placeholder="请选择" class="width110">
             <el-option label="微信" value="shanghai"></el-option>
             <el-option label="支付宝" value="beijing"></el-option>
           </el-select>
         </el-form-item> -->
-        <!-- <el-form-item label="身份证号" label-width="100px">
+        <!-- <el-form-item label="身份证号" label-width="110px">
           <el-input v-model="form.i10"></el-input>
         </el-form-item>
-        <el-form-item label="地址" label-width="100px">
+        <el-form-item label="地址" label-width="110px">
           <el-input type="textarea" v-model="form.i11"></el-input>
         </el-form-item>
-        <el-form-item label="培训需求" label-width="100px">
+        <el-form-item label="培训需求" label-width="110px">
           <el-input type="textarea" v-model="form.i12"></el-input>
         </el-form-item> -->
-        <!-- <el-form-item label-width="100px">
+        <!-- <el-form-item label-width="110px">
           <el-upload
             class="upload-demo"
             drag
@@ -79,7 +85,7 @@
             <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
           </el-upload>
         </el-form-item> -->
-        <el-form-item label-width="100px">
+        <el-form-item label-width="110px">
           <el-button type="primary" @click="onSubmit">提交</el-button>
           <el-button @click="back">返回</el-button>
         </el-form-item>
@@ -118,13 +124,15 @@ export default {
         i10: '',
         i11: '',
         i12: '',
-        i13: ''
+        i13: '',
+        i14: '',
+        i15: ''
       },
       formName: {
         i1: '姓名',
         i2: '性别',
         i3: '民族',
-        i4: '职务',
+        i4: '所在院系及职务',
         i5: '手机号码',
         i6: '身份证号',
         i7: '邮箱',
@@ -133,7 +141,9 @@ export default {
         i10: '开户行',
         i11: '账号',
         i12: '税号',
-        i13: '邮寄地址'
+        i13: '邮寄地址',
+        i14: '院校名称',
+        i15: '院校地址'
       }
     }
   },

src/router/routes.js

@@ -35,7 +35,7 @@ export default [
       { path: '/hall', component: () => import('@/pages/hall/index.vue') },
       // 教学服务
       { path: '/service', component: () => import('@/pages/service/index.vue') },
-      { path: '/introduce', component: () => import('@/pages/home/introduce.vue') }
+      { path: '/introduce', component: () => import('@/pages/home/newIntroduce.vue') }
     ]
   },
   // 考核站点详情