|
@@ -0,0 +1,217 @@
|
|
|
+<template>
|
|
|
+ <div id="model-0">
|
|
|
+ <el-row type="flex" justify="end">
|
|
|
+ <el-col :span="2">
|
|
|
+ <slot></slot>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-col :span="24" class="two">
|
|
|
+ <el-col :span="24" class="two_1">
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果编号</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.achieve_num || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果名称</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.achieve_name || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果类别</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.achieve_type || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果形式</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.achieve_form || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果取得时间</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.achieve_date || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">申请人</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.apply_personal || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">申请人电话</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.apply_phone || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">申请单位</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.apply_company || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">地址</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.address || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">申请人单位(属性)</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.apply_nature || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">联系人</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.contacts || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">联系电话</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.phone || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">邮箱</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.email || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">传真</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.fax || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">评价目的</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.objective || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="two_12">
|
|
|
+ <el-col :span="5" class="left">成果所处阶段</el-col>
|
|
|
+ <el-col :span="19" class="right textOver">{{ data.basic.stage || '暂无' }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="two_2">
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>成果简介</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.achieve_brief || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>应用领域和技术原理</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.field || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>性能指标</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.kpi_index || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>与国内外同类技术比较</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.compare || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>成果的创造性,先进性</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.advanced || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>作用意义</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.sense || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>推广应用的范围,条件和前景</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.prospect || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="downInfo">
|
|
|
+ <el-col :span="5" class="tit">
|
|
|
+ <h2>存在的问题和改进意见</h2>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="info">
|
|
|
+ {{ data.brief.opinion || '暂无' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'model-0',
|
|
|
+ props: {
|
|
|
+ data: { type: Object, default: () => {} },
|
|
|
+ },
|
|
|
+ components: {},
|
|
|
+ data: function() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ test: {
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ handler(val) {},
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.two {
|
|
|
+ .two_1 {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+ .two_12 {
|
|
|
+ .left {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0 5px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .two_2 {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+ .downInfo {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .tit {
|
|
|
+ height: 150px;
|
|
|
+ text-align: center;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 10px;
|
|
|
+ height: 150px;
|
|
|
+ overflow-y: auto;
|
|
|
+ line-height: 25px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|