Browse Source

地图头部信息注释,企业列表分类

master
juwei001 1 year ago
parent
commit
d2c799434f
  1. 1
      src/views/next/dialog-module/zdyf-center/qyjj/index.vue
  2. 119
      src/views/next/dialog-module/zdyf-right/kyll/keyEnterprises.vue
  3. 4
      src/views/next/screen-content-map/cpt/zdyf-map.vue

1
src/views/next/dialog-module/zdyf-center/qyjj/index.vue

@ -229,7 +229,6 @@ export default {
}) })
}, },
closeDialog () { closeDialog () {
console.log('zoule?')
this.visiable = false this.visiable = false
this.set_qyjj(false) this.set_qyjj(false)
this.set_gsxq_id(null) this.set_gsxq_id(null)

119
src/views/next/dialog-module/zdyf-right/kyll/keyEnterprises.vue

@ -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: {

4
src/views/next/screen-content-map/cpt/zdyf-map.vue

@ -15,10 +15,10 @@
</div> </div>
<div id="myMapZd" v-if="mapFlag == 'Amap'"> <div id="myMapZd" v-if="mapFlag == 'Amap'">
<div> <div>
<screen-map-header <!-- <screen-map-header
v-if="showPage" v-if="showPage"
:data="headerList" :data="headerList"
></screen-map-header> ></screen-map-header> -->
<screen-map-legeng v-if="showPage"></screen-map-legeng> <screen-map-legeng v-if="showPage"></screen-map-legeng>
</div> </div>
</div> </div>

Loading…
Cancel
Save