Browse Source

孵化平台下产品展示跳转界面

master
aBin 5 years ago
parent
commit
e01a33ca48
  1. 17
      src/components/PlatformList/PlatformList.vue
  2. 14
      src/views/IncubationPlatform/Children/Products.vue

17
src/components/PlatformList/PlatformList.vue

@ -1,19 +1,10 @@
<template> <template>
<div> <div>
<div class="inner d-flex flex-wrap"> <div class="inner d-flex flex-wrap">
<div <div :class="(index + 1) % 4 === 0 ? 'margin-0' : ''" :key="index" class="item-box mb-6" v-for="(item, index) in list">
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
:key="index"
class="item-box mb-6"
v-for="(item, index) in list"
>
<img :src="item.imgUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" /> <img :src="item.imgUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" />
<p class="font-24 my-4 title">{{ item.name }}</p> <p class="font-24 my-4 title">{{ item.name }}</p>
<p <p @click="jump(item.id)" class="font-16 baseColor" style="text-align: right; cursor: pointer">了解更多</p>
@click="jump(item.id)"
class="font-16 baseColor"
style="text-align: right; cursor: pointer"
>了解更多</p>
</div> </div>
</div> </div>
<div class="inner"> <div class="inner">
@ -204,8 +195,8 @@ export default {
}); });
} else if (this.listState === 3) { } else if (this.listState === 3) {
this.$router.push({ this.$router.push({
path: '/NewPlatform/ServiceDet', path: '/NewPlatform/Share/InsDet',
name: 'ServiceDet', name: 'InsDet',
params: { id }, params: { id },
}); });
} }

14
src/views/IncubationPlatform/Children/Products.vue

@ -14,16 +14,12 @@
@click="choose(index)" @click="choose(index)"
class="ins-name" class="ins-name"
v-for="(item, index) in productLists" v-for="(item, index) in productLists"
>{{ item.name }}</span> >
{{ item.name }}
</span>
</div> </div>
<div class="flex-1 align-center"> <div class="flex-1 align-center">
<a-input-search <a-input-search @search="searchProduct" class="item-search" enter-button="搜索" placeholder="请输入" v-model="productIpt" />
@search="searchProduct"
class="item-search"
enter-button="搜索"
placeholder="请输入"
v-model="productIpt"
/>
</div> </div>
</div> </div>
</div> </div>
@ -40,7 +36,6 @@ import { selModel } from 'config/api';
import PlatformList from 'components/PlatformList/PlatformList.vue'; import PlatformList from 'components/PlatformList/PlatformList.vue';
import HNav from './../components/HNav.vue'; import HNav from './../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
export default { export default {
name: 'Products', name: 'Products',
components: { BreadCrumb, HNav, PlatformList }, components: { BreadCrumb, HNav, PlatformList },
@ -69,6 +64,7 @@ export default {
content: '', content: '',
isBtn: 0, isBtn: 0,
}; };
this.setListState(3);
this.setProductList([]); this.setProductList([]);
this.setProductIpt(obj); this.setProductIpt(obj);
this.getType(3); this.getType(3);

Loading…
Cancel
Save