|
@@ -1,94 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="technologyList">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="list" @click.native="$router.push({ path: '/market/prodDetail' })" v-for="(item, index) in list" :key="index">
|
|
|
- <p class="textOver">{{ item.name }}</p>
|
|
|
- <p>
|
|
|
- <span class="ptwo"><span>产品类型:</span>{{ item.product_type_name || '暂无' }}</span>
|
|
|
- <span class="ptwo"><span>研发阶段:</span>{{ item.phase == 1 ? '阶段成果' : item.phase == 2 ? '最终成果' : '暂无' }}</span>
|
|
|
- </p>
|
|
|
- <p class="textOver"><span>应用领域:</span>{{ item.field || '暂无' }}</p>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions: product } = createNamespacedHelpers('marketproduct');
|
|
|
-export default {
|
|
|
- name: 'technologyList',
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
- data: function() {
|
|
|
- return {
|
|
|
- list: [
|
|
|
- {
|
|
|
- name: '技术技术技术技术',
|
|
|
- product_type_name: '技术',
|
|
|
- phase: '1',
|
|
|
- field: '技术技术技术技术',
|
|
|
- },
|
|
|
- {
|
|
|
- name: '技术技术技术技术',
|
|
|
- product_type_name: '技术',
|
|
|
- phase: '1',
|
|
|
- field: '技术技术技术技术',
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.searchInfo();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...product(['newquery']),
|
|
|
- async searchInfo() {
|
|
|
- // let res = await this.newquery({ skip: 0, limit: 6, totaltype: '0', status: '1' });
|
|
|
- // if (this.$checkRes(res)) {
|
|
|
- // this.$set(this, `list`, res.data);
|
|
|
- // }
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- pageTitle() {
|
|
|
- return `${this.$route.meta.title}`;
|
|
|
- },
|
|
|
- },
|
|
|
- metaInfo() {
|
|
|
- return { title: this.$route.meta.title };
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.info {
|
|
|
- border-top: 1px solid #f5f5f5;
|
|
|
- .list {
|
|
|
- background: #fff;
|
|
|
- padding: 0 10px;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- p {
|
|
|
- font-size: 14px;
|
|
|
- color: #000;
|
|
|
- padding: 5px 0;
|
|
|
- }
|
|
|
- p:first-child {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- p:nth-child(2) .ptwo {
|
|
|
- display: inline-block;
|
|
|
- width: 50%;
|
|
|
- }
|
|
|
- p:nth-child(2) .ptwo span:first-child {
|
|
|
- color: #ccc;
|
|
|
- }
|
|
|
- p:last-child span {
|
|
|
- color: #ccc;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|