1

src/views/adminCenter/adminCate/detail.vue

@@ -8,25 +8,25 @@
         <el-col :span="24" class="down">
           <el-col :span="24" class="setp">
             <el-steps :active="active" align-center>
-              <el-step title="（一）吉林省科技成果评价证书"> </el-step>
-              <el-step title="（二）成果评价基础信息"> </el-step>
-              <el-step title="（三）研究（开发，转化，试试，建设）内筒和技术（创新点）"></el-step>
-              <el-step title="（四）成果取得的技术，经济指标（目标）"></el-step>
-              <el-step title="（五）成果参加人员"></el-step>
-              <el-step title="（六）现场测试（监测，测产）意见"></el-step>
-              <el-step title="（七）评价意见"></el-step>
-              <el-step title="（八）评价专家组名单"></el-step>
+              <el-step title="吉林省科技成果评价证书"> </el-step>
+              <el-step title="（一）成果评价基础信息"> </el-step>
+              <el-step title="（二）研究（开发，转化，实施，建设）内筒和技术（创新点）"></el-step>
+              <el-step title="（三）成果取得的技术，经济指标（目标）"></el-step>
+              <el-step title="（四）成果参加人员"></el-step>
+              <el-step title="（五）现场测试（监测，测产）意见"></el-step>
+              <el-step title="（六）评价意见"></el-step>
+              <el-step title="（七）评价专家组名单"></el-step>
             </el-steps>
           </el-col>
           <el-col :span="24" class="form">
-            <one :form="form" @next="oneNext" v-if="active == '1'"></one>
-            <two :form="form" v-else-if="active == '2'"></two>
-            <thr v-else-if="active == '3'"></thr>
-            <four v-else-if="active == '4'"></four>
-            <five v-else-if="active == '5'"></five>
-            <six v-else-if="active == '6'"></six>
-            <seven v-else-if="active == '7'"></seven>
-            <eight v-else-if="active == '8'"></eight>
+            <one :form="form" @next="next('2')" v-if="active == '1'"></one>
+            <two :form="form" @up="up('1')" @next="next('3')" v-else-if="active == '2'"></two>
+            <thr :form="form" @up="up('2')" @next="next('4')" v-else-if="active == '3'"></thr>
+            <four :form="form" @up="up('3')" @next="next('5')" v-else-if="active == '4'"></four>
+            <five :form="form" @up="up('4')" @next="next('6')" v-else-if="active == '5'"></five>
+            <six :form="form" @up="up('5')" @next="next('7')" v-else-if="active == '6'"></six>
+            <seven :form="form" @up="up('6')" @next="next('8')" v-else-if="active == '7'"></seven>
+            <eight :form="form" @up="up('7')" @onSubmit="onSubmit" v-else-if="active == '8'"></eight>
           </el-col>
         </el-col>
       </el-col>
@@ -54,7 +54,14 @@ export default {
       // 成果详情
       active: 2,
       form: {
+        // 基本信息
         basic: {},
+        // 内容简介
+        brief: {},
+        // 参加人员
+        research: [],
+        // 会审照片
+        file: {},
       },
     };
   },
