1

package.json

@@ -12,7 +12,9 @@
     "babel-polyfill": "^6.26.0",
     "core-js": "^3.6.5",
     "element-ui": "^2.13.2",
+    "html2canvas": "^1.0.0-rc.7",
     "jsonwebtoken": "^8.5.1",
+    "jspdf": "^2.3.1",
     "lodash": "^4.17.20",
     "naf-core": "^0.1.2",
     "qrcode": "^1.4.4",

src/components/common/Sidebar.vue

@@ -200,6 +200,8 @@ export default {
             ],
           },
           { icon: 'el-icon-postcard', index: '/userExpertScore', title: '专家评分' },
+          { icon: 'el-icon-postcard', index: '/userExpertMeet', title: '专家会审' },
+          { icon: 'el-icon-postcard', index: '/userCert', title: '证书管理' },
         ];
         list.push(...data);
         this.$set(this, `items`, _.uniqBy(list, 'index'));

src/router/index.js

@@ -227,6 +227,24 @@ export default new Router({
           component: () => import('../views/userCenter/userExpertScore/index.vue'),
           meta: { title: '专家评分' },
         },
+        // 专家会审
+        {
+          path: '/userExpertMeet',
+          component: () => import('../views/userCenter/userExpertMeet/index.vue'),
+          meta: { title: '专家会审' },
+        },
+        // 证书管理
+        {
+          path: '/userCert',
+          component: () => import('../views/userCenter/userCert/index.vue'),
+          meta: { title: '证书管理' },
+        },
+        // 证书查看
+        {
+          path: '/userCert/detail',
+          component: () => import('../views/userCenter/userCert/detail.vue'),
+          meta: { title: '证书查看' },
+        },
         // 个人中心-公共组件
         // 资料信息
         {
@@ -234,6 +252,24 @@ export default new Router({
           component: () => import('../views/userCenter/common/dataInfo.vue'),
           meta: { title: '资料信息' },
         },
+        // 意见查看
+        {
+          path: '/userCommon/opinion',
+          component: () => import('../views/userCenter/common/opinion.vue'),
+          meta: { title: '意见查看' },
+        },
+        // 专家意见
+        {
+          path: '/userCommon/expertOpinion',
+          component: () => import('../views/userCenter/common/expertOpinion.vue'),
+          meta: { title: '专家意见' },
+        },
+        // 修改申请
+        {
+          path: '/userCommon/update',
+          component: () => import('../views/userCenter/common/update.vue'),
+          meta: { title: '修改申请' },
+        },
       ],
     },
     {

src/unit/htmlToPdf.js

@@ -0,0 +1,90 @@
+//不使用JQuery版的
+
+import html2canvas from 'html2canvas';
+import JsPDF from 'jspdf';
+
+/**
+ * @param  ele          要生成 pdf 的DOM元素（容器）
+ * @param  padfName     PDF文件生成后的文件名字
+ * */
+
+function downloadPDF(ele, pdfName) {
+  let eleW = ele.offsetWidth; // 获得该容器的宽
+  let eleH = ele.offsetHeight; // 获得该容器的高
+
+  let eleOffsetTop = ele.offsetTop; // 获得该容器到文档顶部的距离
+  let eleOffsetLeft = ele.offsetLeft; // 获得该容器到文档最左的距离
+
+  var canvas = document.createElement('canvas');
+  var abs = 0;
+
+  let win_in = document.documentElement.clientWidth || document.body.clientWidth; // 获得当前可视窗口的宽度（不包含滚动条）
+  let win_out = window.innerWidth; // 获得当前窗口的宽度（包含滚动条）
+
+  if (win_out > win_in) {
+    // abs = (win_o - win_i)/2;    // 获得滚动条长度的一半
+    abs = (win_out - win_in) / 2; // 获得滚动条宽度的一半
+    // console.log(a, '新abs');
+  }
+
+  canvas.width = eleW * 2; // 将画布宽&&高放大两倍
+  canvas.height = eleH * 2;
+
+  var context = canvas.getContext('2d');
+
+  context.scale(2, 2);
+
+  context.translate(-eleOffsetLeft - abs, -eleOffsetTop);
+  // 这里默认横向没有滚动条的情况，因为offset.left(),有无滚动条的时候存在差值，因此
+  // translate的时候，要把这个差值去掉
+
+  // html2canvas(element).then( (canvas)=>{ //报错
+  // html2canvas(element[0]).then( (canvas)=>{
+  html2canvas(ele, {
+    dpi: 300,
+    // allowTaint: true,  //允许 canvas 污染， allowTaint参数要去掉，否则是无法通过toDataURL导出canvas数据的
+    useCORS: true, //允许canvas画布内 可以跨域请求外部链接图片, 允许跨域请求。
+  }).then(canvas => {
+    var contentWidth = canvas.width;
+    var contentHeight = canvas.height;
+    //一页pdf显示html页面生成的canvas高度;
+    var pageHeight = (contentWidth / 592.28) * 841.89;
+    //未生成pdf的html页面高度
+    var leftHeight = contentHeight;
+    //页面偏移
+    var position = 0;
+    //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
+    var imgWidth = 595.28;
+    var imgHeight = (595.28 / contentWidth) * contentHeight;
+
+    var pageData = canvas.toDataURL('image/jpeg', 1.0);
+
+    var pdf = new JsPDF('', 'pt', 'a4');
+
+    //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
+    //当内容未超过pdf一页显示的范围，无需分页
+    if (leftHeight < pageHeight) {
+      //在pdf.addImage(pageData, 'JPEG', 左，上，宽度，高度)设置在pdf中显示；
+      pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
+      // pdf.addImage(pageData, 'JPEG', 20, 40, imgWidth, imgHeight);
+    } else {
+      // 分页
+      while (leftHeight > 0) {
+        pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
+        leftHeight -= pageHeight;
+        position -= 841.89;
+        //避免添加空白页
+        if (leftHeight > 0) {
+          pdf.addPage();
+        }
+      }
+    }
+
+    //可动态生成
+    pdf.save(pdfName);
+  });
+}
+
+export default {
+  downloadPDF,
+};

src/unit/htmlToPdfJQ.js

@@ -0,0 +1,109 @@
+//使用JQuery方式写的。
+
+import html2canvas from 'html2canvas';
+import JsPDF from 'jspdf';
+import $ from 'jquery';
+
+// console.log($, '这是什么什么');
+
+
+
+function download(ele){
+    var element = $("#demo");    // 这个dom元素是要导出pdf的div容器
+    console.log(element,'1212122');
+
+
+    // var element = ele;    // 这个dom元素是要导出pdf的div容器
+
+    var w = element.width();    // 获得该容器的宽
+    var h = element.height();    // 获得该容器的高
+
+
+
+    var offsetTop = element.offset().top;    // 获得该容器到文档顶部的距离
+    var offsetLeft = element.offset().left;    // 获得该容器到文档最左的距离
+
+    console.log(offsetTop,'------',offsetLeft);
+
+
+
+
+    var canvas = document.createElement("canvas");
+    var abs = 0;
+    var win_i = $(window).width();    // 获得当前可视窗口的宽度（不包含滚动条）
+    var win_o = window.innerWidth;    // 获得当前窗口的宽度（包含滚动条）
+
+    console.log(canvas, abs, win_i, win_o);
+
+
+
+
+
+    if(win_o>win_i){
+        abs = (win_o - win_i)/2;    // 获得滚动条长度的一半
+    }
+
+
+
+
+
+
+    canvas.width = w * 2;    // 将画布宽&&高放大两倍
+    canvas.height = h * 2;
+    var context = canvas.getContext("2d");
+    context.scale(2, 2);
+    context.translate(-offsetLeft-abs,-offsetTop);
+    // 这里默认横向没有滚动条的情况，因为offset.left(),有无滚动条的时候存在差值，因此
+    // translate的时候，要把这个差值去掉
+
+    // html2canvas(element).then( (canvas)=>{ //报错
+    html2canvas(element[0]).then( (canvas)=>{
+
+        var contentWidth = canvas.width;
+        var contentHeight = canvas.height;
+        //一页pdf显示html页面生成的canvas高度;
+        var pageHeight = contentWidth / 592.28 * 841.89;
+        //未生成pdf的html页面高度
+        var leftHeight = contentHeight;
+        //页面偏移
+        var position = 0;
+        //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
+        var imgWidth = 595.28;
+        var imgHeight = 592.28/contentWidth * contentHeight;
+
+        var pageData = canvas.toDataURL('image/jpeg', 1.0);
+
+
+
+
+        var pdf = new JsPDF('', 'pt', 'a4');
+
+        //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
+        //当内容未超过pdf一页显示的范围，无需分页
+        if (leftHeight < pageHeight) {
+            pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
+        } else {    // 分页
+            while(leftHeight > 0) {
+                pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
+                leftHeight -= pageHeight;
+                position -= 841.89;
+                //避免添加空白页
+                if(leftHeight > 0) {
+                    pdf.addPage();
+                }
+            }
+        }
+
+
+
+        pdf.save('我的简历.pdf');
+    })
+
+
+
+}
+
+
+export default {
+    download
+}

src/views/userCenter/common/expertOpinion.vue

@@ -0,0 +1,119 @@
+<template>
+  <div id="expertOpinion">
+    <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">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @view="toView"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog class="dialog" title="意见详情" center width="40%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+      <el-col :span="24" class="one">
+        <el-col :span="24" class="info">
+          {{ form.content }}
+        </el-col>
+      </el-col>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApplyExpert } = createNamespacedHelpers('achieveApplyExpert');
+export default {
+  name: 'expertOpinion',
+  props: {},
+  components: { dataTable },
+  data: function() {
+    return {
+      list: [],
+      total: 0,
+      opera: [
+        {
+          label: '意见详情',
+          method: 'view',
+          display: i => i.verify && i.verify.content,
+        },
+      ],
+      fields: [
+        { label: '专家姓名', prop: 'expert_id.expert_name', showTip: true },
+        { label: '专家电话', prop: 'expert_id.phone', showTip: true },
+        { label: '专家评分', prop: 'verify.score', showTip: true },
+      ],
+      dialog: false,
+      form: {},
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...achieveApplyExpert(['query']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, ...info, apply_id: this.id, expert: true, type: this.type });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    toView({ data }) {
+      this.$set(this, `form`, data.verify);
+      this.dialog = true;
+    },
+    // 取消查看
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+    },
+    // 返回
+    back() {
+      window.history.back();
+    },
+  },
+
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+    type() {
+      return this.$route.query.type;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+.dialog {
+  /deep/.el-dialog__body {
+    min-height: 330px;
+    padding: 0px 0px 10px 20px;
+  }
+  .one {
+    .text {
+      font-size: 18px;
+      font-weight: bold;
+      margin: 0 0 5px 0;
+    }
+    .info {
+      font-size: 16px;
+      height: 325px;
+      overflow-y: auto;
+      line-height: 30px;
+    }
+  }
+}
+</style>

src/views/userCenter/common/opinion.vue

@@ -0,0 +1,130 @@
+<template>
+  <div id="opinion">
+    <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">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @view="toView"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog class="dialog" title="意见详情" width="40%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+      <el-col :span="24" class="one">
+        <el-col :span="24" class="info">
+          {{ form.desc }}
+        </el-col>
+      </el-col>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: verifyRecord } = createNamespacedHelpers('verifyRecord');
+export default {
+  name: 'opinion',
+  props: {},
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      opera: [
+        {
+          label: '意见查看',
+          method: 'view',
+        },
+      ],
+      fields: [
+        { label: '审核类型', prop: 'step', showTip: true },
+        { label: '审核人', prop: 'verify', showTip: true },
+        { label: '审核电话', prop: 'verify_phone', showTip: true },
+        { label: '审核时间', prop: 'create_time', showTip: true },
+        {
+          label: '状态',
+          prop: 'status',
+          format: item => {
+            return item === '-1' ? '初审未通过' : item === '-2' ? '评分未通过' : item === '4' ? '资料完善' : item === '-5' ? '会审失败' : '未识别';
+          },
+        },
+      ],
+      list: [],
+      total: 0,
+      // 意见详情
+      dialog: false,
+      form: {},
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...verifyRecord(['query']),
+    // 查询列表
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, apply_id: this.id, ...info, step: this.step });
+      if (this.$checkRes(res)) {
+        this.$set(this, 'list', res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    // 意见查看
+    toView({ data }) {
+      this.$set(this, `form`, data);
+      this.dialog = true;
+    },
+    // 取消查看
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+    },
+    // 返回
+    back() {
+      window.history.back();
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+    step() {
+      return this.$route.query.step;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+.dialog {
+  /deep/.el-dialog__body {
+    min-height: 330px;
+    padding: 0px 0px 10px 20px;
+  }
+  .one {
+    .text {
+      font-size: 18px;
+      font-weight: bold;
+      margin: 0 0 5px 0;
+    }
+    .info {
+      font-size: 16px;
+      height: 325px;
+      overflow-y: auto;
+      line-height: 30px;
+    }
+  }
+}
+</style>

src/views/userCenter/common/update.vue

@@ -0,0 +1,142 @@
+<template>
+  <div id="update">
+    <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-steps>
+          </el-col>
+          <el-col :span="24" class="twoInfo">
+            <basic :basicForm="form.basic" @resetBtn="back" @basicBtn="basicBtn" v-if="active == '1'"></basic>
+            <brief :briefForm="form.brief" @briefUp="briefUp" @briefBtn="briefBtn" v-else-if="active == '2'"></brief>
+            <research :researchForm="form.research" @researchUp="researchUp" @researchBtn="researchBtn" v-else-if="active == '3'"></research>
+            <datalists :datalistForm="form.datalist" @detailedUp="detailedUp" @onSubmit="onSubmit" v-else-if="active == '4'"></datalists>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import basic from './updateParts/basic.vue';
+import brief from './updateParts/brief.vue';
+import research from './updateParts/research.vue';
+import datalists from './updateParts/datalists.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'update',
+  props: {},
+  components: {
+    basic,
+    brief,
+    research,
+    datalists,
+  },
+  data: function() {
+    return {
+      // 步骤
+      active: 1,
+      form: {
+        basic: {},
+        brief: {},
+        research: [],
+        datalist: {},
+      },
+    };
+  },
+  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)) {
+          this.$set(this, `form`, res.data);
+        }
+      }
+    },
+    //基本信息下一步
+    basicBtn() {
+      this.active = 2;
+    },
+    // 内容简介上一步
+    briefUp() {
+      this.active = 1;
+    },
+    // 内容简介下一步
+    briefBtn() {
+      this.active = 3;
+    },
+    // 研发人员名单上一步
+    researchUp() {
+      this.active = 2;
+    },
+    // 研发人员名单下一步
+    researchBtn({ data }) {
+      this.$set(this.form, `research`, data);
+      this.active = 4;
+    },
+    // 补充材料上一步
+    detailedUp() {
+      this.active = 3;
+    },
+    async onSubmit() {
+      let data = this.form;
+      data.status = this.status;
+      console.log(data);
+      let res = await this.update(data);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '修改信息完成，等待审核',
+          type: 'success',
+        });
+        this.back();
+      }
+    },
+    // 返回
+    back() {
+      window.history.back();
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+    status() {
+      return this.$route.query.status;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/userCenter/common/updateParts/basic.vue

@@ -0,0 +1,152 @@
+<template>
+  <div id="basic">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-form :model="basicForm" :rules="rules" ref="basicForm" label-width="120px">
+          <el-form-item label="成果名称" prop="achieve_name">
+            <el-input v-model="basicForm.achieve_name" placeholder="请输入成果名称"></el-input>
+          </el-form-item>
+          <el-form-item label="成果类别" prop="achieve_type">
+            <el-input v-model="basicForm.achieve_type" placeholder="请输入成果类别"></el-input>
+          </el-form-item>
+          <el-form-item label="成果编号" prop="achieve_num">
+            <el-input v-model="basicForm.achieve_num" placeholder="请输入成果编号"></el-input>
+          </el-form-item>
+          <el-form-item label="成果取得时间" prop="achieve_date">
+            <el-date-picker
+              v-model="basicForm.achieve_date"
+              type="datetime"
+              placeholder="请选择开始时间"
+              format="yyyy-MM-dd HH:mm:ss"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="成果形式" prop="achieve_form">
+            <el-input v-model="basicForm.achieve_form" placeholder="请输入成果形式"></el-input>
+          </el-form-item>
+          <el-form-item label="申请人" prop="apply_personal">
+            <el-input v-model="basicForm.apply_personal" placeholder="请输入申请人"></el-input>
+          </el-form-item>
+          <el-form-item label="申请单位" prop="apply_company">
+            <el-input v-model="basicForm.apply_company" placeholder="请输入申请单位"></el-input>
+          </el-form-item>
+          <el-form-item label="地址" prop="address">
+            <el-input v-model="basicForm.address" placeholder="请输入地址"></el-input>
+          </el-form-item>
+          <el-form-item label="申请单位/申请人属性" prop="apply_nature">
+            <el-input v-model="basicForm.apply_nature" placeholder="请输入申请单位/申请人属性"></el-input>
+          </el-form-item>
+          <el-form-item label="联系人" prop="contacts">
+            <el-input v-model="basicForm.contacts" placeholder="请输入联系人"></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话" prop="phone">
+            <el-input v-model="basicForm.phone" placeholder="请输入联系电话"></el-input>
+          </el-form-item>
+          <el-form-item label="邮箱" prop="email">
+            <el-input v-model="basicForm.email" placeholder="请输入邮箱"></el-input>
+          </el-form-item>
+          <el-form-item label="传真" prop="fax">
+            <el-input v-model="basicForm.fax" placeholder="请输入传真"></el-input>
+          </el-form-item>
+          <el-form-item label="评价目的" prop="objective">
+            <el-input
+              v-model="basicForm.objective"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入评价目的"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="成果所处阶段" prop="stage">
+            <el-input v-model="basicForm.stage" placeholder="请输入成果所处阶段"></el-input>
+          </el-form-item>
+          <el-form-item label="经济效益产值" prop="output">
+            <el-input v-model="basicForm.output" placeholder="请输入经济效益产值"></el-input>
+          </el-form-item>
+          <el-form-item label="经济效益利润" prop="profit">
+            <el-input v-model="basicForm.profit" placeholder="请输入经济效益利润"></el-input>
+          </el-form-item>
+          <el-form-item label="经济效益税收" prop="revenue">
+            <el-input v-model="basicForm.revenue" placeholder="请输入经济效益税收"></el-input>
+          </el-form-item>
+          <el-col :span="24" class="btn">
+            <el-button type="primary" size="mini" @click="resetBtn">取消申报</el-button>
+            <el-button type="primary" size="mini" @click="basicBtn('basicForm')">下一步</el-button>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'basic',
+  props: {
+    basicForm: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {
+      rules: {
+        achieve_name: [{ required: true, message: '请输入成果名称', trigger: 'blur' }],
+        achieve_type: [{ required: true, message: '请输入成果类别', trigger: 'blur' }],
+        achieve_num: [{ required: true, message: '请输入成果编号', trigger: 'blur' }],
+        achieve_date: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
+        achieve_form: [{ required: true, message: '请输入成果形式', trigger: 'blur' }],
+        apply_personal: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
+        apply_company: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
+        address: [{ required: true, message: '请输入地址', trigger: 'blur' }],
+        apply_nature: [{ required: true, message: '请输入申请单位/申请人属性', trigger: 'blur' }],
+        contacts: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
+        email: [{ required: true, message: '请输入邮箱', trigger: 'blur' }],
+        fax: [{ required: true, message: '请输入传真', trigger: 'blur' }],
+        objective: [{ required: true, message: '请输入评价目的', trigger: 'blur' }],
+        stage: [{ required: true, message: '请输入成果所处阶段', trigger: 'blur' }],
+        output: [{ required: true, message: '请输入经济效益产值', trigger: 'blur' }],
+        profit: [{ required: true, message: '请输入经济效益利润', trigger: 'blur' }],
+        revenue: [{ required: true, message: '请输入经济效益税收', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {},
+  methods: {
+    // 取消申报
+    resetBtn() {
+      this.$emit('resetBtn');
+    },
+    // 下一步
+    basicBtn(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.$emit('basicBtn', { data: this.basicForm });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.basic {
+  padding: 15px;
+  .btn {
+    text-align: center;
+  }
+}
+</style>

src/views/userCenter/common/updateParts/brief.vue

@@ -0,0 +1,155 @@
+<template>
+  <div id="brief">
+    <el-row>
+      <el-col :span="24" class="brief">
+        <el-form :model="briefForm" :rules="rules" ref="briefForm" label-width="120px">
+          <el-form-item label="成果简介" prop="achieve_brief">
+            <el-input
+              v-model="briefForm.achieve_brief"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入成果简介"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="应用领域和技术原理" prop="field">
+            <el-input
+              v-model="briefForm.field"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入应用领域和技术原理"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="性能指标" prop="kpi_index">
+            <el-input
+              v-model="briefForm.kpi_index"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入性能指标"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="与国内外同类技术比较" prop="compare">
+            <el-input
+              v-model="briefForm.compare"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入与国内外同类技术比较"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="成果的创造性,先进性" prop="advanced">
+            <el-input
+              v-model="briefForm.advanced"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入成果的创造性,先进性"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="作用意义" prop="sense">
+            <el-input
+              v-model="briefForm.sense"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入作用意义"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="推广应用的范围,条件和前景" prop="prospect">
+            <el-input
+              v-model="briefForm.prospect"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入推广应用的范围,条件和前景"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="存在的问题和改进意见" prop="opinion">
+            <el-input
+              v-model="briefForm.opinion"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+              :autosize="{ minRows: 4, maxRows: 5 }"
+              placeholder="请输入存在的问题和改进意见"
+            ></el-input>
+          </el-form-item>
+          <el-col :span="24" class="btn">
+            <el-button type="primary" size="mini" @click="briefUp">上一步</el-button>
+            <el-button type="primary" size="mini" @click="briefBtn('briefForm')">下一步</el-button>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'brief',
+  props: {
+    briefForm: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {
+      rules: {
+        achieve_brief: [{ required: false, message: '请输入成果简介', trigger: 'blur' }],
+        field: [{ required: false, message: '请输入应用领域和技术原理', trigger: 'blur' }],
+        kpi_index: [{ required: false, message: '请输入性能指标', trigger: 'blur' }],
+        compare: [{ required: false, message: '请输入与国内外同类技术比较', trigger: 'blur' }],
+        advanced: [{ required: false, message: '请输入成果的创造性,先进性', trigger: 'blur' }],
+        sense: [{ required: false, message: '请输入作用意义', trigger: 'blur' }],
+        prospect: [{ required: false, message: '存在的问题和改进意见', trigger: 'blur' }],
+        opinion: [{ required: false, message: '请输入存在的问题和改进意见', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {},
+  methods: {
+    // 上一步
+    briefUp() {
+      this.$emit('briefUp');
+    },
+    // 下一步
+    briefBtn(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.$emit('briefBtn', { data: this.briefForm });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.brief {
+  padding: 15px;
+  .btn {
+    text-align: center;
+  }
+}
+</style>

src/views/userCenter/common/updateParts/datalists.vue

@@ -0,0 +1,336 @@
+<template>
+  <div id="datalists">
+    <el-row>
+      <el-col :span="24" class="datalist">
+        <el-form :model="datalistForm" :rules="rules" ref="datalistForm" label-width="0">
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              研究工作报告（必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="work_report">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.work_report"
+                  type="work_report"
+                  listType=""
+                  :url="'/files/live/userDeclare_workreport/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              研究技术报告（必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="techol_report">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.techol_report"
+                  type="techol_report"
+                  listType=""
+                  :url="'/files/live/userDeclare_techolreport/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              经济效益分析（必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="benefit">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.benefit"
+                  type="benefit"
+                  listType=""
+                  :url="'/files/live/userDeclare_benefit/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              科技查新报告（科技项目成果，必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="science_report">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.science_report"
+                  type="science_report"
+                  listType=""
+                  :url="'/files/live/userDeclare_sciencereport/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              法律价值评估报告（专利成果，必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="assess_report">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.assess_report"
+                  type="assess_report"
+                  listType=""
+                  :url="'/files/live/userDeclare_assessreport/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              推广应用证明（两家以上应用单位，必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="app_prove">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.app_prove"
+                  type="app_prove"
+                  listType=""
+                  :url="'/files/live/userDeclare_appprove/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              成果技术汇报PPT（必备）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="techol_ppt">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.techol_ppt"
+                  type="techol_ppt"
+                  listType=""
+                  :url="'/files/live/userDeclare_techolppt/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              检测报告（根据项目需要提供）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="testing_report">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.testing_report"
+                  type="testing_report"
+                  listType=""
+                  :url="'/files/live/userDeclare_testingreport/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              质量标准（检测报告所依据的标准，企业标准，行业标准，国家标准，国际标准）：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="quality">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.quality"
+                  type="quality"
+                  listType=""
+                  :url="'/files/live/userDeclare_quality/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              与本成果相关的授权专利证书：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="patent">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.patent"
+                  type="patent"
+                  listType=""
+                  :url="'/files/live/userDeclare_patent/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              特殊行业需要提供的相应证明材料：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="special">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.special"
+                  type="special"
+                  listType=""
+                  :url="'/files/live/userDeclare_special/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              项目经费预算书：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="budget">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.budget"
+                  type="budget"
+                  listType=""
+                  :url="'/files/live/userDeclare_budget/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="text">
+            <el-col :span="24" class="title">
+              项目经费决算书：
+            </el-col>
+            <el-col :span="24" class="file">
+              <el-form-item prop="final">
+                <upload
+                  :limit="1"
+                  :data="datalistForm.final"
+                  type="final"
+                  listType=""
+                  :url="'/files/live/userDeclare_final/upload'"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="btn">
+            <el-button type="primary" size="mini" @click="detailedUp">上一步</el-button>
+            <el-button type="primary" size="mini" @click="onSubmit('datalistForm')">提交申报</el-button>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import upload from '@common/src/components/frame/upload.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'datalists',
+  props: {
+    datalistForm: { type: Object },
+  },
+  components: {
+    upload,
+  },
+  data: function() {
+    return {
+      rules: {
+        work_report: [{ required: false, message: '请上传研究工作报告', trigger: 'blur' }],
+        techol_report: [{ required: false, message: '请上传研究技术报告', trigger: 'blur' }],
+        benefit: [{ required: false, message: '请上传经济效益分析', trigger: 'blur' }],
+        science_report: [{ required: false, message: '请上传科技查新报告', trigger: 'blur' }],
+        assess_report: [{ required: false, message: '请上传法律价值评估报告', trigger: 'blur' }],
+        app_prove: [{ required: false, message: '请上传推广应用证明', trigger: 'blur' }],
+        techol_ppt: [{ required: false, message: '请上传成果技术汇报PPT', trigger: 'blur' }],
+        testing_report: [{ required: false, message: '请上传检测报告', trigger: 'blur' }],
+        quality: [{ required: false, message: '请上传质量标准', trigger: 'blur' }],
+        patent: [{ required: false, message: '请上传与本成果相关的授权专利证书', trigger: 'blur' }],
+        special: [{ required: false, message: '请上传特殊行业需要提供的相应证明材料', trigger: 'blur' }],
+        budget: [{ required: false, message: '请上传项目经费预算书', trigger: 'blur' }],
+        final: [{ required: false, message: '请上传项目经费决算书', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {},
+  methods: {
+    detailedUp() {
+      this.$emit('detailedUp');
+    },
+    onSubmit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.$emit('onSubmit', { data: this.datalistForm });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    // 图片上传
+    uploadSuccess({ type, data }) {
+      this.$set(this.datalistForm, `${type}`, data.uri);
+    },
+    // 删除图片
+    uploadDelete(data) {
+      this.$set(this.datalistForm, `${data.type}`, null);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.datalist {
+  padding: 0 15px;
+  .text {
+    padding: 10px 0 10px 0;
+    // border-bottom: 1px solid red;
+    .title {
+      font-size: 18px;
+      font-weight: bold;
+      margin: 0 0 10px 0;
+    }
+    .file {
+      border: 1px dashed #ccc;
+      padding: 15px;
+    }
+  }
+  .btn {
+    text-align: center;
+  }
+}
+</style>

src/views/userCenter/common/updateParts/research.vue

@@ -0,0 +1,216 @@
+<template>
+  <div id="research">
+    <el-row>
+      <el-col :span="24" class="research">
+        <el-col :span="24" class="one">
+          <el-button type="primary" size="mini" @click="add">添加研发用户</el-button>
+        </el-col>
+        <el-col :span="24" class="two">
+          <el-col :span="24" class="list">
+            <el-table :data="list" border height="580">
+              <el-table-column prop="research_name" label="姓名" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="card" label="身份证号" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="gender" label="性别" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="position" label="技术职称" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="education" label="文化程度" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="degree" label="学位" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="abroad" label="是否留学归国" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="research_company" label="工作单位" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column prop="devote" label="对成果创造性贡献" align="center" show-overflow-tooltip> </el-table-column>
+              <el-table-column fixed="right" label="操作" width="100" align="center">
+                <template slot-scope="scope">
+                  <el-button type="text" size="small" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
+                  <el-button type="text" size="small" @click="toDelete(scope.$index, scope.row)">刪除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="btn">
+          <el-button type="primary" size="mini" @click="researchUp">上一步</el-button>
+          <el-button type="primary" size="mini" @click="researchBtn">下一步</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+    <el-dialog class="dialog" title="研发人员信息管理" width="40%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+      <el-form :model="form" :rules="rules" ref="form" label-width="130px">
+        <el-form-item label="姓名" prop="research_name">
+          <el-input v-model="form.research_name" placeholder="请输入姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="身份证号" prop="card">
+          <el-input v-model="form.card" placeholder="请输入身份证号"></el-input>
+        </el-form-item>
+        <el-form-item label="性别" prop="gender">
+          <el-radio-group v-model="form.gender">
+            <el-radio label="男"></el-radio>
+            <el-radio label="女"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="技术职称" prop="position">
+          <el-input v-model="form.position" placeholder="请输入技术职称"></el-input>
+        </el-form-item>
+        <el-form-item label="文化程度" prop="education">
+          <el-input v-model="form.education" placeholder="请输入文化程度"></el-input>
+        </el-form-item>
+        <el-form-item label="学位" prop="degree">
+          <el-input v-model="form.degree" placeholder="请输入学位"></el-input>
+        </el-form-item>
+        <el-form-item label="是否留学归国" prop="abroad">
+          <el-radio-group v-model="form.abroad">
+            <el-radio label="是"></el-radio>
+            <el-radio label="否"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="工作单位" prop="research_company">
+          <el-input v-model="form.research_company" placeholder="请输入工作单位"></el-input>
+        </el-form-item>
+        <el-form-item label="对成果创造性贡献" prop="devote">
+          <el-input
+            v-model="form.devote"
+            type="textarea"
+            maxlength="200"
+            show-word-limit
+            :autosize="{ minRows: 4, maxRows: 5 }"
+            placeholder="请输入对成果创造性贡献"
+          ></el-input>
+        </el-form-item>
+        <el-col :span="24" class="btn">
+          <el-button type="primary" size="mini" @click="handleClose">取消</el-button>
+          <el-button type="primary" size="mini" @click="onSubmit('form')">保存</el-button>
+        </el-col>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'research',
+  props: {
+    researchForm: { type: Array },
+  },
+  components: {},
+  data: function() {
+    return {
+      dialog: false,
+      form: {},
+      rules: {
+        research_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
+        card: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
+        gender: [{ required: true, message: '请选择性别', trigger: 'change' }],
+        position: [{ required: true, message: '请输入技术职称', trigger: 'blur' }],
+        education: [{ required: true, message: '请输入文化程度', trigger: 'blur' }],
+        degree: [{ required: true, message: '请输入学位', trigger: 'blur' }],
+        abroad: [{ required: true, message: '请选择是否留学归国', trigger: 'change' }],
+        research_company: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
+        devote: [{ required: true, message: '请输入对成果创造性贡献', trigger: 'blur' }],
+      },
+      // 列表
+      list: [],
+    };
+  },
+  created() {},
+  methods: {
+    researchUp() {
+      this.$emit('researchUp');
+    },
+    researchBtn() {
+      this.$emit('researchBtn', { data: this.list });
+    },
+    // 添加研发人员
+    // 添加用户
+    add() {
+      this.dialog = true;
+    },
+    // 保存
+    onSubmit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          console.log(this.form);
+          if (this.form.index == undefined) {
+            let data = _.cloneDeep(this.list);
+            data.push(this.form);
+            this.$set(this, `list`, data);
+            this.handleClose();
+          } else {
+            this.handleClose();
+          }
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    // 编辑
+    toEdit(index, row) {
+      row.index = index;
+      this.$set(this, `form`, row);
+      this.dialog = true;
+    },
+    // 删除
+    toDelete(index) {
+      this.list.splice(index, 1);
+    },
+    // 取消
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+    },
+    search() {
+      this.$set(this, `list`, this.researchForm);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    researchForm: {
+      deep: true,
+      immediate: true,
+      handler(val) {
+        this.search();
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.research {
+  padding: 0 10px 0 0;
+  .one {
+    margin: 0 0 10px 0;
+  }
+  .two {
+    margin: 0 0 10px 0;
+    .list {
+      margin: 0 0 10px 0;
+      border-bottom: 1px solid #f1f1f1;
+    }
+    .page {
+      height: 40px;
+      overflow: hidden;
+      border: 1px solid red;
+    }
+  }
+  .btn {
+    text-align: center;
+  }
+}
+.dialog {
+  .btn {
+    text-align: center;
+    padding: 0 0 10px 0;
+  }
+}
+/deep/.el-dialog__body {
+  padding: 0 15px 40px 0;
+}
+</style>

src/views/userCenter/userCert/detail.vue

@@ -0,0 +1,208 @@
+<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="handleDown">证书下载</el-button>
+          <!-- <el-button type="primary" size="mini" @click="handleWindowPrint('#demo', '成果证书')">浏览器证书下载</el-button> -->
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <div id="demo">
+            <article>
+              <el-col :span="24" class="num">
+                证书编号<span>{{ info.basic.achieve_num }}</span>
+              </el-col>
+              <el-col :span="24" class="info">
+                <el-col :span="24" class="title">科技技术成果评价证书 </el-col>
+                <el-col :span="24" class="text">中科评字【2021】第0323号 </el-col>
+                <el-col :span="24" class="other">
+                  <el-col :span="6" class="left">成果名称:</el-col>
+                  <el-col :span="18" class="right">{{ info.basic.achieve_name }} </el-col>
+                </el-col>
+                <el-col :span="24" class="other">
+                  <el-col :span="6" class="left">完成单位:</el-col>
+                  <el-col :span="18" class="right">{{ info.basic.apply_company }} </el-col>
+                </el-col>
+                <el-col :span="24" class="other">
+                  <el-col :span="6" class="left">单位地址:</el-col>
+                  <el-col :span="18" class="right">{{ info.basic.address }} </el-col>
+                </el-col>
+                <el-col :span="24" class="other">
+                  <el-col :span="6" class="left">发证日期:</el-col>
+                  <el-col :span="18" class="right">{{ info.basic.achieve_name }} </el-col>
+                </el-col>
+                <el-col :span="24" class="other">
+                  <el-col :span="6" class="left">评价机构:</el-col>
+                  <el-col :span="18" class="right">吉林省计算中心 </el-col>
+                </el-col>
+                <el-col :span="12" class="admin">
+                  <el-col :span="10" class="left">签发人:</el-col>
+                  <el-col :span="14" class="right">吉林省计算中心 </el-col>
+                </el-col>
+                <el-col :span="12" class="chapter">
+                  <el-col :span="24" class="left">（盖章）</el-col>
+                </el-col>
+              </el-col>
+            </article>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import htmlToPdf from '@/unit/htmlToPdf.js';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function() {
+    return {
+      info: {
+        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, `info`, res.data);
+        }
+      }
+    },
+    // 证书下载
+    handleDown() {
+      htmlToPdf.downloadPDF(document.querySelector('#demo'), this.info.basic.achieve_name);
+    },
+    // 浏览器证书下载
+    // handleWindowPrint(ele, fileName) {
+    //   document.head.innerHTML =
+    //     '<meta charset="utf-8">\n' +
+    //     ' <title> ' +
+    //     fileName +
+    //     '</title>\n' +
+    //     ' <link rel="shortcut icon" href="http://192.168.29.50:8081/favicon.ico" type="image/x-icon" />\n' +
+    //     ' <meta name="format-detection" content="telephone=no">\n' +
+    //     ' <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\n' +
+    //     ' <meta name="viewport" content="width=device-width,initial-scale=1.0">\n' +
+    //     ' <link rel="stylesheet" href="./static/css/contract.css"/>';
+    //   document.body.innerHTML = document.querySelector(ele).outerHTML;
+    //   setTimeout(() => {
+    //     window.print();
+    //     window.location.reload();
+    //   }, 20);
+    // },
+    // 返回
+    back() {
+      this.$router.push({ path: '/userCert' });
+    },
+  },
+  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 10px 0;
+    .el-button {
+      margin: 0 10px;
+    }
+  }
+  .down {
+    padding: 0 28%;
+    #demo {
+      width: 700px;
+      height: 990px;
+      border: 1px solid #ccc;
+      .num {
+        text-align: right;
+        padding: 20px 20px 0 0;
+        font-size: 20px;
+        font-weight: bold;
+        span {
+          letter-spacing: 8px;
+          color: #ff0000;
+          padding: 0 0 0 5px;
+        }
+      }
+      .info {
+        .title {
+          text-align: center;
+          font-size: 55px;
+          font-weight: bold;
+          font-family: monospace;
+          padding: 90px 0 20px 0;
+        }
+        .text {
+          text-align: center;
+          font-size: 25px;
+          font-family: monospace;
+          padding: 0 0 60px 0;
+        }
+        .other {
+          padding: 0 60px;
+          margin: 0 0 45px 0;
+          .left {
+            font-size: 20px;
+            font-weight: bold;
+            letter-spacing: 10px;
+          }
+          .right {
+            font-size: 20px;
+            letter-spacing: 5px;
+            font-family: monospace;
+          }
+        }
+        .admin {
+          padding: 0 0 0 60px;
+          margin: 60px 0;
+          .left {
+            font-size: 20px;
+            font-weight: bold;
+            letter-spacing: 12px;
+            text-align: center;
+          }
+          .right {
+            font-size: 20px;
+          }
+        }
+        .chapter {
+          padding: 0 60px 0 0;
+          text-align: right;
+          .left {
+            font-size: 20px;
+            padding: 60px 50px 0 0px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/userCenter/userCert/index.vue

@@ -0,0 +1,113 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-tabs v-model="active" type="card" @tab-click="changeTabs">
+          <el-tab-pane label="待发证书" name="first">
+            <data-table :fields="fields" :opera="opera" :data="fisrtList" :total="firstTotal" @query="search" @view="toView"></data-table>
+          </el-tab-pane>
+          <el-tab-pane label="已发证书" name="second">
+            <data-table :fields="fields" :opera="opera" :data="secondList" :total="secondTotal" @query="search" @view="toView" @cert="toCert"></data-table>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      active: 'first',
+      opera: [
+        {
+          label: '资料查看',
+          method: 'view',
+        },
+        {
+          label: '证书查看',
+          method: 'cert',
+        },
+      ],
+      fields: [
+        { label: '成果编号', prop: 'basic.achieve_num', filter: 'input', showTip: true },
+        { label: '成果名称', prop: 'basic.achieve_name', showTip: true },
+        { label: '成果类别', prop: 'basic.achieve_type', showTip: true },
+        {
+          label: '状态',
+          prop: 'status',
+          format: item => {
+            return item === '5' ? '待发证书' : item === '6' ? '已发证书' : '未识别';
+          },
+        },
+      ],
+      // 待评分
+      fisrtList: [],
+      firstTotal: 0,
+      // 审核未通过
+      secondList: [],
+      secondTotal: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...achieveApply(['query']),
+    // 查询列表
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      if (this.active == 'first') {
+        // 待评分
+        const res = await this.query({ skip, limit, status: 5, user_id: this.user.id, ...info });
+        if (this.$checkRes(res)) {
+          this.$set(this, 'fisrtList', res.data);
+          this.$set(this, `firstTotal`, res.total);
+        }
+      } else {
+        const res = await this.query({ skip, limit, status: 6, user_id: this.user.id, ...info });
+        if (this.$checkRes(res)) {
+          this.$set(this, 'secondList', res.data);
+          this.$set(this, `secondTotal`, res.total);
+        }
+      }
+    },
+    // 选择tabs
+    changeTabs(tab) {
+      this.$set(this, `active`, tab.name);
+      this.search();
+    },
+    // 资料查看
+    toView({ data }) {
+      this.$router.push({ path: '/userCommon/dataInfo', query: { id: data.id, type: '5' } });
+    },
+    // 证书查看
+    toCert({ data }) {
+      this.$router.push({ path: '/userCert/detail', query: { id: data.id } });
+    },
+  },
+  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/userCenter/userExpertMeet/index.vue

@@ -0,0 +1,165 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-tabs v-model="active" type="card" @tab-click="changeTabs">
+          <el-tab-pane label="待会审" name="first">
+            <data-table :fields="fields" :opera="opera" :data="fisrtList" :total="firstTotal" @query="search" @view="toView"></data-table>
+          </el-tab-pane>
+          <el-tab-pane label="资料完善" name="second">
+            <data-table
+              :fields="fields"
+              :opera="opera"
+              :data="secondList"
+              :total="secondTotal"
+              @query="search"
+              @view="toView"
+              @idea="toIdea"
+              @exidea="toExidea"
+              @perf="toPerf"
+            ></data-table>
+          </el-tab-pane>
+          <el-tab-pane label="会审失败（申报失败）" name="third">
+            <data-table
+              :fields="fields"
+              :opera="opera"
+              :data="thirdList"
+              :total="thirdTotal"
+              @query="search"
+              @view="toView"
+              @idea="toIdea"
+              @exidea="toExidea"
+            ></data-table>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: achieveApply } = createNamespacedHelpers('achieveApply');
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      active: 'first',
+      opera: [
+        {
+          label: '资料查看',
+          method: 'view',
+        },
+        {
+          label: '评分意见',
+          method: 'idea',
+          display: i => i.status === '4' || i.status === '-5',
+        },
+        {
+          label: '专家意见',
+          method: 'exidea',
+          display: i => i.status === '4' || i.status === '-5',
+        },
+        {
+          label: '资料完善',
+          method: 'perf',
+          display: i => i.status === '4',
+        },
+      ],
+      fields: [
+        { label: '成果编号', prop: 'basic.achieve_num', filter: 'input', showTip: true },
+        { label: '成果名称', prop: 'basic.achieve_name', showTip: true },
+        { label: '成果类别', prop: 'basic.achieve_type', showTip: true },
+        {
+          label: '状态',
+          prop: 'status',
+          format: item => {
+            return item === '3' ? '待会审' : item === '4' ? '补充资料' : item === '-5' ? '会审失败' : '未识别';
+          },
+        },
+      ],
+      // 待评分
+      fisrtList: [],
+      firstTotal: 0,
+      // 资料完善
+      secondList: [],
+      secondTotal: 0,
+      // 申报失败
+      thirdList: [],
+      thirdTotal: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...achieveApply(['query']),
+    // 查询列表
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      if (this.active == 'first') {
+        // 待评分
+        const res = await this.query({ skip, limit, status: 3, user_id: this.user.id, ...info });
+        if (this.$checkRes(res)) {
+          this.$set(this, 'fisrtList', res.data);
+          this.$set(this, `firstTotal`, res.total);
+        }
+      } else if (this.active == 'second') {
+        // 资料完善
+        const res = await this.query({ skip, limit, status: 4, user_id: this.user.id, ...info });
+        if (this.$checkRes(res)) {
+          this.$set(this, 'secondList', res.data);
+          this.$set(this, `secondTotal`, res.total);
+        }
+      } else {
+        // 申报失败
+        const res = await this.query({ skip, limit, status: -5, user_id: this.user.id, ...info });
+        if (this.$checkRes(res)) {
+          this.$set(this, 'thirdList', res.data);
+          this.$set(this, `thirdTotal`, res.total);
+        }
+      }
+    },
+    // 选择tabs
+    changeTabs(tab) {
+      this.$set(this, `active`, tab.name);
+      this.search();
+    },
+    // 资料查看
+    toView({ data }) {
+      this.$router.push({ path: '/userCommon/dataInfo', query: { id: data.id, type: '5' } });
+    },
+    // 资料完善
+    toPerf({ data }) {
+      this.$router.push({ path: '/userCommon/update', query: { id: data.id, status: '3' } });
+    },
+    // 评分意见
+    toIdea({ data }) {
+      this.$router.push({ path: '/userCommon/opinion', query: { id: data.id, step: '会审' } });
+    },
+    // 专家意见
+    toExidea({ data }) {
+      this.$router.push({ path: '/userCommon/expertOpinion', query: { id: data.id, type: '2' } });
+    },
+  },
+  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/userCenter/userExpertScore/index.vue

@@ -7,7 +7,17 @@
             <data-table :fields="fields" :opera="opera" :data="fisrtList" :total="firstTotal" @query="search" @view="toView"></data-table>
           </el-tab-pane>
           <el-tab-pane label="评分审核未通过" name="second">
-            <data-table :fields="fields" :opera="opera" :data="secondList" :total="secondTotal" @query="search" @view="toView"></data-table>
+            <data-table
+              :fields="fields"
+              :opera="opera"
+              :data="secondList"
+              :total="secondTotal"
+              @query="search"
+              @view="toView"
+              @idea="toIdea"
+              @exidea="toExidead"
+              @edit="toEdit"
+            ></data-table>
           </el-tab-pane>
         </el-tabs>
       </el-col>
@@ -34,7 +44,17 @@ export default {
           method: 'view',
         },
         {
-          label: '编辑',
+          label: '评分意见',
+          method: 'idea',
+          display: i => i.status === '-2',
+        },
+        {
+          label: '专家意见',
+          method: 'exidea',
+          display: i => i.status === '-2',
+        },
+        {
+          label: '修改申请',
           method: 'edit',
           display: i => i.status === '-2',
         },
@@ -90,6 +110,18 @@ export default {
     toView({ data }) {
       this.$router.push({ path: '/userCommon/dataInfo', query: { id: data.id, type: '1' } });
     },
+    // 评分意见
+    toIdea({ data }) {
+      this.$router.push({ path: '/userCommon/opinion', query: { id: data.id, step: '评分' } });
+    },
+    // 专家意见
+    toExidead({ data }) {
+      this.$router.push({ path: '/userCommon/expertOpinion', query: { id: data.id, type: '1' } });
+    },
+    // 修改申请
+    toEdit({ data }) {
+      this.$router.push({ path: '/userCommon/update', query: { id: data.id, status: '1' } });
+    },
   },
   computed: {
     ...mapState(['user']),

src/views/userCenter/userMydeclare/nowDeclare.vue

@@ -2,14 +2,19 @@
   <div id="nowDeclare">
     <el-row>
       <el-col :span="24" class="main">
-        <el-tabs type="card" v-model="active">
-          <el-tab-pane label="待审核" name="0">
-            <list status="0"></list>
-          </el-tab-pane>
-          <el-tab-pane label="审核失败" name="-1">
-            <list status="-1"></list>
-          </el-tab-pane>
-        </el-tabs>
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini">新加申报</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-tabs type="card" v-model="active">
+            <el-tab-pane label="待审中" name="0">
+              <list status="0"></list>
+            </el-tab-pane>
+            <el-tab-pane label="审核未通过" name="-1">
+              <list status="-1"></list>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -45,4 +50,11 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/userCenter/userMydeclare/parts/list.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="list">
-    <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search"></data-table>
+    <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @view="toView" @edit="toEdit" @idea="toIdea"></data-table>
   </div>
 </template>
 
@@ -18,7 +18,7 @@ export default {
     return {
       opera: [
         {
-          label: '查看申请',
+          label: '资料查看',
           method: 'view',
           display: i => i.status === '0',
         },
@@ -29,7 +29,7 @@ export default {
         },
         {
           label: '查看意见',
-          method: 'view',
+          method: 'idea',
           display: i => i.status === '-1',
         },
       ],
@@ -62,6 +62,18 @@ export default {
         this.$set(this, `total`, res.total);
       }
     },
+    // 资料查看
+    toView({ data }) {
+      this.$router.push({ path: '/userCommon/dataInfo', query: { id: data.id, type: '0' } });
+    },
+    // 修改申请
+    toEdit({ data }) {
+      this.$router.push({ path: '/userCommon/update', query: { id: data.id, status: '0' } });
+    },
+    // 意见查看
+    toIdea({ data }) {
+      this.$router.push({ path: '/userMydeclare/opinion', query: { id: data.id, step: '初审' } });
+    },
   },
   computed: {
     ...mapState(['user', 'menuParams']),

src/views/userCenter/userMydeclare/pastDeclare.vue

@@ -3,10 +3,10 @@
     <el-row>
       <el-col :span="24" class="main">
         <el-tabs type="card" v-model="active">
-          <el-tab-pane label="审核成功" name="6">
+          <el-tab-pane label="申报成功" name="6">
             <list status="6"></list>
           </el-tab-pane>
-          <el-tab-pane label="审核失败" name="-5">
+          <el-tab-pane label="申报失败" name="-5">
             <list status="-5"></list>
           </el-tab-pane>
         </el-tabs>