1

src/router/index.js

@@ -81,6 +81,12 @@ export default new Router({
           component: () => import('../views/adminCenter/adminCate/index.vue'),
           meta: { title: '证书发放' },
         },
+        // 资料归档
+        {
+          path: '/adminCate/detail',
+          component: () => import('../views/adminCenter/adminCate/detail.vue'),
+          meta: { title: '资料归档' },
+        },
         // 已证书发放
         {
           path: '/adminHaveCert',

src/views/adminCenter/adminCate/detail.vue

@@ -0,0 +1,112 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <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-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>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import one from './parts/one.vue';
+import two from './parts/two.vue';
+import thr from './parts/thr.vue';
+import four from './parts/four.vue';
+import five from './parts/five.vue';
+import six from './parts/six.vue';
+import seven from './parts/seven.vue';
+import eight from './parts/eight.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'detail',
+  props: {},
+  components: { one, two, thr, four, five, six, seven, eight },
+  data: function() {
+    return {
+      // 成果详情
+      active: 2,
+      form: {
+        basic: {},
+      },
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...achieveApply(['fetch']),
+    async search() {
+      if (this.id) {
+        let res = await this.fetch(this.id);
+        if (this.$checkRes(res)) {
+          this.$set(this, 'form', res.data);
+        }
+      }
+    },
+    back() {
+      this.$router.push({ path: '/adminCate' });
+    },
+    // 第一步-下一步
+    oneNext() {
+      this.active = 2;
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 15px 0;
+  }
+  .down {
+    .setp {
+      margin: 0 0 10px 0;
+      /deep/.el-step__title {
+        font-size: 14px;
+        line-height: 20px;
+        padding: 15px 0 0 0;
+      }
+    }
+  }
+}
+</style>

src/views/adminCenter/adminCate/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-col :span="24" class="down">
-          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @cert="toCert"></data-table>
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @file="toFile" @load="toLoad" @ @cert="toCert"></data-table>
         </el-col>
       </el-col>
     </el-row>
@@ -58,6 +58,14 @@ export default {
   data: function() {
     return {
       opera: [
+        {
+          label: '资料归档',
+          method: 'file',
+        },
+        {
+          label: '资料生成',
+          method: 'load',
+        },
         {
           label: '发放证书',
           method: 'cert',
@@ -115,7 +123,6 @@ export default {
     getProp(prop) {
       return _.get(this.info, prop, '');
     },
-
     async haveCert() {
       const data = _.cloneDeep(this.info);
       // 发证书
@@ -136,6 +143,14 @@ export default {
       this.line = [];
       this.dialog = false;
     },
+    // 资料归档
+    toFile({ data }) {
+      this.$router.push({ path: '/adminCate/detail', query: { id: data.id } });
+    },
+    // 资料生成
+    toLoad({ data }) {
+      console.log(data);
+    },
   },
   computed: {
     ...mapState(['user']),

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

@@ -0,0 +1,38 @@
+<template>
+  <div id="eight">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'eight',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

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

@@ -0,0 +1,38 @@
+<template>
+  <div id="five">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'five',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

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

@@ -0,0 +1,38 @@
+<template>
+  <div id="four">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'four',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/adminCate/parts/one.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/seven.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="seven">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'seven',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

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

@@ -0,0 +1,38 @@
+<template>
+  <div id="six">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'six',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

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

@@ -0,0 +1,38 @@
+<template>
+  <div id="thr">
+    <el-row>
+      <el-col :span="24" class="main">
+        test
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'thr',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

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

@@ -0,0 +1,905 @@
+<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.achieve_name"></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.achieve_name"></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.achieve_name"></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.basic.achieve_name"></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.achieve_name"></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.basic.achieve_name"></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.achieve_name"></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">上一步</el-button>
+          <el-button type="primary" size="mini">下一步</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: {
+    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: 700px;
+    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: 14px;
+          font-weight: bold;
+        }
+        .right {
+          /deep/.el-input__inner {
+            border: none;
+            height: 30px;
+            line-height: 35px;
+            color: #000;
+            font-weight: bold;
+          }
+        }
+      }
+      .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: 14px;
+          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: 14px;
+              }
+              .right_1one_right {
+                border-right: 1px solid #000;
+                /deep/.el-input__inner {
+                  border: none;
+                  height: 30px;
+                  line-height: 35px;
+                  color: #000;
+                  font-weight: bold;
+                }
+              }
+            }
+          }
+        }
+      }
+      .thr {
+        height: 35px;
+        line-height: 35px;
+        border-bottom: 1px solid #000;
+        .left {
+          height: 35px;
+          line-height: 35px;
+          color: #000;
+          font-size: 14px;
+          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: 14px;
+                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;
+                }
+              }
+            }
+          }
+        }
+      }
+      .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: 14px;
+        }
+        .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: 14px;
+            }
+            .right_1two {
+              height: 120px;
+              .right_1two_one {
+                height: 30px;
+                line-height: 30px;
+                border-bottom: 1px solid #000;
+                color: #000;
+                font-weight: bold;
+                font-size: 14px;
+                .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;
+                    }
+                  }
+                }
+                .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;
+                    }
+                  }
+                }
+              }
+            }
+          }
+          .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: 14px;
+            border-right: 1px solid #000;
+          }
+          .left_2 {
+            height: 70px;
+            .left_2one {
+              height: 35px;
+              color: #000;
+              font-weight: bold;
+              font-size: 13px;
+              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: 14px;
+            .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: 14px;
+              }
+            }
+          }
+          .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: 14px;
+        }
+        .right {
+          height: 55px;
+          line-height: 22px;
+          color: #000;
+          font-weight: bold;
+          font-size: 14px;
+          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: 14px;
+            }
+          }
+        }
+      }
+      .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: 14px;
+        }
+        .right {
+          padding: 5px;
+        }
+      }
+    }
+  }
+  .down {
+    text-align: center;
+    margin: 15px 0 0 0;
+  }
+}
+</style>