1

src/router/index.js

@@ -65,6 +65,11 @@ export default new Router({
           component: () => import('../views/adminPerfect/index.vue'),
           meta: { title: '完善资料' },
         },
+        {
+          path: '/adminPerfect/detail',
+          component: () => import('../views/adminPerfect/detail.vue'),
+          meta: { title: '资料查看' },
+        },
         // 证书发放
         {
           path: '/adminCate',

src/views/adminPerfect/detail.vue

@@ -0,0 +1,182 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <el-tabs v-model="active" type="card">
+            <el-tab-pane label="（一）基本信息" name="first">
+              <basic :info="form.basic"></basic>
+            </el-tab-pane>
+            <el-tab-pane label="（二）内容简介" name="second">
+              <brief :info="form.brief"></brief>
+            </el-tab-pane>
+            <el-tab-pane label="（三）主研人员名单" name="third">
+              <research :list="form.research"></research>
+            </el-tab-pane>
+            <el-tab-pane label="（四）评价委托方提供资料清单" name="fourth">
+              <detailed :linkInfo="form.datalist"></detailed>
+            </el-tab-pane>
+            <el-tab-pane label="（五）补充资料审核" name="fiveth">
+              <el-col :span="24" class="fiveth">
+                <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+                  <el-form-item label="资料建议" prop="desc">
+                    <el-input
+                      type="textarea"
+                      placeholder="请输入资料建议"
+                      v-model="form.desc"
+                      maxlength="200"
+                      :autosize="{ minRows: 4, maxRows: 6 }"
+                      show-word-limit
+                    >
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="审核状态" prop="status">
+                    <el-radio-group v-model="form.status">
+                      <el-radio label="0">通过</el-radio>
+                      <el-radio label="1">拒绝</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-col :span="24" class="btn">
+                    <el-button type="primary" size="mini" @click="onSubmit('form')">提交审核</el-button>
+                  </el-col>
+                </el-form>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import basic from './parts/basic.vue';
+import brief from './parts/brief.vue';
+import research from './parts/research.vue';
+import detailed from './parts/detailed.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {
+    basic,
+    brief,
+    research,
+    detailed,
+  },
+  data: function() {
+    return {
+      // 标签
+      active: 'first',
+      form: {
+        basic: {
+          achieve_name: '成果名称',
+          achieve_type: '成果类别',
+          achieve_num: '成果编号',
+          achieve_date: '成果取得时间',
+          achieve_form: '成果形式',
+          apply_personal: '申请人',
+          apply_company: '申请单位',
+          address: '地址',
+          apply_nature: '申请人/申请人属性',
+          contacts: '联系人',
+          phone: '联系电话',
+          email: '邮箱',
+          fax: '传真',
+          objective: '评价目的',
+          stage: '成果所处阶段',
+          output: '经济效益产值',
+          profit: '经济效益利润',
+          revenue: '经济效益税收',
+        },
+        brief: {
+          achieve_brief: '成果简介',
+          field: '应用领域和技术原理',
+          kpi_index: '性能指标',
+          compare: '与国内外同类技术比较',
+          advanced: '成果的创造性，先进性',
+          sense: '作用意义',
+          prospect: '推广应用的范围，条件和前景',
+          opinion: '存在的问题和改进意见',
+        },
+        research: [
+          {
+            research_name: '姓名',
+            card: '220182199603257019',
+            gender: '性别',
+            position: '技术职称',
+            education: '文化程度',
+            degree: '学位',
+            abroad: '是否留学归国',
+            research_company: '工作单位',
+            devote: '对成果创造性贡献',
+          },
+        ],
+        datalist: {
+          work_report: '研究工作报告（必备）',
+          techol_report: '研究技术报告（必备）',
+          benefit: '经济效益分析（必备）',
+          science_report: '科技查新报告（科技项目成果，必备）',
+          assess_report: '法律价值评估报告（专利成果，必备）',
+          app_prove: '推广应用证明（两家以上应用单位，必备）',
+          techol_ppt: '成果技术汇报PPT（必备）',
+          testing_report: '检测报告（根据项目需要提供）',
+          quality: '质量标准（检测报告所依据的标准，企业标准，行业标准，国家标准，国际标准）',
+          patent: '与本成果相关的授权专利证书',
+          special: '特殊行业需要提供的相应证明材料',
+          budget: '项目经费预算书',
+          final: '项目经费决算书',
+        },
+      },
+      rules: {
+        desc: [{ required: true, message: '请输入审核意见', trigger: 'blur' }],
+        status: [{ required: true, message: '请选择状态', trigger: 'change' }],
+      },
+    };
+  },
+  created() {},
+  methods: {
+    // 返回
+    back() {
+      this.$router.push({ path: '/adminPerfect' });
+    },
+    onSubmit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          alert('submit!');
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    margin: 0 0 10px 0;
+    text-align: right;
+  }
+  .down {
+    .fiveth {
+      padding: 0 20%;
+      .btn {
+        text-align: center;
+      }
+    }
+  }
+}
+</style>

