|
@ -17,10 +17,90 @@ |
|
|
src="@/assets/images/common/title-small.png" |
|
|
src="@/assets/images/common/title-small.png" |
|
|
alt="" |
|
|
alt="" |
|
|
style="width: 20px; height: 20px" |
|
|
style="width: 20px; height: 20px" |
|
|
/>重点企业列表 |
|
|
/>育种企业列表 |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex"> |
|
|
<div class="flex"> |
|
|
<div class="item" @click="openCompanyDetail(item)" v-for="(item, index) in list" :key="index"> |
|
|
<div |
|
|
|
|
|
class="item" |
|
|
|
|
|
@click="openCompanyDetail(item)" |
|
|
|
|
|
v-for="(item, index) in list1" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
> |
|
|
|
|
|
<img :src="item.cover" alt="" v-if="item.cover" /> |
|
|
|
|
|
<div v-else class="noImg">暂无图片</div> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span class="name">{{ item.name }}</span> |
|
|
|
|
|
<!-- <span class="name">{{ item.contacts }}</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<p>{{ item.introduction }}</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="header"> |
|
|
|
|
|
<img |
|
|
|
|
|
src="@/assets/images/common/title-small.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
style="width: 20px; height: 20px" |
|
|
|
|
|
/>育苗企业列表 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="flex"> |
|
|
|
|
|
<div |
|
|
|
|
|
class="item" |
|
|
|
|
|
@click="openCompanyDetail(item)" |
|
|
|
|
|
v-for="(item, index) in list2" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
> |
|
|
|
|
|
<img :src="item.cover" alt="" v-if="item.cover" /> |
|
|
|
|
|
<div v-else class="noImg">暂无图片</div> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span class="name">{{ item.name }}</span> |
|
|
|
|
|
<!-- <span class="name">{{ item.contacts }}</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<p>{{ item.introduction }}</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="header"> |
|
|
|
|
|
<img |
|
|
|
|
|
src="@/assets/images/common/title-small.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
style="width: 20px; height: 20px" |
|
|
|
|
|
/>种植企业列表 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="flex"> |
|
|
|
|
|
<div |
|
|
|
|
|
class="item" |
|
|
|
|
|
@click="openCompanyDetail(item)" |
|
|
|
|
|
v-for="(item, index) in list3" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
> |
|
|
|
|
|
<img :src="item.cover" alt="" v-if="item.cover" /> |
|
|
|
|
|
<div v-else class="noImg">暂无图片</div> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span class="name">{{ item.name }}</span> |
|
|
|
|
|
<!-- <span class="name">{{ item.contacts }}</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<p>{{ item.introduction }}</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="header"> |
|
|
|
|
|
<img |
|
|
|
|
|
src="@/assets/images/common/title-small.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
style="width: 20px; height: 20px" |
|
|
|
|
|
/>加工企业列表 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="flex"> |
|
|
|
|
|
<div |
|
|
|
|
|
class="item" |
|
|
|
|
|
@click="openCompanyDetail(item)" |
|
|
|
|
|
v-for="(item, index) in list4" |
|
|
|
|
|
:key="index" |
|
|
|
|
|
> |
|
|
<img :src="item.cover" alt="" v-if="item.cover" /> |
|
|
<img :src="item.cover" alt="" v-if="item.cover" /> |
|
|
<div v-else class="noImg">暂无图片</div> |
|
|
<div v-else class="noImg">暂无图片</div> |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
@ -76,6 +156,28 @@ export default { |
|
|
content: |
|
|
content: |
|
|
'培育出番茄和辣椒新品种300个,在农业部登记的品种42个,其中干辣椒品种推广面积居全国第一。他热衷于公益事业,捐赠现金和物资总额已超过100万元,并在2022年防疫工作中捐款12万元和价值3000元的物资。' |
|
|
'培育出番茄和辣椒新品种300个,在农业部登记的品种42个,其中干辣椒品种推广面积居全国第一。他热衷于公益事业,捐赠现金和物资总额已超过100万元,并在2022年防疫工作中捐款12万元和价值3000元的物资。' |
|
|
} |
|
|
} |
|
|
|
|
|
], |
|
|
|
|
|
list1: [], |
|
|
|
|
|
list2: [], |
|
|
|
|
|
list3: [], |
|
|
|
|
|
list4: [], |
|
|
|
|
|
types: [ |
|
|
|
|
|
{ |
|
|
|
|
|
label: '育种企业', |
|
|
|
|
|
value: '1' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: '育苗企业', |
|
|
|
|
|
value: '2' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: '种植企业', |
|
|
|
|
|
value: '3' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
label: '加工企业', |
|
|
|
|
|
value: '4' |
|
|
|
|
|
} |
|
|
] |
|
|
] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@ -85,8 +187,17 @@ export default { |
|
|
components: {}, |
|
|
components: {}, |
|
|
watch: {}, |
|
|
watch: {}, |
|
|
created () { |
|
|
created () { |
|
|
seedCompanyList({ pageNo: 1, pages: 100, type: '1' }).then((res) => { |
|
|
seedCompanyList({ type: '1' }).then((res) => { |
|
|
this.list = res.data |
|
|
this.list1 = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
seedCompanyList({ type: '2' }).then((res) => { |
|
|
|
|
|
this.list2 = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
seedCompanyList({ type: '3' }).then((res) => { |
|
|
|
|
|
this.list3 = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
seedCompanyList({ type: '4' }).then((res) => { |
|
|
|
|
|
this.list4 = res.data |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|