1

src/router/index.js

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

src/views/adminCenter/adminCate/dataInfo.vue

@@ -0,0 +1,150 @@
+<template>
+  <div id="dataInfo">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini" @click="download">PDF下载</el-button>
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <div id="demo">
+            <el-col :span="24" class="common one">
+              <one :form="form"></one>
+            </el-col>
+            <el-col :span="24" class="common two">
+              <two :form="form"></two>
+            </el-col>
+            <el-col :span="24" class="common thr">
+              <thr :form="form"></thr>
+            </el-col>
+            <el-col :span="24" class="common four">
+              <four :form="form"></four>
+            </el-col>
+            <el-col :span="24" class="common five">
+              <five :form="form"></five>
+            </el-col>
+            <el-col :span="24" class="common six">
+              <six :form="form"></six>
+            </el-col>
+            <el-col :span="24" class="common seven">
+              <seven :form="form"></seven>
+            </el-col>
+            <el-col :span="24" class="common eight">
+              <eight :form="form"></eight>
+            </el-col>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import one from './infoParts/one.vue';
+import two from './infoParts/two.vue';
+import thr from './infoParts/thr.vue';
+import four from './infoParts/four.vue';
+import five from './infoParts/five.vue';
+import six from './infoParts/six.vue';
+import seven from './infoParts/seven.vue';
+import eight from './infoParts/eight.vue';
+import htmlToPdf from '@/unit/htmlToPdf.js';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'dataInfo',
+  props: {},
+  // components: { one, two, thr, four, five, six, seven, eight },
+  components: { one, two, thr, four, five, six, seven, eight },
+  data: function() {
+    return {
+      form: {
+        // 基本信息
+        basic: {},
+        // 信息简介
+        brief: {},
+        // 参加人员
+        research: [],
+        // 图片
+        file: {},
+      },
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...achieveApply(['fetch', 'update']),
+    async search() {
+      if (this.id) {
+        let res = await this.fetch(this.id);
+        if (this.$checkRes(res)) {
+          console.log(res.data);
+          this.$set(this, 'form', res.data);
+        }
+      }
+    },
+    // PDF下载
+    download() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), '测试');
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/adminCate' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: center;
+    margin: 0 0 15px 0;
+  }
+  .down {
+    padding: 0 20%;
+    #demo {
+      width: 100%;
+      height: 11080px;
+      border: 1px solid #ff0000;
+      .one {
+        padding: 0;
+      }
+      .two {
+        height: 1389px;
+        padding: 60px 30px;
+      }
+      .thr {
+        height: 1390px;
+        padding: 60px 30px;
+      }
+      .four {
+        height: 1389px;
+      }
+    }
+  }
+}
+.common {
+  width: 100%;
+  height: 1388px;
+  border-bottom: 1px solid #666666;
+  padding: 40px 20px;
+}
+</style>

src/views/adminCenter/adminCate/detail.vue

@@ -90,7 +90,7 @@ export default {
           message: '信息归档成功',
           type: 'success',
         });
-        this.$router.push({ path: '/adminCate' });
+        this.back();
       }
     },
     // 上一步

src/views/adminCenter/adminCate/index.vue

