|
@@ -1,222 +0,0 @@
|
|
-<template>
|
|
|
|
- <div id="prodDetails">
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24" class="info">
|
|
|
|
- <el-col :span="24" class="top">
|
|
|
|
- <el-carousel trigger="click" class="carousel">
|
|
|
|
- <template v-if="productInfo.image && productInfo.image.length > 0">
|
|
|
|
- <el-carousel-item v-for="(item, index) in productInfo.image" :key="index">
|
|
|
|
- <el-image :src="item.url" style="width:100%"> </el-image>
|
|
|
|
- </el-carousel-item>
|
|
|
|
- </template>
|
|
|
|
- <template v-else>
|
|
|
|
- <el-image :src="noimage"></el-image>
|
|
|
|
- </template>
|
|
|
|
- </el-carousel>
|
|
|
|
- <p class="textOver">{{ productInfo.name }}</p>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="message">
|
|
|
|
- <p>
|
|
|
|
- <span>产品类型</span>
|
|
|
|
- <span>{{ productInfo.totaltype === '0' ? '技术' : productInfo.totaltype === '1' ? '产品' : productInfo.totaltype === '2' ? '服务' : '暂无' }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>类型</span>
|
|
|
|
- <span>{{ productInfo.product_type_name || '暂无' }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0'">
|
|
|
|
- <span>研发阶段</span>
|
|
|
|
- <span>{{ productInfo.phase == 1 ? '阶段成果' : productInfo.phase == 2 ? '最终成果' : '暂无' }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
|
|
|
|
- <span>产品单价</span>
|
|
|
|
- <span>{{ productInfo.price }}/{{ productInfo.priceunit }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>所属领域</span>
|
|
|
|
- <span>{{
|
|
|
|
- productInfo.field == '0'
|
|
|
|
- ? '先进制造'
|
|
|
|
- : productInfo.field == '1'
|
|
|
|
- ? '新材料'
|
|
|
|
- : productInfo.field == '2'
|
|
|
|
- ? '光电子'
|
|
|
|
- : productInfo.field == '3'
|
|
|
|
- ? '信息技术'
|
|
|
|
- : productInfo.field == '4'
|
|
|
|
- ? '文化和科技融合'
|
|
|
|
- : '暂无'
|
|
|
|
- }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>服务范围</span>
|
|
|
|
- <span>{{ productInfo.scope || '暂无' }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
|
|
|
|
- <span>合作方式</span>
|
|
|
|
- <span>{{
|
|
|
|
- productInfo.coopermode == '0'
|
|
|
|
- ? '技术转让'
|
|
|
|
- : productInfo.coopermode == '1'
|
|
|
|
- ? '技术服务'
|
|
|
|
- : productInfo.coopermode == '2'
|
|
|
|
- ? '技术许可'
|
|
|
|
- : productInfo.coopermode == '3'
|
|
|
|
- ? '技术融资'
|
|
|
|
- : productInfo.coopermode == '4'
|
|
|
|
- ? '其他'
|
|
|
|
- : '暂无'
|
|
|
|
- }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
|
|
|
|
- <span>交易方式</span>
|
|
|
|
- <span>{{ productInfo.business === '0' ? '公用' : productInfo.business === '1' ? '转让' : productInfo.business === '2' ? '竞价' : '暂无' }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0'">
|
|
|
|
- <span>投入预算</span>
|
|
|
|
- <span>{{ productInfo.budget }}万</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0'">
|
|
|
|
- <span>截至日期</span>
|
|
|
|
- <span>{{ productInfo.end_date }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0'">
|
|
|
|
- <span>难题&瓶颈</span>
|
|
|
|
- <span>{{ productInfo.difficult_problem }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '0'">
|
|
|
|
- <span>需求条件</span>
|
|
|
|
- <span>{{ productInfo.demand }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>企业名称</span>
|
|
|
|
- <span>{{ productInfo.company }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>企业地址</span>
|
|
|
|
- <span>{{ productInfo.address }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>技术团队</span>
|
|
|
|
- <span>{{ productInfo.team }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>知识产权</span>
|
|
|
|
- <span>{{ productInfo.property }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>技术成熟度</span>
|
|
|
|
- <span>{{
|
|
|
|
- productInfo.coopermode == '0'
|
|
|
|
- ? '实验室'
|
|
|
|
- : productInfo.coopermode == '1'
|
|
|
|
- ? '小试'
|
|
|
|
- : productInfo.coopermode == '2'
|
|
|
|
- ? '中试'
|
|
|
|
- : productInfo.coopermode == '3'
|
|
|
|
- ? '成熟'
|
|
|
|
- : '暂无'
|
|
|
|
- }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>合作企业</span>
|
|
|
|
- <span>{{ productInfo.coopercompany }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p v-if="productInfo.totaltype == '1'">
|
|
|
|
- <span>其他需求</span>
|
|
|
|
- <span>{{ productInfo.other }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>联系人</span>
|
|
|
|
- <span>{{ productInfo.contact_user }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>联系电话</span>
|
|
|
|
- <span>{{ productInfo.contact_tel }}</span>
|
|
|
|
- </p>
|
|
|
|
- <div class="introduction">
|
|
|
|
- <p>产品简介</p>
|
|
|
|
- <p>{{ productInfo.introduction }}</p>
|
|
|
|
- </div>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
|
-export default {
|
|
|
|
- name: 'prodDetails',
|
|
|
|
- props: {
|
|
|
|
- productInfo: null,
|
|
|
|
- },
|
|
|
|
- components: {},
|
|
|
|
- data: function() {
|
|
|
|
- return {
|
|
|
|
- noimage: require('@/assets/noimage.jpg'),
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- created() {},
|
|
|
|
- methods: {},
|
|
|
|
- computed: {
|
|
|
|
- ...mapState(['user']),
|
|
|
|
- pageTitle() {
|
|
|
|
- return `${this.$route.meta.title}`;
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- metaInfo() {
|
|
|
|
- return { title: this.$route.meta.title };
|
|
|
|
- },
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="less" scoped>
|
|
|
|
-.info {
|
|
|
|
- .top {
|
|
|
|
- background: #fff;
|
|
|
|
- min-height: 250px;
|
|
|
|
- padding: 0 15px;
|
|
|
|
- margin: 0 0 10px 0;
|
|
|
|
- .carousel {
|
|
|
|
- height: 200px !important;
|
|
|
|
- padding: 10px 0;
|
|
|
|
- }
|
|
|
|
- .el-image {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 200px;
|
|
|
|
- }
|
|
|
|
- p {
|
|
|
|
- font-size: 18px;
|
|
|
|
- color: #000;
|
|
|
|
- padding: 0 0 10px 0;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .message {
|
|
|
|
- background: #fff;
|
|
|
|
- padding: 0 15px;
|
|
|
|
- min-height: 50px;
|
|
|
|
- p {
|
|
|
|
- min-height: 50px;
|
|
|
|
- line-height: 50px;
|
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
|
- }
|
|
|
|
- span:first-child {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 80px;
|
|
|
|
- color: #ccc;
|
|
|
|
- }
|
|
|
|
- span:last-child {
|
|
|
|
- color: #000;
|
|
|
|
- }
|
|
|
|
- div {
|
|
|
|
- p {
|
|
|
|
- border-bottom: none;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-/deep/.el-carousel__container {
|
|
|
|
- height: 200px !important;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|