@@ -74,9 +81,17 @@ export default {
     back() {
       this.$router.push({ path: '/adminCate' });
     },
-    // 第一步-下一步
-    oneNext() {
-      this.active = 2;
+    // 提交
+    onSubmit({ data }) {
+      console.log(data);
+    },
+    // 上一步
+    up(type) {
+      this.active = parseInt(type);
+    },
+    // 下一步
+    next(type) {
+      this.active = parseInt(type);
     },
   },
   computed: {

src/views/adminCenter/adminCate/parts/eight.vue

@@ -2,37 +2,84 @@
   <div id="eight">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            七.评价专家组名单
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-image :src="form.file.nameList"></el-image>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="onSubmit">保存</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'eight',
-  props: {},
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
-    return {};
+    return {
+      img_url: require('@a/logo.png'),
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    onSubmit() {
+      this.$emit('onSubmit', { data: this.form });
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/five.vue

@@ -2,37 +2,109 @@
   <div id="five">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            四.成果参加人员
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-table :data="form.research" border style="width: 100%" :highlight-current-row="false">
+              <el-table-column prop="research_name" label="姓名" align="center"> </el-table-column>
+              <el-table-column prop="gender" label="性别" align="center"> </el-table-column>
+              <el-table-column prop="research_company" label="工作单位" align="center"> </el-table-column>
+              <el-table-column prop="position" label="技术职称" align="center"> </el-table-column>
+            </el-table>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'five',
-  props: {},
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      // font-weight: bold;
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+      // /deep/.el-table thead {
+      //   color: #000;
+      // }
+      // /deep/.el-table td,
+      // .el-table th.is-leaf {
+      //   border-bottom: 1px solid #000;
+      // }
+      // /deep/.el-table--border td {
+      //   border-right: 1px solid #000;
+      // }
+      // /deep/.el-table th.is-leaf {
+      //   border-bottom: 1px solid #000;
+      //   border-top: 1px solid #000;
+      // }
+      // /deep/.el-table--border th {
+      //   border-right: 1px solid #000;
+      // }
+      // /deep/.el-table th {
+      //   background-color: #fff !important;
+      //   border-right: 1px solid #000;
+      // }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/four.vue

@@ -2,37 +2,95 @@
   <div id="four">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            三.成果取得的技术，经济指标（目标）
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-input v-model="form.brief.kpi_index" type="textarea" placeholder="请输入"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'four',
-  props: {},
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      // font-weight: bold;
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+      /deep/.el-textarea {
+        vertical-align: top;
+      }
+      /deep/.el-textarea__inner {
+        height: 1275px;
+        line-height: 20px;
+        border-radius: 0;
+        border: none;
+        padding: 0;
+        font-size: 16px;
+        color: #000;
+      }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/one copy.vue

@@ -0,0 +1,184 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top" id="demo">
+          <el-form ref="form" :model="form" label-width="100px">
+            <el-col :span="24" class="title">
+              吉林省科技成果评价证书
+            </el-col>
+            <el-col :span="24" class="num">
+              <p>吉发号[<el-input v-model="form.basic.jf_num"></el-input>]第<el-input v-model="form.basic.jf_nums"></el-input>号</p>
+            </el-col>
+            <el-col :span="24" class="info">
+              <el-col :span="24" class="infoMess">
+                <span>成果名称：</span>
+                <el-input v-model="form.basic.achieve_name"></el-input>
+              </el-col>
+              <el-col :span="24" class="infoMess">
+                <span>完成单位（盖章）：</span>
+                <el-input v-model="form.basic.apply_company"></el-input>
+              </el-col>
+              <el-col :span="24" class="infoMess">
+                <span>完成人（签字）：</span>
+                <el-input v-model="form.basic.contacts"></el-input>
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="date">
+              <p>
+                申请评价日期：<span>{{ getDate('yyyy') }}年</span><span>{{ getDate('MM') }}月</span><span>{{ getDate('DD') }}日</span>
+              </p>
+            </el-col>
+            <el-col :span="24" class="make">
+              <p>吉林省发明协会</p>
+              <p>二0一八年十二月制</p>
+            </el-col>
+          </el-form>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
+const moment = require('moment');
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'one',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    getDate(date) {
+      if (date == 'yyyy') {
+        return moment().format('YYYY');
+      } else if (date == 'MM') {
+        return moment().format('MM');
+      } else if (date == 'DD') {
+        return moment().format('DD');
+      }
+    },
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  padding: 0 28%;
+  .top {
+    width: 700px;
+    height: 990px;
+    // border: 1px solid #ccc;
+    padding: 0 15px;
+    .title {
+      font-size: 45px;
+      text-align: center;
+      font-weight: bold;
+      padding: 120px 0 0 0;
+      font-family: cursive;
+      margin: 0 0 30px 0;
+    }
+    .num {
+      text-align: center;
+      margin: 0 0 90px 0;
+      p {
+        font-size: 24px;
+        font-family: cursive;
+      }
+      /deep/.el-input {
+        width: 10%;
+      }
+      /deep/.el-input__inner {
+        border: none;
+        border-bottom: 2px solid #000;
+        border-radius: 0;
+        font-size: 20px;
+        padding: 0 0;
+        text-align: center;
+      }
+    }
+    .info {
+      padding: 0 40px;
+      .infoMess {
+        height: 40px;
+        line-height: 40px;
+        margin: 10px 0;
+        span {
+          display: inline-block;
+          width: 37%;
+          height: 45px;
+          line-height: 45px;
+          font-size: 24px;
+          font-family: cursive;
+        }
+        /deep/.el-input {
+          width: 63%;
+        }
+        /deep/.el-input__inner {
+          border: none;
+          border-bottom: 2px solid #000;
+          border-radius: 0;
+          font-size: 20px;
+          line-height: 45px;
+          height: 45px;
+        }
+      }
+    }
+    .date {
+      height: 45px;
+      line-height: 45px;
+      margin: 60px 0 0 0;
+      font-size: 25px;
+      padding: 0 40px;
+      font-family: cursive;
+      span {
+        display: inline-block;
+        height: 45px;
+        line-height: 45px;
+        padding: 0 10px;
+      }
+    }
+    .make {
+      margin: 220px 0 0 0;
+      text-align: center;
+      p {
+        font-size: 20px;
+        padding: 5px 0;
+      }
+    }
+  }
+  .down {
+    margin: 15px 0 0 0;
+    text-align: center;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/one.vue

@@ -3,37 +3,52 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-col :span="24" class="top" id="demo">
-          <el-form ref="form" :model="form" label-width="100px">
-            <el-col :span="24" class="title">
-              吉林省科技成果评价证书
-            </el-col>
-            <el-col :span="24" class="num">
-              <p>吉发号[<el-input v-model="form.basic.jf_num"></el-input>]第<el-input v-model="form.basic.jf_nums"></el-input>号</p>
-            </el-col>
-            <el-col :span="24" class="info">
-              <el-col :span="24" class="infoMess">
-                <span>成果名称：</span>
+          <el-col :span="24" class="one">
+            吉林省科技成果评价证书
+          </el-col>
+          <el-col :span="24" class="two">
+            <span>吉发字</span>
+            <span>[<el-input v-model="form.basic.cert_jfh" maxlength="4"></el-input>]</span>
+            <span>第</span>
+            <span><el-input v-model="form.basic.cert_num" maxlength="5"></el-input></span>
+            <span>号</span>
+          </el-col>
+          <el-col :span="24" class="thr">
+            <el-col :span="24" class="thr_info">
+              <el-col :span="3" class="left">
+                成果名称:
+              </el-col>
+              <el-col :span="21" class="right">
                 <el-input v-model="form.basic.achieve_name"></el-input>
               </el-col>
-              <el-col :span="24" class="infoMess">
-                <span>完成单位（盖章）：</span>
-                <el-input v-model="form.basic.apply_company"></el-input>
+            </el-col>
+            <el-col :span="24" class="thr_info">
+              <el-col :span="5" class="left">
+                完成单位(盖章):
               </el-col>
-              <el-col :span="24" class="infoMess">
-                <span>完成人（签字）：</span>
-                <el-input v-model="form.basic.contacts"></el-input>
+              <el-col :span="19" class="right">
+                <el-input v-model="form.basic.apply_company"></el-input>
               </el-col>
             </el-col>
-            <el-col :span="24" class="date">
-              <p>
-                申请评价日期：<span>{{ getDate('yyyy') }}年</span><span>{{ getDate('MM') }}月</span><span>{{ getDate('DD') }}日</span>
-              </p>
-            </el-col>
-            <el-col :span="24" class="make">
-              <p>吉林省发明协会</p>
-              <p>二0一八年十二月制</p>
+            <el-col :span="24" class="thr_info">
+              <el-col :span="5" class="left">
+                完成人(签字):
+              </el-col>
+              <el-col :span="19" class="right">
+                <el-input v-model="form.basic.cert_sign"></el-input>
+              </el-col>
             </el-col>
-          </el-form>
+          </el-col>
+          <el-col :span="24" class="four">
+            <span>申请评价日期:</span>
+            <span>{{ getDate('yyyy') }}年</span>
+            <span>{{ getDate('MM') }}月</span>
+            <span>{{ getDate('DD') }}日</span>
+          </el-col>
+          <el-col :span="24" class="five">
+            <p>吉林省发明协会</p>
+            <p>二0一八年十二月制</p>
+          </el-col>
         </el-col>
         <el-col :span="24" class="down">
           <el-button type="primary" size="mini" @click="next">下一步</el-button>
@@ -45,8 +60,8 @@
 </template>
 
 <script>
-import htmlToPdf from '@/unit/htmlToPdf.js';
 const moment = require('moment');
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'one',
@@ -59,6 +74,13 @@ export default {
   },
   created() {},
   methods: {
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
     getDate(date) {
       if (date == 'yyyy') {
         return moment().format('YYYY');
@@ -68,12 +90,6 @@ export default {
         return moment().format('DD');
       }
     },
-    next() {
-      this.$emit('next');
-    },
-    handleDown() {
-      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
-    },
   },
   computed: {
     ...mapState(['user']),
@@ -81,104 +97,98 @@ export default {
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
 <style lang="less" scoped>
 .main {
-  padding: 0 28%;
+  padding: 0 20%;
   .top {
-    width: 700px;
-    height: 990px;
-    // border: 1px solid #ccc;
-    padding: 0 15px;
-    .title {
-      font-size: 45px;
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    position: relative;
+    .one {
       text-align: center;
+      font-size: 40px;
+      margin: 110px 0 50px 0;
+      font-family: monospace;
       font-weight: bold;
-      padding: 120px 0 0 0;
-      font-family: cursive;
-      margin: 0 0 30px 0;
     }
-    .num {
+    .two {
       text-align: center;
-      margin: 0 0 90px 0;
-      p {
-        font-size: 24px;
-        font-family: cursive;
-      }
+      font-size: 18px;
+      margin: 0 0 150px 0;
+      font-family: monospace;
+      color: #000;
+      font-weight: bold;
       /deep/.el-input {
-        width: 10%;
+        width: 8%;
       }
       /deep/.el-input__inner {
         border: none;
-        border-bottom: 2px solid #000;
-        border-radius: 0;
-        font-size: 20px;
-        padding: 0 0;
+        color: #000;
         text-align: center;
+        font-size: 16px;
+      }
+      span:nth-child(2) {
+        padding: 0 0 0 10px;
+      }
+      span:nth-child(3) {
+        padding: 0 0 0 10px;
       }
     }
-    .info {
-      padding: 0 40px;
-      .infoMess {
-        height: 40px;
-        line-height: 40px;
-        margin: 10px 0;
-        span {
-          display: inline-block;
-          width: 37%;
-          height: 45px;
-          line-height: 45px;
-          font-size: 24px;
-          font-family: cursive;
-        }
-        /deep/.el-input {
-          width: 63%;
-        }
-        /deep/.el-input__inner {
-          border: none;
-          border-bottom: 2px solid #000;
-          border-radius: 0;
+    .thr {
+      padding: 0 100px;
+      margin: 0 0 70px 0;
+      .thr_info {
+        margin: 0 0 15px 0;
+        .left {
           font-size: 20px;
-          line-height: 45px;
-          height: 45px;
+          color: #000;
+        }
+        .right {
+          /deep/.el-input__inner {
+            border: none;
+            border-bottom: 1px solid #000;
+            border-radius: 0;
+            color: #000;
+            font-size: 20px;
+          }
         }
       }
+      .thr_info:first-child {
+        margin: 0 0 80px 0;
+      }
     }
-    .date {
-      height: 45px;
-      line-height: 45px;
-      margin: 60px 0 0 0;
-      font-size: 25px;
-      padding: 0 40px;
-      font-family: cursive;
+    .four {
+      padding: 0 100px;
+      font-size: 20px;
+      color: #000;
       span {
-        display: inline-block;
-        height: 45px;
-        line-height: 45px;
-        padding: 0 10px;
+        padding: 0 0 0 15px;
+      }
+      span:nth-child(1) {
+        padding: 0;
       }
     }
-    .make {
-      margin: 220px 0 0 0;
+    .five {
       text-align: center;
+      position: absolute;
+      bottom: 200px;
+      width: 96%;
       p {
         font-size: 20px;
+        color: #000;
         padding: 5px 0;
       }
     }
   }
   .down {
-    margin: 15px 0 0 0;
     text-align: center;
+    margin: 15px 0 0 0;
   }
 }
 </style>

src/views/adminCenter/adminCate/parts/seven.vue

@@ -2,37 +2,82 @@
   <div id="seven">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            六.评价意见
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-image :src="form.file.page6"></el-image>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'seven',
-  props: {},
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/six.vue

@@ -1,38 +1,83 @@
 <template>
-  <div id="six">
+  <div id="five">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            五.现场测试（监测，测产）意见
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-image :src="form.file.page5"></el-image>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
-  name: 'six',
-  props: {},
+  name: 'five',
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/thr.vue

@@ -2,37 +2,95 @@
   <div id="thr">
     <el-row>
       <el-col :span="24" class="main">
-        test
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            二.研究（或开发，转化，实施，建设）内容和技术（或创新点）
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-input v-model="form.brief.field" type="textarea" placeholder="请输入"></el-input>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'thr',
-  props: {},
+  props: {
+    form: { type: Object },
+  },
   components: {},
   data: function() {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
-  watch: {
-    test: {
-      deep: true,
-      immediate: true,
-      handler(val) {},
-    },
-  },
+  watch: {},
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: 'emoji';
+      // font-weight: bold;
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      padding: 10px;
+      /deep/.el-textarea {
+        vertical-align: top;
+      }
+      /deep/.el-textarea__inner {
+        height: 1275px;
+        line-height: 20px;
+        border-radius: 0;
+        border: none;
+        padding: 0;
+        font-size: 16px;
+        color: #000;
+      }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/two copy 2.vue

@@ -0,0 +1,291 @@
+<template>
+  <div id="four">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            三.成果取得的技术，经济指标（目标）
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-col :span="24" class="one">
+              <el-col :span="24" class="one1">
+                <el-col :span="4" class="left">
+                  成果名称
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-input v-model="form.basic.achieve_name"></el-input>
+                </el-col>
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="two">
+              <el-col :span="24" class="two1">
+                <el-col :span="4" class="left">
+                  完成单位
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      名称
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.apply_company"></el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      所在地
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.szd"></el-input>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      通讯地址
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.address"></el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      邮编
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.yb"></el-input>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      单位类别
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.apply_nature"></el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      隶属
+                    </el-col>
+                    <el-col :span="9">
+                      <el-radio-group v-model="form.basic.ls">
+                        <el-radio label="中直">中直</el-radio>
+                        <el-radio label="省直">省直</el-radio>
+                        <el-radio label="其他">其他</el-radio>
+                      </el-radio-group>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="thr">
+              <el-col :span="24" class="thr1">
+                <el-col :span="4" class="left">
+                  参加单位1
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      名称
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.oneCom_name"></el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      所在地
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.oneCom_szd"></el-input>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="four">
+              <el-col :span="24" class="four1">
+                <el-col :span="4" class="left">
+                  参加单位2
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      名称
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.twoCom_name"></el-input>
+                    </el-col>
+                    <el-col :span="3">
+                      所在地
+                    </el-col>
+                    <el-col :span="9">
+                      <el-input v-model="form.basic.twoCom_szd"></el-input>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <el-col :span="24" class="five">
+              <el-col :span="24" class="five1">
+                <el-col :span="4" class="left">
+                  完成人
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      第一完成人
+                    </el-col>
+                    <el-col :span="21">
+                      <el-col :span="24">
+                        <el-col :span="9">
+                          <el-col :span="6">
+                            姓名
+                          </el-col>
+                          <el-col :span="6">
+                            {{ form.research[0].research_name }}
+                          </el-col>
+                          <el-col :span="6">
+                            性别
+                          </el-col>
+                          <el-col :span="6">
+                            {{ form.research[0].gender }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="3">
+                          出生
+                        </el-col>
+                        <el-col :span="9">
+                          出生日期
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      第二参加人
+                    </el-col>
+                    <el-col :span="21">
+                      你好
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24">
+                    <el-col :span="3">
+                      第三参加人
+                    </el-col>
+                    <el-col :span="21">
+                      你好
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'four',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  padding: 0 20%;
+  .top {
+    width: 1000px;
+    height: 1410px;
+    border: 1px solid #000;
+    padding: 40px 20px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+    }
+    .info {
+      height: 1310px;
+      border: 2px solid #000;
+      .one {
+        border-bottom: 1px solid #000;
+        .one1 {
+          .left {
+            color: #000;
+            font-size: 14px;
+            font-weight: bold;
+            text-align: center;
+          }
+        }
+      }
+      .two {
+        border-bottom: 1px solid #000;
+        .two1 {
+          .left {
+            text-align: center;
+          }
+        }
+      }
+      .thr {
+        border-bottom: 1px solid #000;
+        .thr1 {
+          .left {
+            text-align: center;
+          }
+        }
+      }
+      .four {
+        border-bottom: 1px solid #000;
+        .four1 {
+          .left {
+            text-align: center;
+          }
+        }
+      }
+      .five {
+        border-bottom: 1px solid #000;
+        .five1 {
+          .left {
+            text-align: center;
+          }
+        }
+      }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>

src/views/adminCenter/adminCate/parts/two copy.vue

@@ -0,0 +1,935 @@
+<template>
+  <div id="two">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top" id="demo">
+          <el-col :span="24" class="title">
+            一.成果评价基础信息
+          </el-col>
+          <el-col :span="24" class="info">
+            <el-form ref="form" :model="form" label-width="100px">
+              <el-col :span="24" class="one">
+                <el-col :span="4" class="left">
+                  成果名称
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-input v-model="form.basic.achieve_name"></el-input>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="two">
+                <el-col :span="4" class="left">
+                  完成单位
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="16" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="6" class="right_1one_left">
+                        名称
+                      </el-col>
+                      <el-col :span="18" class="right_1one_right">
+                        <el-input v-model="form.basic.apply_company"></el-input>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="6" class="right_1one_left">
+                        通讯地址
+                      </el-col>
+                      <el-col :span="18" class="right_1one_right">
+                        <el-input v-model="form.basic.address"></el-input>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="6" class="right_1one_left">
+                        单位类别
+                      </el-col>
+                      <el-col :span="18" class="right_1one_right">
+                        <el-input v-model="form.basic.apply_nature"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="8" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="10" class="right_1one_left">
+                        所在地
+                      </el-col>
+                      <el-col :span="14" class="right_1one_right">
+                        <el-input v-model="form.basic.szd"></el-input>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="10" class="right_1one_left">
+                        邮编
+                      </el-col>
+                      <el-col :span="14" class="right_1one_right">
+                        <el-input v-model="form.basic.yb"></el-input>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="10" class="right_1one_left">
+                        隶属
+                      </el-col>
+                      <el-col :span="14" class="right_1one_right">
+                        <el-input v-model="form.basic.ls"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="thr">
+                <el-col :span="4" class="left">
+                  参加单位1
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="16" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="6" class="right_1one_left">
+                        名称
+                      </el-col>
+                      <el-col :span="18" class="right_1one_right">
+                        <el-input v-model="form.company.oneName"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="8" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="10" class="right_1one_left">
+                        所在地
+                      </el-col>
+                      <el-col :span="14" class="right_1one_right">
+                        <el-input v-model="form.company.oneSzd"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="thr">
+                <el-col :span="4" class="left">
+                  参加单位2
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="16" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="6" class="right_1one_left">
+                        名称
+                      </el-col>
+                      <el-col :span="18" class="right_1one_right">
+                        <el-input v-model="form.company.twoName"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="8" class="right_1">
+                    <el-col :span="24" class="right_1one">
+                      <el-col :span="10" class="right_1one_left">
+                        所在地
+                      </el-col>
+                      <el-col :span="14" class="right_1one_right">
+                        <el-input v-model="form.company.twoSzd"></el-input>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="five">
+                <el-col :span="4" class="left">
+                  完成人
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right_1">
+                    <el-col :span="4" class="right_1one">
+                      第一完成人
+                    </el-col>
+                    <el-col :span="20" class="right_1two">
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            身份证号
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            电话
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            邮箱
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right_1">
+                    <el-col :span="4" class="right_1one">
+                      第二参加人
+                    </el-col>
+                    <el-col :span="20" class="right_1two">
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            身份证号
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            电话
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            邮箱
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right_1">
+                    <el-col :span="4" class="right_1one">
+                      第三参加人
+                    </el-col>
+                    <el-col :span="20" class="right_1two">
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            出生
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            身份证号
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            电话
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right_1two_one">
+                        <el-col :span="14" class="right_1two_one_left">
+                          <el-col :span="6" class="right_1two_one_left1">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right_1two_one_left1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                        <el-col :span="8" class="right_1two_one_right">
+                          <el-col :span="10" class="right_1two_one_right1">
+                            邮箱
+                          </el-col>
+                          <el-col :span="14" class="right_1two_one_right1">
+                            <el-input v-model="form.basic.achieve_name"></el-input>
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="six">
+                <el-col :span="4" class="left">
+                  <el-col :span="16" class="left_1">
+                    成果信息
+                  </el-col>
+                  <el-col :span="8" class="left_2">
+                    <el-col :span="24" class="left_2one">
+                      成果类别
+                    </el-col>
+                    <el-col :span="24" class="left_2one">
+                      成果形式
+                    </el-col>
+                  </el-col>
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right_1">
+                    <el-radio-group v-model="form.basic.achieve_type">
+                      <el-radio label="发明专利">发明专利</el-radio>
+                      <el-radio label="实用新型专利">实用新型专利</el-radio>
+                      <el-radio label="软件著作权">软件著作权</el-radio>
+                      <el-radio label="出版著作">出版著作</el-radio>
+                      <el-radio label="论文">论文</el-radio>
+                      <el-radio label="其他">其他</el-radio>
+                    </el-radio-group>
+                  </el-col>
+                  <el-col :span="24" class="right_1">
+                    <el-radio-group v-model="form.basic.achieve_form">
+                      <el-radio label="新技术">新技术</el-radio>
+                      <el-radio label="新工艺">新工艺</el-radio>
+                      <el-radio label="新产品">新产品</el-radio>
+                      <el-radio label="新材料">新材料</el-radio>
+                      <el-radio label="新装备">新装备</el-radio>
+                      <el-radio label="农业,生物新品种">农业,生物新品种</el-radio>
+                      <el-radio label="矿产新品种">矿产新品种</el-radio>
+                      <el-radio label="论文">论文</el-radio>
+                      <el-radio label="著作">著作</el-radio>
+                      <el-radio label="其他">其他</el-radio>
+                    </el-radio-group>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="six seven">
+                <el-col :span="4" class="left">
+                  <el-col :span="16" class="left_1">
+                    成果预期经济效益及社会效益
+                  </el-col>
+                  <el-col :span="8" class="left_2">
+                    <el-col :span="24" class="left_2one">
+                      经济效益
+                    </el-col>
+                    <el-col :span="24" class="left_2one">
+                      社会效益
+                    </el-col>
+                  </el-col>
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right_1">
+                    <p>新增产值:<el-input v-model="form.basic.output"></el-input>万元；新增利税:<el-input v-model="form.basic.profit"></el-input>万元；</p>
+                  </el-col>
+                  <el-col :span="24" class="right_1 right_2">
+                    <el-input v-model="form.basic.shxy"></el-input>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="eight">
+                <el-col :span="4" class="left">
+                  通过本成果获得的奖励
+                </el-col>
+                <el-col :span="20" class="right">
+                  <p>
+                    获得国家级科技奖励:<el-input v-model="form.basic.gjjl_num"></el-input>项，奖励名称:<el-input v-model="form.basic.gjjl_name"></el-input
+                    >,获奖等级:<el-input v-model="form.basic.gjjl_grade"></el-input>;
+                  </p>
+                  <p>
+                    获得省级科技奖励:<el-input v-model="form.basic.sjjl_num"></el-input>项，奖励名称:<el-input v-model="form.basic.sjjl_name"></el-input
+                    >,获奖等级:<el-input v-model="form.basic.sjjl_grade"></el-input>;
+                  </p>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="eight nine">
+                <el-col :span="4" class="left">
+                  本成果获得的国家,省相关计划支持
+                </el-col>
+                <el-col :span="20" class="right">
+                  <p>
+                    获得国家相关计划立项支持:<el-input v-model="form.basic.gjjh_num"></el-input>项，获得经费:<el-input
+                      v-model="form.basic.gjjh_money"
+                    ></el-input
+                    >；
+                  </p>
+                  <p>
+                    获得省级相关计划立项支持:<el-input v-model="form.basic.gjsj_num"></el-input>项，获得经费:<el-input
+                      v-model="form.basic.sjjh_money"
+                    ></el-input
+                    >；
+                  </p>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="ten">
+                <el-col :span="4" class="left">
+                  成果的影响及作用
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-radio-group v-model="form.basic.achieve_form">
+                    <el-radio label="形成自主研发能力">形成自主研发能力</el-radio>
+                    <el-radio label="突破关键技术">突破关键技术</el-radio>
+                    <el-radio label="试点示范">试点示范</el-radio>
+                    <el-radio label="规模生产">规模生产</el-radio>
+                    <el-radio label="推广应用">推广应用</el-radio>
+                    <el-radio label="其他">其他</el-radio>
+                  </el-radio-group>
+                </el-col>
+              </el-col>
+            </el-form>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-button type="primary" size="mini" @click="up">上一步</el-button>
+          <el-button type="primary" size="mini" @click="next">下一步</el-button>
+          <el-button type="primary" size="mini" @click="handleDown">下载</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'two',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    // 上一步
+    up() {
+      this.$emit('up');
+    },
+    // 下一步
+    next() {
+      this.$emit('next');
+    },
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  padding: 0 28%;
+  .top {
+    width: 1000px;
+    height: 990px;
+    // border: 1px solid #ccc;
+    padding: 15px 15px 0 15px;
+    .title {
+      font-size: 20px;
+      font-family: cursive;
+      font-weight: bold;
+      margin: 0 0 10px 0;
+    }
+    .info {
+      height: 920px;
+      border: 1px solid #000;
+      .one {
+        height: 35px;
+        line-height: 35px;
+        border-bottom: 1px solid #000;
+        .left {
+          border-right: 1px solid #000;
+          text-align: center;
+          font-size: 12px;
+          font-weight: bold;
+        }
+        .right {
+          /deep/.el-input__inner {
+            border: none;
+            height: 30px;
+            line-height: 35px;
+            color: #000;
+            font-weight: bold;
+          }
+          /deep/.el-input--small {
+            font-size: 12px;
+          }
+        }
+      }
+      .two {
+        height: 105px;
+        border-bottom: 1px solid #000;
+        .left {
+          height: 105px;
+          line-height: 105px;
+          border-right: 1px solid #000;
+          text-align: center;
+          color: #000;
+          font-size: 12px;
+          font-weight: bold;
+        }
+        .right {
+          height: 105px;
+          .right_1 {
+            height: 35px;
+            line-height: 35px;
+            .right_1one {
+              height: 35px;
+              line-height: 35px;
+              border-bottom: 1px solid #000;
+              .right_1one_left {
+                border-right: 1px solid #000;
+                text-align: center;
+                color: #000;
+                font-weight: bold;
+                font-size: 12px;
+              }
+              .right_1one_right {
+                border-right: 1px solid #000;
+                /deep/.el-input__inner {
+                  border: none;
+                  height: 30px;
+                  line-height: 35px;
+                  color: #000;
+                  font-weight: bold;
+                }
+                /deep/.el-input--small {
+                  font-size: 12px;
+                }
+              }
+            }
+          }
+        }
+      }
+      .thr {
+        height: 35px;
+        line-height: 35px;
+        border-bottom: 1px solid #000;
+        .left {
+          height: 35px;
+          line-height: 35px;
+          color: #000;
+          font-size: 12px;
+          font-weight: bold;
+          border-right: 1px solid #000;
+          text-align: center;
+        }
+        .right {
+          .right_1 {
+            height: 35px;
+            line-height: 35px;
+            .right_1one {
+              height: 35px;
+              line-height: 35px;
+              border-bottom: 1px solid #000;
+              .right_1one_left {
+                color: #000;
+                font-size: 12px;
+                font-weight: bold;
+                border-right: 1px solid #000;
+                text-align: center;
+              }
+              .right_1one_right {
+                border-right: 1px solid #000;
+                /deep/.el-input__inner {
+                  border: none;
+                  height: 30px;
+                  line-height: 35px;
+                  color: #000;
+                  font-weight: bold;
+                }
+                /deep/.el-input--small {
+                  font-size: 12px;
+                }
+              }
+            }
+          }
+        }
+      }
+      .five {
+        height: 360px;
+        border-bottom: 1px solid #000;
+        .left {
+          height: 360px;
+          line-height: 360px;
+          border-right: 1px solid #000;
+          text-align: center;
+          color: #000;
+          font-weight: bold;
+          font-size: 12px;
+        }
+        .right {
+          .right_1 {
+            height: 120px;
+            border-bottom: 1px solid #000;
+            .right_1one {
+              height: 120px;
+              line-height: 120px;
+              text-align: center;
+              border-right: 1px solid #000;
+              color: #000;
+              font-weight: bold;
+              font-size: 12px;
+            }
+            .right_1two {
+              height: 120px;
+              .right_1two_one {
+                height: 30px;
+                line-height: 30px;
+                border-bottom: 1px solid #000;
+                color: #000;
+                font-weight: bold;
+                font-size: 12px;
+                .right_1two_one_left {
+                  width: 60%;
+                  .right_1two_one_left1 {
+                    border-right: 1px solid #000;
+                    text-align: center;
+                  }
+                  .right_1two_one_left1:nth-child(2n) {
+                    /deep/.el-input__inner {
+                      border: none;
+                      height: 27px;
+                      line-height: 27px;
+                      color: #000;
+                      font-weight: bold;
+                      font-size: 12px;
+                    }
+                    /deep/.el-input--small {
+                      font-size: 12px;
+                    }
+                  }
+                }
+                .right_1two_one_right {
+                  width: 40%;
+                  .right_1two_one_right1 {
+                    border-right: 1px solid #000;
+                    text-align: center;
+                  }
+                  .right_1two_one_right1:nth-child(2n) {
+                    /deep/.el-input__inner {
+                      border: none;
+                      height: 27px;
+                      line-height: 27px;
+                      color: #000;
+                      font-weight: bold;
+                    }
+                    /deep/.el-input--small {
+                      font-size: 12px;
+                    }
+                  }
+                }
+              }
+            }
+          }
+          .right_1:last-child {
+            border-bottom: 1px solid #000;
+          }
+        }
+      }
+      .six {
+        border-bottom: 1px solid #000;
+        .left {
+          border-right: 1px solid #000;
+          text-align: center;
+          .left_1 {
+            height: 70px;
+            line-height: 70px;
+            color: #000;
+            font-weight: bold;
+            font-size: 12px;
+            border-right: 1px solid #000;
+          }
+          .left_2 {
+            height: 70px;
+            .left_2one {
+              height: 35px;
+              color: #000;
+              font-weight: bold;
+              font-size: 12px;
+              border-bottom: 1px solid #000;
+            }
+            .left_2one:last-child {
+              border-bottom: none;
+            }
+          }
+        }
+        .right {
+          .right_1 {
+            border-bottom: 1px solid #000;
+            height: 35px;
+            line-height: 35px;
+            padding: 0 5px;
+          }
+        }
+      }
+      .seven {
+        .left {
+          .left_1 {
+            line-height: 23px;
+          }
+        }
+        .right {
+          .right_1 {
+            color: #000;
+            font-weight: bold;
+            font-size: 12px;
+            .el-input {
+              width: 20%;
+              /deep/.el-input__inner {
+                height: 23px;
+                border: none;
+                border-bottom: 1px solid #000;
+                border-radius: 0;
+                color: #000;
+                font-weight: bold;
+                font-size: 12px;
+              }
+              /deep/.el-input--small {
+                font-size: 12px;
+              }
+            }
+          }
+          .right_2 {
+            .el-input {
+              width: 100%;
+            }
+          }
+        }
+      }
+      .eight {
+        border-bottom: 1px solid #000;
+        .left {
+          height: 55px;
+          line-height: 25px;
+          border-right: 1px solid #000;
+          text-align: center;
+          color: #000;
+          font-weight: bold;
+          font-size: 12px;
+        }
+        .right {
+          height: 55px;
+          line-height: 22px;
+          color: #000;
+          font-weight: bold;
+          font-size: 12px;
+          padding: 0 0 0 5px;
+          .el-input {
+            width: 13%;
+            /deep/.el-input__inner {
+              height: 23px;
+              border: none;
+              border-bottom: 1px solid #000;
+              border-radius: 0;
+              color: #000;
+              font-weight: bold;
+              font-size: 12px;
+            }
+            /deep/.el-input--small {
+              font-size: 12px;
+            }
+          }
+        }
+      }
+      .nine {
+        .left {
+          line-height: 20px;
+        }
+      }
+      .ten {
+        border-bottom: 1px solid #000;
+        .left {
+          height: 45px;
+          line-height: 20px;
+          border-right: 1px solid #000;
+          text-align: center;
+          color: #000;
+          font-weight: bold;
+          font-size: 12px;
+        }
+        .right {
+          padding: 5px;
+        }
+      }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>