@@ -63,7 +63,7 @@ export default {
           method: 'file',
         },
         {
-          label: '资料生成',
+          label: '资料预览',
           method: 'load',
         },
         {
@@ -147,9 +147,9 @@ export default {
     toFile({ data }) {
       this.$router.push({ path: '/adminCate/detail', query: { id: data.id } });
     },
-    // 资料生成
+    // 资料预览
     toLoad({ data }) {
-      console.log(data);
+      this.$router.push({ path: '/adminCate/dataInfo', query: { id: data.id } });
     },
   },
   computed: {

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

@@ -0,0 +1,64 @@
+<template>
+  <div id="eight">
+    <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-image :src="form.file.nameList">
+              <div slot="error" class="image-slot">
+                <i class="el-icon-picture-outline"></i>
+              </div>
+            </el-image>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'eight',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,64 @@
+<template>
+  <div id="five">
+    <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-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>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'five',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,60 @@
+<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">
+            {{ form.brief.kpi_index }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'four',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,174 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-col :span="24" class="one">
+            吉林省科技成果评价证书
+          </el-col>
+          <el-col :span="24" class="two">
+            <span>吉发字</span>
+            <span>[{{ form.basic.cert_jfh }}]</span>
+            <span>第</span>
+            <span>{{ form.basic.cert_num }}</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>
+            <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.apply_company"></el-input>
+              </el-col>
+            </el-col>
+            <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-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>
+    </el-row>
+  </div>
+</template>
+
+<script>
+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');
+      }
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    position: relative;
+    .one {
+      text-align: center;
+      font-size: 40px;
+      margin: 200px 0 50px 0;
+      font-family: monospace;
+      font-weight: bold;
+    }
+    .two {
+      text-align: center;
+      font-size: 18px;
+      margin: 0 0 150px 0;
+      font-family: monospace;
+      color: #000;
+      font-weight: bold;
+      /deep/.el-input {
+        width: 8%;
+      }
+      /deep/.el-input__inner {
+        border: none;
+        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;
+      }
+    }
+    .thr {
+      padding: 0 100px;
+      margin: 0 0 70px 0;
+      .thr_info {
+        margin: 0 0 15px 0;
+        .left {
+          font-size: 20px;
+          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;
+      }
+    }
+    .four {
+      padding: 0 100px;
+      font-size: 20px;
+      color: #000;
+      span {
+        padding: 0 0 0 15px;
+      }
+      span:nth-child(1) {
+        padding: 0;
+      }
+    }
+    .five {
+      text-align: center;
+      position: absolute;
+      bottom: 200px;
+      width: 96%;
+      p {
+        font-size: 20px;
+        color: #000;
+        padding: 5px 0;
+      }
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,64 @@
+<template>
+  <div id="seven">
+    <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-image :src="form.file.page6">
+              <div slot="error" class="image-slot">
+                <i class="el-icon-picture-outline"></i>
+              </div>
+            </el-image>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'seven',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,64 @@
+<template>
+  <div id="five">
+    <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-image :src="form.file.page5">
+              <div slot="error" class="image-slot">
+                <i class="el-icon-picture-outline"></i>
+              </div>
+            </el-image>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'five',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,60 @@
+<template>
+  <div id="thr">
+    <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">
+            {{ form.brief.field }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'thr',
+  props: {
+    form: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      padding: 10px;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,936 @@
+<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">
+                  {{ form.basic.achieve_name }}
+                </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" class="right1">
+                    <el-col :span="3" class="right1_one">
+                      名称
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.apply_company }}
+                    </el-col>
+                    <el-col :span="3" class="right1_one">
+                      所在地
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.szd }}
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <el-col :span="3" class="right1_one">
+                      通讯地址
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.address }}
+                    </el-col>
+                    <el-col :span="3" class="right1_one">
+                      邮编
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.yb }}
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <el-col :span="3" class="right1_one">
+                      单位类别
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.apply_nature }}
+                    </el-col>
+                    <el-col :span="3" class="right1_one">
+                      隶属
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.ls }}
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 参加单位1 -->
+            <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" class="right1">
+                    <el-col :span="3" class="right1_one">
+                      名称
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.oneCom_name }}
+                    </el-col>
+                    <el-col :span="3" class="right1_one">
+                      所在地
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.oneCom_szd }}
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 参加单位2 -->
+            <el-col :span="24" class="thr">
+              <el-col :span="24" class="thr1">
+                <el-col :span="4" class="left">
+                  参加单位2
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right1">
+                    <el-col :span="3" class="right1_one">
+                      名称
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.twoCom_name }}
+                    </el-col>
+                    <el-col :span="3" class="right1_one">
+                      所在地
+                    </el-col>
+                    <el-col :span="9" class="right1_one">
+                      {{ form.basic.twoCom_szd }}
+                    </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" class="right1">
+                    <el-col :span="12" class="right1_one">
+                      <el-col :span="6" class="right1_oneleft">
+                        第一完成人
+                      </el-col>
+                      <el-col :span="18" class="right1_oneright">
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].research_name }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].gender }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].education }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].degree }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].zw }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[0].position }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right1_oneright1_one textOver">
+                            {{ form.research[0].research_company }}
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="12" class="right1_two">
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          出生
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[0].birth }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          身份证号
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[0].card }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          电话
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[0].phone }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          邮箱
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[0].email }}
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <el-col :span="12" class="right1_one">
+                      <el-col :span="6" class="right1_oneleft">
+                        第一参加人
+                      </el-col>
+                      <el-col :span="18" class="right1_oneright">
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].research_name }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].gender }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].education }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].degree }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].zw }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[1].position }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right1_oneright1_one textOver">
+                            {{ form.research[1].research_company }}
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="12" class="right1_two">
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          出生
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[1].birth }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          身份证号
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[1].card }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          电话
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[1].phone }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          邮箱
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[1].email }}
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <el-col :span="12" class="right1_one">
+                      <el-col :span="6" class="right1_oneleft">
+                        第二參加人
+                      </el-col>
+                      <el-col :span="18" class="right1_oneright">
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            姓名
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].research_name }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            性别
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].gender }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学历
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].education }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            学位
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].degree }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职务
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].zw }}
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            职称
+                          </el-col>
+                          <el-col :span="6" class="right1_oneright1_one textOver">
+                            {{ form.research[2].position }}
+                          </el-col>
+                        </el-col>
+                        <el-col :span="24" class="right1_oneright1">
+                          <el-col :span="6" class="right1_oneright1_one ">
+                            工作单位
+                          </el-col>
+                          <el-col :span="18" class="right1_oneright1_one textOver">
+                            {{ form.research[2].research_company }}
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="12" class="right1_two">
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          出生
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[2].birth }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          身份证号
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[2].card }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          电话
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[2].phone }}
+                        </el-col>
+                      </el-col>
+                      <el-col :span="24" class="right1_two1">
+                        <el-col :span="6" class="right1_two1left">
+                          邮箱
+                        </el-col>
+                        <el-col :span="18" class="right1_two1right textOver">
+                          {{ form.research[2].email }}
+                        </el-col>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 成果信息 -->
+            <el-col :span="24" class="six">
+              <el-col :span="24" class="six1">
+                <el-col :span="4" class="left">
+                  <el-col :span="17" class="left1">
+                    成果信息
+                  </el-col>
+                  <el-col :span="7" class="left2">
+                    <p>成果类别</p>
+                    <p>成果形式</p>
+                  </el-col>
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right1">
+                    {{ form.basic.achieve_type }}
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    {{ form.basic.achieve_form }}
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 成果预期经济效益及社会效益 -->
+            <el-col :span="24" class="seven">
+              <el-col :span="24" class="seven1">
+                <el-col :span="4" class="left">
+                  <el-col :span="17" class="left1">
+                    成果预期经济效益及社会效益
+                  </el-col>
+                  <el-col :span="7" class="left2">
+                    <p>经济效益</p>
+                    <p>社会效益</p>
+                  </el-col>
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right1">
+                    <span>新增产值：</span>
+                    <span>{{ form.basic.output }}</span>
+                    <span>万元；</span>
+                    <span>新增利税：</span>
+                    <span>{{ form.basic.profit }}</span>
+                    <span>万元；</span>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    {{ form.basic.shxy }}
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 通过本成果获得的奖励 -->
+            <el-col :span="24" class="eight">
+              <el-col :span="24" class="eight1">
+                <el-col :span="4" class="left">
+                  通过本成果获得的奖励
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right1">
+                    <span>获得国家级科技奖励:</span>
+                    <span>{{ form.basic.gjjl_num }}</span>
+                    <span>项,</span>
+                    <span>奖励名称:</span>
+                    <span>{{ form.basic.gjjl_name }}</span>
+                    <span>,</span>
+                    <span>获奖等级:</span>
+                    <span>{{ form.basic.gjjl_grade }}</span>
+                    <span>;</span>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <span>获得省级科技奖励:</span>
+                    <span>{{ form.basic.sjjl_num }}</span>
+                    <span>项,</span>
+                    <span>奖励名称:</span>
+                    <span>{{ form.basic.sjjl_name }}</span>
+                    <span>,</span>
+                    <span>获奖等级:</span>
+                    <span>{{ form.basic.sjjl_grade }}</span>
+                    <span>;</span>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 本成果获得的国家，省相关计划支持 -->
+            <el-col :span="24" class="nine">
+              <el-col :span="24" class="nine1">
+                <el-col :span="4" class="left">
+                  本成果获得的国家,省相关计划支持
+                </el-col>
+                <el-col :span="20" class="right">
+                  <el-col :span="24" class="right1">
+                    <span>获得国家相关计划立项支持：</span>
+                    <span>{{ form.basic.gjjh_num }}</span>
+                    <span>项</span>
+                    <span>，</span>
+                    <span>获得经费：</span>
+                    <span>{{ form.basic.gjjh_money }}</span>
+                    <span>万元；</span>
+                  </el-col>
+                  <el-col :span="24" class="right1">
+                    <span>获得省相关计划立项支持：</span>
+                    <span>{{ form.basic.sjjh_num }}</span>
+                    <span>项</span>
+                    <span>，</span>
+                    <span>获得经费：</span>
+                    <span>{{ form.basic.sjjh_money }}</span>
+                    <span>万元；</span>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+            <!-- 成果的影响及作用 -->
+            <el-col :span="24" class="ten">
+              <el-col :span="24" class="ten1">
+                <el-col :span="4" class="left">
+                  成果的影响及作用
+                </el-col>
+                <el-col :span="20" class="right">
+                  {{ form.basic.achieve_form }}
+                </el-col>
+              </el-col>
+            </el-col>
+          </el-col>
+        </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: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.main {
+  .top {
+    height: 1385px;
+    .title {
+      font-size: 20px;
+      font-family: monospace;
+      margin: 0 0 10px 0;
+      color: #000;
+      font-weight: bold;
+      padding: 0 0 0 20px;
+    }
+    .info {
+      height: 1260px;
+      border: 2px solid #000;
+      .one {
+        border-bottom: 1px solid #000;
+        .one1 {
+          .left {
+            height: 40px;
+            line-height: 40px;
+            border-right: 1px solid #000;
+            color: #000;
+            font-size: 14px;
+            font-weight: bold;
+            text-align: center;
+          }
+          .right {
+            height: 40px;
+            line-height: 40px;
+            padding: 0 5px;
+            color: #000;
+            font-size: 14px;
+            font-weight: bold;
+          }
+        }
+      }
+      .two {
+        border-bottom: 1px solid #000;
+        .two1 {
+          .left {
+            text-align: center;
+            height: 120px;
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+            padding: 50px 0;
+          }
+          .right {
+            .right1 {
+              height: 40px;
+              line-height: 40px;
+              border-bottom: 1px solid #000;
+              .right1_one {
+                border-right: 1px solid #000;
+                text-align: center;
+                font-size: 14px;
+                color: #000;
+                font-weight: bold;
+              }
+              .right1_one:nth-child(2n) {
+                text-align: left;
+                padding: 0 5px;
+              }
+              .right1_one:nth-child(4n) {
+                border-right: none;
+              }
+            }
+            .right1:last-child {
+              border-bottom: none;
+            }
+          }
+        }
+      }
+      .thr {
+        border-bottom: 1px solid #000;
+        .thr1 {
+          .left {
+            text-align: center;
+            height: 40px;
+            line-height: 40px;
+            border-right: 1px solid #000;
+            font-size: 14px;
+            font-weight: bold;
+            color: #000;
+          }
+          .right {
+            .right1 {
+              .right1_one {
+                height: 40px;
+                line-height: 40px;
+                border-right: 1px solid #000;
+                font-size: 14px;
+                font-weight: bold;
+                color: #000;
+                text-align: center;
+              }
+              .right1_one:nth-child(2n) {
+                text-align: left;
+                padding: 0 5px;
+              }
+              .right1_one:nth-child(4n) {
+                border-right: none;
+              }
+            }
+          }
+        }
+      }
+      .five {
+        border-bottom: 1px solid #000;
+        .five1 {
+          .left {
+            height: 300px;
+            text-align: center;
+            padding: 14% 0;
+            color: #000;
+            font-size: 14px;
+            font-weight: bold;
+            border-right: 1px solid #000;
+          }
+          .right {
+            .right1 {
+              height: 100px;
+              border-bottom: 1px solid #000;
+              .right1_one {
+                .right1_oneleft {
+                  height: 100px;
+                  border-right: 1px solid #000;
+                  font-size: 14px;
+                  color: #000;
+                  font-weight: bold;
+                  text-align: center;
+                  padding: 40px 0;
+                }
+                .right1_oneright {
+                  border-right: 1px solid #000;
+                  .right1_oneright1 {
+                    height: 25px;
+                    border-bottom: 1px solid #000;
+                    .right1_oneright1_one {
+                      height: 25px;
+                      line-height: 25px;
+                      border-right: 1px solid #000;
+                      font-size: 14px;
+                      color: #000;
+                      font-weight: bold;
+                      text-align: center;
+                    }
+                    .right1_oneright1_one:last-child {
+                      border-right: none;
+                    }
+                  }
+                }
+              }
+              .right1_two {
+                font-size: 14px;
+                color: #000;
+                font-weight: bold;
+                .right1_two1 {
+                  border-bottom: 1px solid #000;
+                  .right1_two1left {
+                    height: 24px;
+                    border-right: 1px solid #000;
+                    text-align: center;
+                  }
+                  .right1_two1right {
+                    height: 24px;
+                    line-height: 24px;
+                    padding: 0 5px;
+                  }
+                }
+              }
+            }
+            .right1:last-child {
+              border-bottom: none;
+            }
+          }
+        }
+      }
+      .six {
+        border-bottom: 1px solid #000;
+        .six1 {
+          .left {
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+            .left1 {
+              height: 100px;
+              text-align: center;
+              border-right: 1px solid #000;
+              padding: 20px 15px;
+            }
+            .left2 {
+              text-align: center;
+              p {
+                border-bottom: 1px solid #000;
+                padding: 5px 3px;
+              }
+              p:last-child {
+                border-bottom: none;
+              }
+            }
+          }
+          .right {
+            .right1 {
+              padding: 18px;
+              font-size: 14px;
+              font-weight: bold;
+              color: #000;
+              height: 49px;
+              border-bottom: 1px solid #000;
+            }
+            .right1:last-child {
+              border-bottom: none;
+            }
+          }
+        }
+      }
+      .seven {
+        border-bottom: 1px solid #000;
+        .seven1 {
+          .left {
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+            .left1 {
+              height: 100px;
+              text-align: center;
+              border-right: 1px solid #000;
+              padding: 20px 15px;
+            }
+            .left2 {
+              text-align: center;
+              p {
+                border-bottom: 1px solid #000;
+                padding: 5px 3px;
+                font-size: 14px;
+                color: #000;
+                font-weight: bold;
+              }
+              p:last-child {
+                border-bottom: none;
+              }
+            }
+          }
+          .right {
+            .right1 {
+              padding: 10px;
+              font-size: 14px;
+              color: #000;
+              font-weight: bold;
+              height: 49px;
+              border-bottom: 1px solid #000;
+              span:nth-child(2) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+              span:nth-child(5) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+            }
+            .right1:last-child {
+              padding: 18px 12px;
+              font-size: 14px;
+              color: #000;
+              font-weight: bold;
+              border-bottom: none;
+            }
+          }
+        }
+      }
+      .eight {
+        border-bottom: 1px solid #000;
+        .eight1 {
+          .left {
+            height: 80px;
+            padding: 15px;
+            text-align: center;
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+          }
+          .right {
+            .right1 {
+              padding: 7px 10px;
+              font-size: 14px;
+              color: #000;
+              font-weight: bold;
+              height: 40px;
+              border-bottom: 1px solid #000;
+              span:nth-child(2) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+              span:nth-child(5) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+              span:nth-child(8) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+            }
+          }
+        }
+      }
+      .nine {
+        border-bottom: 1px solid #000;
+        .nine1 {
+          .left {
+            height: 80px;
+            padding: 15px;
+            text-align: center;
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+          }
+          .right {
+            .right1 {
+              padding: 7px 10px;
+              font-size: 14px;
+              color: #000;
+              font-weight: bold;
+              height: 40px;
+              border-bottom: 1px solid #000;
+              span:nth-child(2) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+              span:nth-child(6) {
+                padding: 0 20px;
+                border-bottom: 1px solid #000;
+              }
+            }
+          }
+          .right1:last-child {
+            border-bottom: none;
+          }
+        }
+      }
+      .ten {
+        border-bottom: 1px solid #000;
+        .ten1 {
+          .left {
+            height: 50px;
+            padding: 15px;
+            text-align: center;
+            border-right: 1px solid #000;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+          }
+          .right {
+            height: 50px;
+            padding: 15px;
+            font-size: 14px;
+            color: #000;
+            font-weight: bold;
+          }
+        }
+      }
+    }
+  }
+}
+</style>