src/views/adminPerfect/index.vue

@@ -1,14 +1,17 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24">
-        <p>index</p>
+      <el-col :span="24" class="main">
+        <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>
   </div>
 </template>
 
 <script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   metaInfo() {
@@ -16,12 +19,47 @@ export default {
   },
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    dataTable,
+  },
   data: function() {
-    return {};
+    return {
+      opera: [
+        {
+          label: '资料查看',
+          method: 'view',
+        },
+      ],
+      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' },
+      ],
+      list: [
+        {
+          basic: {
+            achieve_num: '成果编号',
+            achieve_name: '成果名称',
+            achieve_type: '成果类别',
+          },
+          status: '0',
+        },
+      ],
+      total: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    // 查询列表
+    async search({ skip = 0, limit = 10, ...info } = {}) {},
+    // 资料审核
+    toView({ data }) {
+      this.$router.push({ path: '/adminPerfect/detail', query: { id: data.id } });
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
   },

src/views/adminPerfect/parts/basic copy.vue

@@ -0,0 +1,222 @@
+<template>
+  <div id="basic">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果名称：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_name }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果类别：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_type }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果编号：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_num }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果取得时间：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_date }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果形式：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_form }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请人：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_personal }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请单位：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_company }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              地址：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.address }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请单位/申请人属性：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_nature }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              联系人：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.contacts }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              联系电话：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.phone }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              邮箱：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.email }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              传真：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.fax }}
+            </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="two">
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              评价目的：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.objective }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              成果所处阶段：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.stage }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              经济效益产值：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.output }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              经济效益利润：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.profit }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              经济效益税收：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.revenue }}
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'basic',
+  props: {
+    info: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.basic {
+  .one {
+    margin: 0 0 15px 0;
+    .short {
+      .shortText {
+        height: 40px;
+        line-height: 40px;
+        padding: 0 10px;
+        text-align: center;
+        border: 1px solid #ccc;
+      }
+      .shortInfo {
+        height: 40px;
+        line-height: 40px;
+        padding: 0 10px;
+        text-align: center;
+        border: 1px solid #ccc;
+      }
+    }
+  }
+  .two {
+    .lang {
+      margin: 0 0 10px 0;
+      .langText {
+        font-size: 18px;
+        font-weight: bold;
+        color: #666;
+        margin: 0 0 10px 0;
+      }
+      .langInfo {
+        min-height: 120px;
+        padding: 10px;
+        border: 1px dashed #ccc;
+        border-radius: 5px;
+      }
+    }
+  }
+}
+</style>

src/views/adminPerfect/parts/basic.vue

@@ -0,0 +1,207 @@
+<template>
+  <div id="basic">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果编号：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_num }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果名称：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_name }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果类别：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_type }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果形式：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_form }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果取得时间：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.achieve_date }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请人：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_personal }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请单位：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_company }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              地址：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.address }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              申请单位/申请人属性：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.apply_nature }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              联系人：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.contacts }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              联系电话：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.phone }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              邮箱：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.email }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              传真：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.fax }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              评价目的：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.objective }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              成果所处阶段：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.stage }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              经济效益产值：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.output }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              经济效益利润：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.profit }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="3" class="shortText">
+              经济效益税收：
+            </el-col>
+            <el-col :span="21" class="shortInfo textOver">
+              {{ info.revenue }}
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'basic',
+  props: {
+    info: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.basic {
+  .one {
+    margin: 0 0 15px 0;
+    .short {
+      .shortText {
+        height: 40px;
+        line-height: 40px;
+        padding: 0 10px;
+        text-align: center;
+        border: 1px solid #ccc;
+      }
+      .shortInfo {
+        height: 40px;
+        line-height: 40px;
+        padding: 0 10px;
+        text-align: center;
+        border: 1px solid #ccc;
+      }
+    }
+    .short:hover {
+      cursor: pointer;
+      background: #f1f1f1;
+    }
+  }
+}
+</style>

src/views/adminPerfect/parts/brief.vue

@@ -0,0 +1,116 @@
+<template>
+  <div id="brief">
+    <el-row>
+      <el-col :span="24" class="brief">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              成果简介：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.achieve_brief }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              应用领域和技术原理：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.field }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              性能指标：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.kpi_index }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              与国内外同类技术比较：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.compare }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              成果的创造性，先进性：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.advanced }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              作用意义：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.sense }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              推广应用的范围，条件和前景：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.prospect }}
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="lang">
+            <el-col :span="24" class="langText">
+              存在的问题和改进意见：
+            </el-col>
+            <el-col :span="24" class="langInfo">
+              {{ info.opinion }}
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'brief',
+  props: {
+    info: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.brief {
+  .one {
+    .lang {
+      margin: 0 0 10px 0;
+      .langText {
+        font-size: 18px;
+        font-weight: bold;
+        color: #666;
+        margin: 0 0 10px 0;
+      }
+      .langInfo {
+        min-height: 120px;
+        padding: 10px;
+        border: 1px dashed #ccc;
+        border-radius: 5px;
+      }
+    }
+  }
+}
+</style>

src/views/adminPerfect/parts/detailed.vue

@@ -0,0 +1,153 @@
+<template>
+  <div id="detailed">
+    <el-row>
+      <el-col :span="24" class="detailed">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究工作报告（必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.work_report">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究技术报告（必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.techol_report">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              经济效益分析（必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.benefit">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              科技查新报告（科技项目成果，必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.science_report">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              法律价值评估报告（专利成果，必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.assess_report">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              推广应用证明（两家以上应用单位，必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.app_prove">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              成果技术汇报PPT（必备）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.techol_ppt">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              检测报告（根据项目需要提供）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.testing_report">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              质量标准（检测报告所依据的标准，企业标准，行业标准，国家标准，国际标准）
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.quality">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              与本成果相关的授权专利证书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.patent">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              特殊行业需要提供的相应证明材料
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.special">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费预算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.budget">文件下载</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费决算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" :href="linkInfo.final">文件下载</el-link>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detailed',
+  props: {
+    linkInfo: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.detailed {
+  .one {
+    .short {
+      .shortText {
+        height: 40px;
+        line-height: 40px;
+        border: 1px solid #ccc;
+        text-align: center;
+      }
+    }
+    .short:hover {
+      cursor: pointer;
+      background: #f1f1f1;
+    }
+  }
+}
+</style>

src/views/adminPerfect/parts/research.vue

@@ -0,0 +1,46 @@
+<template>
+  <div id="research">
+    <el-row>
+      <el-col :span="24" class="research">
+        <data-table :fields="fields" :data="list" :usePage="false"></data-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'research',
+  props: {
+    list: { type: Array },
+  },
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      fields: [
+        { label: '姓名', prop: 'research_name', showTip: true },
+        { label: '身份证号', prop: 'card', showTip: true },
+        { label: '性别', prop: 'gender', showTip: true },
+        { label: '技术职称', prop: 'position', showTip: true },
+        { label: '文化程度', prop: 'education', showTip: true },
+        { label: '学位', prop: 'degree', showTip: true },
+        { label: '是否留学归国', prop: 'abroad', showTip: true },
+        { label: '工作单位', prop: 'research_company', showTip: true },
+        { label: '对成果创造性贡献', prop: 'devote', showTip: true },
+      ],
+    };
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped></style>