修复tab点击跳转

This commit is contained in:
zhh
2022-04-06 11:35:58 +08:00
parent 6b71c061d5
commit 9b4271cd3e
6 changed files with 191 additions and 288 deletions

View File

@ -62,6 +62,7 @@
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-cropper": "0.4.9", "vue-cropper": "0.4.9",
"vue-router": "3.0.2", "vue-router": "3.0.2",
"vue-seamless-scroll": "^1.1.23",
"vue-splitpane": "1.0.4", "vue-splitpane": "1.0.4",
"vuedraggable": "2.20.0", "vuedraggable": "2.20.0",
"vuex": "3.1.0" "vuex": "3.1.0"

View File

@ -5,13 +5,17 @@
<div class="footer_one content"> <div class="footer_one content">
<p> <p>
<span> <span>
<i><img src="@/assets/image/icon1.png" alt=""/></i> <i>
总浏览量{{ totalNum }}</span <img src="@/assets/image/icon1.png" alt />
> </i>
总浏览量{{ total }}
</span>
<span> <span>
<i><img src="@/assets/image/icon1.png" alt=""/></i> <i>
今日浏览{{ goldNum }}</span <img src="@/assets/image/icon1.png" alt />
> </i>
今日浏览{{ gold }}
</span>
</p> </p>
<div class="footer_two"> <div class="footer_two">
<div class="footer_left"> <div class="footer_left">
@ -21,7 +25,7 @@
</div> </div>
<div class="footer_left_three"> <div class="footer_left_three">
<i>0551-xxxx-xxx</i> <i>0551-xxxx-xxx</i>
</div> --> </div>-->
</div> </div>
<div> <div>
<!-- <h3>合肥嘉策信息技术服务有限公司</h3> --> <!-- <h3>合肥嘉策信息技术服务有限公司</h3> -->
@ -31,11 +35,11 @@
</div> </div>
<div class="footer_right"> <div class="footer_right">
<div class="item"> <div class="item">
<img :src="footerData.wx" alt="" /> <img :src="footerData.wx" alt />
<div style="text-align:center">嘉策公众号</div> <div style="text-align:center">嘉策公众号</div>
</div> </div>
<div class="item"> <div class="item">
<img :src="footerData.qq" alt="" /> <img :src="footerData.qq" alt />
<div style="text-align:center">嘉策QQ群</div> <div style="text-align:center">嘉策QQ群</div>
</div> </div>
</div> </div>
@ -47,9 +51,7 @@
<span>CopyRight 2020-2021</span> <span>CopyRight 2020-2021</span>
<span>版权所有 合肥嘉策信息技术服务有限公司</span> <span>版权所有 合肥嘉策信息技术服务有限公司</span>
<!-- <span>皖ICP备2021010348号</span> --> <!-- <span>皖ICP备2021010348号</span> -->
<a href="https://beian.miit.gov.cn" target="_blank" <a href="https://beian.miit.gov.cn" target="_blank">皖ICP备2021010348号</a>
>皖ICP备2021010348号</a
>
</div> </div>
</div> </div>
</div> </div>
@ -74,17 +76,39 @@ export default {
}, },
data() { data() {
return { return {
footerData: {} footerData: {},
total: 0,
gold: 0
}; };
}, },
watch: {
totalNum: {
handler(newVal) {
this.total = newVal
},
immediate: true,
deep: true
},
goldNum: {
handler(newVal) {
this.gold = newVal
},
immediate: true,
deep: true
}
},
created() { created() {
getBottom().then(({ data }) => { getBottom().then(({ data }) => {
this.footerData = data; this.footerData = data;
// this.total = this.totalNum
// this.gold = this.goldNum
}); });
if (!this.flag) return false; if (!this.flag) return false;
getRead({ id: 1 }).then(({ data }) => { getRead({ id: 1 }).then(({ data }) => {
this.totalNum = data.count; // this.totalNum = data.count;
this.goldNum = data.today; this.total = data.count;
// this.goldNum = data.today;
this.gold = data.today;
}); });
} }
}; };

View File

@ -6,15 +6,15 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<el-carousel height="345px" trigger="click"> <el-carousel height="345px" trigger="click">
<el-carousel-item v-for="item in bannerList" :key="item.id"> <el-carousel-item v-for="item in bannerList" :key="item.id">
<img :src="item.pic" alt="" @click="handlePage(item.url)" /> <img :src="item.pic" alt @click="handlePage(item.url)" />
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<!-- 政策解读 --> <!-- 政策解读 -->
<div class="unscramble"> <div class="unscramble">
<div class="title"> <div class="title">
<div class="title_top_l"> <div class="title_top_l">
<img src="@/assets/image/icon4.png" alt="" /> <img src="@/assets/image/icon4.png" alt />
<img src="@/assets/image/icon5.png" alt="" /> <img src="@/assets/image/icon5.png" alt />
</div> </div>
<router-link <router-link
target="_blank" target="_blank"
@ -24,7 +24,8 @@
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i> 更多
<i class="el-icon-arrow-right"></i>
</div> </div>
</router-link> </router-link>
</div> </div>
@ -67,7 +68,7 @@
" "
>其他</span >其他</span
> >
</el-tab-pane> --> </el-tab-pane>-->
<div <div
class="tab_item" class="tab_item"
style="position: relative; padding-right: 50px" style="position: relative; padding-right: 50px"
@ -83,16 +84,16 @@
path: '/result', path: '/result',
query: { key: 'policyRead', id: item.id }, query: { key: 'policyRead', id: item.id },
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
</span> </span>
<i v-if="index < 3"> <i v-if="index < 3">
<img src="@/assets/image/new.png" alt="" /> <img src="@/assets/image/new.png" alt />
</i> </i>
<span style="position: absolute; right: 0; top: 0">{{ <span style="position: absolute; right: 0; top: 0">
{{
parseTime(item.listDate, '{m}-{d}') parseTime(item.listDate, '{m}-{d}')
}}</span> }}
</span>
</div> </div>
</el-tabs> </el-tabs>
</div> </div>
@ -102,8 +103,8 @@
<!-- 政策列表 --> <!-- 政策列表 -->
<div class="title"> <div class="title">
<div class="title_top_l"> <div class="title_top_l">
<img src="@/assets/image/icon4l.png" alt="" /> <img src="@/assets/image/icon4l.png" alt />
<img src="@/assets/image/notice.png" alt="" /> <img src="@/assets/image/notice.png" alt />
</div> </div>
<router-link <router-link
target="_blank" target="_blank"
@ -113,7 +114,8 @@
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i> 更多
<i class="el-icon-arrow-right"></i>
</div> </div>
</router-link> </router-link>
</div> </div>
@ -126,8 +128,8 @@
@mouseover=" @mouseover="
(queryParams.labelId = '1415156808053559296'), handleClick() (queryParams.labelId = '1415156808053559296'), handleClick()
" "
>政策转发</span @click="jumpToDetails('1415156808053559296')"
> >政策转发</span>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="1415156963146338304"> <el-tab-pane name="1415156963146338304">
<span <span
@ -135,8 +137,8 @@
@mouseover=" @mouseover="
(queryParams.labelId = '1415156963146338304'), handleClick() (queryParams.labelId = '1415156963146338304'), handleClick()
" "
>申报通知</span @click="jumpToDetails('1415156963146338304')"
> >申报通知</span>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="政府公示" name="1415157002090450944"> <el-tab-pane label="政府公示" name="1415157002090450944">
<span <span
@ -144,8 +146,8 @@
@mouseover=" @mouseover="
(queryParams.labelId = '1415157002090450944'), handleClick() (queryParams.labelId = '1415157002090450944'), handleClick()
" "
>公示转发</span @click="jumpToDetails('1415157002090450944')"
> >公示转发</span>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="公告" name="1415157026115424256"> <el-tab-pane label="公告" name="1415157026115424256">
<span <span
@ -153,8 +155,8 @@
@mouseover=" @mouseover="
(queryParams.labelId = '1415157026115424256'), handleClick() (queryParams.labelId = '1415157026115424256'), handleClick()
" "
>公告转发</span @click="jumpToDetails('1415157026115424256')"
> >公告转发</span>
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="其他" name="1415157049267982336"> <!-- <el-tab-pane label="其他" name="1415157049267982336">
<span <span
@ -164,7 +166,7 @@
" "
>其他</span >其他</span
> >
</el-tab-pane> --> </el-tab-pane>-->
<div style="min-height: 281px"> <div style="min-height: 281px">
<div class="banner_r_list" v-for="item in list" :key="item.id"> <div class="banner_r_list" v-for="item in list" :key="item.id">
<!-- <div class="text_18_333 pointer">{{ item.title }}</div> --> <!-- <div class="text_18_333 pointer">{{ item.title }}</div> -->
@ -175,9 +177,7 @@
path: '/result', path: '/result',
query: { key: 'policy', id: item.id }, query: { key: 'policy', id: item.id },
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
</div> </div>
<span>{{ parseTime(item.listDate, '{m}-{d}') }}</span> <span>{{ parseTime(item.listDate, '{m}-{d}') }}</span>
</div> </div>
@ -188,8 +188,8 @@
<div class="bulletin"> <div class="bulletin">
<div class="title"> <div class="title">
<div> <div>
<img src="@/assets/image/icon4r.png" alt="" /> <img src="@/assets/image/icon4r.png" alt />
<img src="@/assets/image/icon6.png" alt="" /> <img src="@/assets/image/icon6.png" alt />
</div> </div>
<router-link <router-link
target="_blank" target="_blank"
@ -199,7 +199,8 @@
}" }"
> >
<div class="title_top_r pointer"> <div class="title_top_r pointer">
更多<i class="el-icon-arrow-right"></i> 更多
<i class="el-icon-arrow-right"></i>
</div> </div>
</router-link> </router-link>
</div> </div>
@ -213,9 +214,7 @@
path: '/result', path: '/result',
query: { key: 'information', id: item.id }, query: { key: 'information', id: item.id },
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
</div> </div>
<span>{{ parseTime(item.createTime, '{m}-{d}') }}</span> <span>{{ parseTime(item.createTime, '{m}-{d}') }}</span>
</div> </div>
@ -225,165 +224,110 @@
</div> </div>
<!-- 城市列表 --> <!-- 城市列表 -->
<div style="padding: 15px"> <div style="padding: 15px">
<p class=""> <p class>
<img <img src="@/assets/image/icon_l.png" alt style="margin-right: 3px" />
src="@/assets/image/icon_l.png" <img src="@/assets/image/icon_r.png" alt />
alt=""
style="margin-right: 3px"
/>
<img src="@/assets/image/icon_r.png" alt="" />
</p> </p>
<div class="city_list"> <div class="city_list">
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: 'AH', val: '安徽' } }">
target="_blank" <img src="@/assets/image/city/01.png" alt />
:to="{ path: '/notice', query: { key: 'AH', val: '安徽' } }"
>
<img src="@/assets/image/city/01.png" alt="" />
<span>安徽</span> <span>安徽</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '合肥' } }">
target="_blank" <img src="@/assets/image/city/02.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '合肥' } }"
>
<img src="@/assets/image/city/02.png" alt="" />
<span>合肥</span> <span>合肥</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '芜湖' } }">
target="_blank" <img src="@/assets/image/city/03.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '芜湖' } }"
>
<img src="@/assets/image/city/03.png" alt="" />
<span>芜湖</span> <span>芜湖</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '蚌埠' } }">
target="_blank" <img src="@/assets/image/city/04.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '蚌埠' } }"
>
<img src="@/assets/image/city/04.png" alt="" />
<span>蚌埠</span> <span>蚌埠</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '淮南' } }">
target="_blank" <img src="@/assets/image/city/05.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '淮南' } }"
>
<img src="@/assets/image/city/05.png" alt="" />
<span>淮南</span> <span>淮南</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '马鞍山' } }">
target="_blank" <img src="@/assets/image/city/06.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '马鞍山' } }"
>
<img src="@/assets/image/city/06.png" alt="" />
<span>马鞍山</span> <span>马鞍山</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '淮北' } }">
target="_blank" <img src="@/assets/image/city/07.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '淮北' } }"
>
<img src="@/assets/image/city/07.png" alt="" />
<span>淮北</span> <span>淮北</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '铜陵' } }">
target="_blank" <img src="@/assets/image/city/08.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '铜陵' } }"
>
<img src="@/assets/image/city/08.png" alt="" />
<span>铜陵</span> <span>铜陵</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '安庆' } }">
target="_blank" <img src="@/assets/image/city/09.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '安庆' } }"
>
<img src="@/assets/image/city/09.png" alt="" />
<span>安庆</span> <span>安庆</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '滁州' } }">
target="_blank" <img src="@/assets/image/city/10.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '滁州' } }"
>
<img src="@/assets/image/city/10.png" alt="" />
<span>滁州</span> <span>滁州</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '阜阳' } }">
target="_blank" <img src="@/assets/image/city/11.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '阜阳' } }"
>
<img src="@/assets/image/city/11.png" alt="" />
<span>阜阳</span> <span>阜阳</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '宿州' } }">
target="_blank" <img src="@/assets/image/city/12.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '宿州' } }"
>
<img src="@/assets/image/city/12.png" alt="" />
<span>宿州</span> <span>宿州</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '六安' } }">
target="_blank" <img src="@/assets/image/city/13.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '六安' } }"
>
<img src="@/assets/image/city/13.png" alt="" />
<span>六安</span> <span>六安</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '亳州' } }">
target="_blank" <img src="@/assets/image/city/14.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '亳州' } }"
>
<img src="@/assets/image/city/14.png" alt="" />
<span>亳州</span> <span>亳州</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '池州' } }">
target="_blank" <img src="@/assets/image/city/15.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '池州' } }"
>
<img src="@/assets/image/city/15.png" alt="" />
<span>池州</span> <span>池州</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '宣城' } }">
target="_blank" <img src="@/assets/image/city/16.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '宣城' } }"
>
<img src="@/assets/image/city/16.png" alt="" />
<span>宣城</span> <span>宣城</span>
</router-link> </router-link>
</div> </div>
<div> <div>
<router-link <router-link target="_blank" :to="{ path: '/notice', query: { key: '2', val: '黄山' } }">
target="_blank" <img src="@/assets/image/city/17.png" alt />
:to="{ path: '/notice', query: { key: '2', val: '黄山' } }"
>
<img src="@/assets/image/city/17.png" alt="" />
<span>黄山</span> <span>黄山</span>
</router-link> </router-link>
</div> </div>
@ -392,7 +336,7 @@
target="_blank" target="_blank"
:to="{ path: '/notice', query: { key: '3', val: '合肥区县' } }" :to="{ path: '/notice', query: { key: '3', val: '合肥区县' } }"
> >
<img src="@/assets/image/city/18.png" alt="" /> <img src="@/assets/image/city/18.png" alt />
<span>合肥区县</span> <span>合肥区县</span>
</router-link> </router-link>
</div> </div>
@ -400,20 +344,13 @@
</div> </div>
<div style="padding: 0 15px"> <div style="padding: 0 15px">
<p style="margin-bottom: 0"> <p style="margin-bottom: 0">
<img <img src="@/assets/image/icon_cx.png" alt style="margin-right: 3px" />
src="@/assets/image/icon_cx.png" <img src="@/assets/image/icon_cx2.png" alt />
alt=""
style="margin-right: 3px"
/>
<img src="@/assets/image/icon_cx2.png" alt="" />
</p> </p>
<div class="advert"> <div class="advert">
<div class="item" v-for="item in innovateList" :key="item.id"> <div class="item" v-for="item in innovateList" :key="item.id">
<router-link <router-link target="_blank" :to="{ path: '/about', query: { id: item.id } }">
target="_blank" <img :src="item.pic" alt />
:to="{ path: '/about', query: { id: item.id } }"
>
<img :src="item.pic" alt="" />
<div class="card"> <div class="card">
<div class="title text_hidden_one">{{ item.title }}</div> <div class="title text_hidden_one">{{ item.title }}</div>
<div class="text text_hidden_one" v-html="item.details"></div> <div class="text text_hidden_one" v-html="item.details"></div>
@ -426,12 +363,12 @@
<div class="about"> <div class="about">
<div class="p0-100"> <div class="p0-100">
<p class="about_tit"> <p class="about_tit">
<img src="@/assets/image/icon7.png" alt="" /> <img src="@/assets/image/icon7.png" alt />
<img src="@/assets/image/about.png" alt="" /> <img src="@/assets/image/about.png" alt />
</p> </p>
<div class="about_box"> <div class="about_box">
<div class="banner about_l"> <div class="banner about_l">
<img :src="aboutInfo.pic" alt="" /> <img :src="aboutInfo.pic" alt />
</div> </div>
<div class="about_r"> <div class="about_r">
<div> <div>
@ -443,13 +380,10 @@
<p> <p>
合肥嘉策信息技术服务有限公司于成立。法定代表人时加红,公司经营范围包括:信息系统集成咨询... 合肥嘉策信息技术服务有限公司于成立。法定代表人时加红,公司经营范围包括:信息系统集成咨询...
</p> </p>
</div> --> </div>-->
<router-link <router-link target="_blank" :to="{
target="_blank"
:to="{
path: '/about', path: '/about',
}" }">
>
<el-button type="warning">更多</el-button> <el-button type="warning">更多</el-button>
</router-link> </router-link>
</div> </div>
@ -458,28 +392,20 @@
</div> </div>
<div class="p0-100" style="padding-bottom: 40px"> <div class="p0-100" style="padding-bottom: 40px">
<div class="cooperation"> <div class="cooperation">
<img src="@/assets/image/icon8.png" alt="" /> <img src="@/assets/image/icon8.png" alt />
</div> </div>
<div @mouseover="classOption.step = 0" @mouseleave="classOption.step = 1"> <div @mouseover="classOption.step = 0" @mouseleave="classOption.step = 1">
<vue-seamless-scroll <vue-seamless-scroll :data="listData" :class-option="classOption" class="warp">
:data="listData"
:class-option="classOption"
class="warp"
>
<ul class="ul-item"> <ul class="ul-item">
<li class="li-item" v-for="(item, index) in listData" :key="index"> <li class="li-item" v-for="(item, index) in listData" :key="index">
<img :src="item.img" alt="" /> <img :src="item.img" alt />
</li> </li>
</ul> </ul>
</vue-seamless-scroll> </vue-seamless-scroll>
<vue-seamless-scroll <vue-seamless-scroll :data="listData2" :class-option="classOption" class="warp">
:data="listData2"
:class-option="classOption"
class="warp"
>
<ul class="ul-item"> <ul class="ul-item">
<li class="li-item" v-for="(item, index) in listData2" :key="index"> <li class="li-item" v-for="(item, index) in listData2" :key="index">
<img :src="item.img" alt="" /> <img :src="item.img" alt />
</li> </li>
</ul> </ul>
</vue-seamless-scroll> </vue-seamless-scroll>
@ -562,6 +488,11 @@ export default {
handlePage(url) { handlePage(url) {
window.open(url, '_blank'); window.open(url, '_blank');
}, },
jumpToDetails(labelId) {
// this.$router.push('/portrait?key=policyNotice&val=policyNotice')
this.$router.push({ path: '/portrait', query: { key: 'policyNotice', val: 'policyNotice', labelId } })
}
}, },
created() { created() {
getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => { getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => {

View File

@ -15,15 +15,9 @@
</div> </div>
<div class="tags"> <div class="tags">
<span class="txt">热门搜索</span> <span class="txt">热门搜索</span>
<el-tag effect="dark" @click="setSearchVal('高新技术企业')" <el-tag effect="dark" @click="setSearchVal('高新技术企业')">高新技术企业</el-tag>
>高新技术企业</el-tag <el-tag effect="dark" @click="setSearchVal('科技型中小企业')">科技型中小企业</el-tag>
> <el-tag effect="dark" @click="setSearchVal('科技孵化器')">科技孵化器</el-tag>
<el-tag effect="dark" @click="setSearchVal('科技型中小企业')"
>科技型中小企业</el-tag
>
<el-tag effect="dark" @click="setSearchVal('科技孵化器')"
>科技孵化器</el-tag
>
<!-- <el-button type="primary" size="mini" round>高新技术企业</el-button> --> <!-- <el-button type="primary" size="mini" round>高新技术企业</el-button> -->
<!-- <el-button type="primary" size="mini" round>科技型中小企业</el-button> --> <!-- <el-button type="primary" size="mini" round>科技型中小企业</el-button> -->
<!-- <el-button type="primary" size="mini" round>科技孵化器</el-button> --> <!-- <el-button type="primary" size="mini" round>科技孵化器</el-button> -->
@ -37,14 +31,12 @@
<div class="screen_l_t_item"> <div class="screen_l_t_item">
<span class="text_col">级别</span> <span class="text_col">级别</span>
<el-radio-group v-model="city" size="medium"> <el-radio-group v-model="city" size="medium">
<el-radio-button label="">不限</el-radio-button> <el-radio-button label>不限</el-radio-button>
<el-radio-button <el-radio-button
:label="item.label" :label="item.label"
v-for="item in levelList" v-for="item in levelList"
:key="item.label" :key="item.label"
> >{{ item.name }}</el-radio-button>
{{ item.name }}
</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
<div class="screen_l_t_item" v-if="city == 2 || city == 3"> <div class="screen_l_t_item" v-if="city == 2 || city == 3">
@ -53,29 +45,21 @@
:label="item.value" :label="item.value"
v-for="item in levelList_2" v-for="item in levelList_2"
:key="item.value" :key="item.value"
> >{{ item.label }}</el-radio-button>
{{ item.label }}
</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
<div class="screen_l_t_item"> <div class="screen_l_t_item">
<span class="text_col">归口</span> <span class="text_col">归口</span>
<el-radio-group v-model="queryParams.attribute" size="medium"> <el-radio-group v-model="queryParams.attribute" size="medium">
<el-radio-button label="">不限</el-radio-button> <el-radio-button label>不限</el-radio-button>
<el-radio-button <el-radio-button
:label="item.value" :label="item.value"
v-for="item in attributeOptions" v-for="item in attributeOptions"
:key="item.value" :key="item.value"
> >{{ item.label }}</el-radio-button>
{{ item.label }}
</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
<div <div class="screen_l_t_item" v-for="(item, index) in labelList" :key="item.id">
class="screen_l_t_item"
v-for="(item, index) in labelList"
:key="item.id"
>
<!--<span <!--<span
class="text_col" class="text_col"
style="min-width:200px" style="min-width:200px"
@ -96,22 +80,12 @@
v-else-if="item.name.length >= 4" v-else-if="item.name.length >= 4"
> >
{{ item.name }} {{ item.name }}
</span> --> </span>-->
<!-- <span class="text_col" v-else> {{ item.name }} </span> --> <!-- <span class="text_col" v-else> {{ item.name }} </span> -->
<span class="text_col"> {{ item.name }} </span> <span class="text_col">{{ item.name }}</span>
<el-radio-group <el-radio-group v-model="queryParams.labelIds[index]" size="medium" style="flex:1">
v-model="queryParams.labelIds[index]" <el-radio-button label>不限</el-radio-button>
size="medium" <el-radio-button :label="i.id" v-for="i in item.mapList" :key="i.id">{{ i.name }}</el-radio-button>
style="flex:1"
>
<el-radio-button label="">不限</el-radio-button>
<el-radio-button
:label="i.id"
v-for="i in item.mapList"
:key="i.id"
>
{{ i.name }}
</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
@ -120,7 +94,7 @@
<div class="l"> <div class="l">
<!-- <div class="title text_hidden_one pointer" style="width:700px"> <!-- <div class="title text_hidden_one pointer" style="width:700px">
{{ item.title }} {{ item.title }}
</div> --> </div>-->
<div class="title text_hidden_one pointer" style="width:700px"> <div class="title text_hidden_one pointer" style="width:700px">
<router-link <router-link
target="_blank" target="_blank"
@ -128,9 +102,7 @@
path: '/result', path: '/result',
query: { key: 'policy', id: item.id } query: { key: 'policy', id: item.id }
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
</div> </div>
<div class="info"> <div class="info">
<span>来源:{{ item.source }}</span> <span>来源:{{ item.source }}</span>
@ -138,9 +110,11 @@
</div> </div>
</div> </div>
<div class="r" style="min-width:120px"> <div class="r" style="min-width:120px">
<el-tag type="warning" effect="dark" v-if="item.cutOffTime" <el-tag
>截至到{{ parseTime(item.cutOffTime, '{y}-{m}-{d}') }}</el-tag type="warning"
> effect="dark"
v-if="item.cutOffTime"
>截至到{{ parseTime(item.cutOffTime, '{y}-{m}-{d}') }}</el-tag>
<!-- <span v-if="token"> <!-- <span v-if="token">
<el-button type="primary" size="mini"> <el-button type="primary" size="mini">
<i class="el-icon-star-on"></i><span>收藏</span> <i class="el-icon-star-on"></i><span>收藏</span>
@ -148,18 +122,14 @@
<el-button type="info" size="mini"> <el-button type="info" size="mini">
<i class="el-icon-star-on"></i><span>取消收藏</span> <i class="el-icon-star-on"></i><span>取消收藏</span>
</el-button> </el-button>
</span> --> </span>-->
</div> </div>
</div> </div>
<div style="text-align: center;margin:30px 0" v-show="!total"> <div style="text-align: center;margin:30px 0" v-show="!total">
<div style="height:210px;display: inline-block;color:#999"> <div style="height:210px;display: inline-block;color:#999">
<div> <div>
<img <img style="width:100%;height:100%;" src="@/assets/image/empty.png" alt />
style="width:100%;height:100%;"
src="@/assets/image/empty.png"
alt=""
/>
</div> </div>
<span>正待发布,敬请期待……</span> <span>正待发布,敬请期待……</span>
</div> </div>
@ -197,9 +167,7 @@
path: '/result', path: '/result',
query: { key: 'policy', id: item.id } query: { key: 'policy', id: item.id }
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
</div> </div>
<div>来源:{{ item.source }}</div> <div>来源:{{ item.source }}</div>
</div> </div>
@ -212,13 +180,7 @@
query: { key: 'policy', val: '企业画像' } query: { key: 'policy', val: '企业画像' }
}" }"
> >
<el-button <el-button type="primary" size="mini" v-show="portraitData.length >= 4">查看更多</el-button>
type="primary"
size="mini"
v-show="portraitData.length >= 4"
>
查看更多
</el-button>
</router-link> </router-link>
</div> </div>
</div> </div>
@ -331,7 +293,10 @@ export default {
return item !== ''; return item !== '';
}); });
getPolicyList(this.queryParams).then(({ data }) => { getPolicyList(this.queryParams).then(({ data }) => {
this.dataList = data.list; this.dataList = data.list.map(item => {
item.title = item.title.replaceAll('<br>', '')
return item
});
this.total = data.total; this.total = data.total;
this.loading = false; this.loading = false;
}); });

View File

@ -28,8 +28,7 @@
:label="item.id" :label="item.id"
border border
@change="handleClick" @change="handleClick"
>{{ item.name }}</el-radio >{{ item.name }}</el-radio>
>
</div> </div>
<div class="header" v-else-if="type == 'policyRead'"> <div class="header" v-else-if="type == 'policyRead'">
<span class="span">{{ val }}</span> <span class="span">{{ val }}</span>
@ -41,8 +40,7 @@
:label="item.value" :label="item.value"
border border
@change="handleClick" @change="handleClick"
>{{ item.label }}</el-radio >{{ item.label }}</el-radio>
>
</div> </div>
<div class="header" v-else-if="type == 'policyNotice'"> <div class="header" v-else-if="type == 'policyNotice'">
<span class="span">{{ val }}</span> <span class="span">{{ val }}</span>
@ -54,8 +52,7 @@
:label="item.value" :label="item.value"
border border
@change="handleClick" @change="handleClick"
>{{ item.label }}</el-radio >{{ item.label }}</el-radio>
>
</div> </div>
<div class="screen_l_b" v-for="item in portraitData" :key="item.id"> <div class="screen_l_b" v-for="item in portraitData" :key="item.id">
<div class="title pointer"> <div class="title pointer">
@ -70,9 +67,7 @@
id: item.id id: item.id
} }
}" }"
> >{{ item.title }}</router-link>
{{ item.title }}
</router-link>
<span class="info"> <span class="info">
<span v-if="type != 'information'">{{ item.listDate }}</span> <span v-if="type != 'information'">{{ item.listDate }}</span>
<span v-else>{{ item.createTime }}</span> <span v-else>{{ item.createTime }}</span>
@ -85,15 +80,11 @@
</div> </div>
<div class="info" style="justify-content: flex-end;" v-else> <div class="info" style="justify-content: flex-end;" v-else>
<span>发布{{ item.createTime }}</span> <span>发布{{ item.createTime }}</span>
</div> --> </div>-->
</div> </div>
<div style="text-align: center;margin:30px 0" v-show="!total"> <div style="text-align: center;margin:30px 0" v-show="!total">
<div style="height:210px;display: inline-block;color:#999"> <div style="height:210px;display: inline-block;color:#999">
<img <img style="width:100%;height:100%;" src="@/assets/image/empty.png" alt />
style="width:100%;height:100%;"
src="@/assets/image/empty.png"
alt=""
/>
暂无数据 暂无数据
</div> </div>
</div> </div>
@ -249,7 +240,8 @@ export default {
} else if (key == 'information') { } else if (key == 'information') {
this.getPortraitList(); this.getPortraitList();
} else if (key == 'policyNotice') { } else if (key == 'policyNotice') {
this.queryParams.labelId = this.policyNoticeOptions[0].value; // this.queryParams.labelId = this.policyNoticeOptions[0].value;
this.queryParams.labelId = this.$route.query.labelId
this.getPortraitList(); this.getPortraitList();
} else { } else {
this.msgError('非法进入'); this.msgError('非法进入');

View File

@ -30,19 +30,15 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</div> --> </div>-->
<headerPage /> <headerPage />
<div class="my_main content p0-100 min_h_285" style="display: flex"> <div class="my_main content p0-100 min_h_285" style="display: flex">
<div class="l" style="width: 77%; background-color: #fff; padding: 30px"> <div class="l" style="width: 77%; background-color: #fff; padding: 30px">
<h2 style="text-align:center">{{ formData.title }}</h2> <h2 style="text-align:center">{{ formData.title }}</h2>
<div class="info" v-if="type != 'information'"> <div class="info" v-if="type != 'information'">
<span v-if="type != 'companyNeed' && type != 'scienceResult'" <span v-if="type != 'companyNeed' && type != 'scienceResult'">来源{{ formData.source }}</span>
>来源{{ formData.source }}</span <span v-if="type == 'companyNeed'">价格{{ setNumber(formData.price) }}</span>
>
<span v-if="type == 'companyNeed'"
>价格{{ setNumber(formData.price) }}</span
>
<el-image <el-image
v-if="type == 'scienceResult'" v-if="type == 'scienceResult'"
style="width: 100px; height: 100px" style="width: 100px; height: 100px"
@ -50,27 +46,19 @@
fit="cover" fit="cover"
:preview-src-list="formData.picList" :preview-src-list="formData.picList"
></el-image> ></el-image>
<span <span>
>发布{{ 发布{{
formData.listDate || parseTime(formData.createTime, '{y}-{m}-{d}') formData.listDate || parseTime(formData.createTime, '{y}-{m}-{d}')
}}</span }}
> </span>
<span v-if="token && type == 'policy'"> <span v-if="token && type == 'policy'">
<el-button <el-button type="primary" size="mini" v-if="formData.collected == 0" @click="addItem">
type="primary" <i class="el-icon-star-on"></i>
size="mini" <span>收藏</span>
v-if="formData.collected == 0"
@click="addItem"
>
<i class="el-icon-star-on"></i><span>收藏</span>
</el-button> </el-button>
<el-button <el-button type="info" size="mini" v-if="formData.collected == 1" @click="cancelItem">
type="info" <i class="el-icon-star-on"></i>
size="mini" <span>取消收藏</span>
v-if="formData.collected == 1"
@click="cancelItem"
>
<i class="el-icon-star-on"></i><span>取消收藏</span>
</el-button> </el-button>
</span> </span>
</div> </div>
@ -102,17 +90,14 @@
<div>公示公告</div> <div>公示公告</div>
<router-link target="_blank" :to="{ path: '/notice' }"> <router-link target="_blank" :to="{ path: '/notice' }">
<div class="pointer" style="color: #999"> <div class="pointer" style="color: #999">
更多<i class="el-icon-arrow-right"></i> 更多
<i class="el-icon-arrow-right"></i>
</div> </div>
</router-link> </router-link>
</div> </div>
<div class="list"> <div class="list">
<ul> <ul>
<li <li class="text_hidden_one pointer" v-for="item in noticeList" :key="item.id">
class="text_hidden_one pointer"
v-for="item in noticeList"
:key="item.id"
>
<router-link <router-link
target="_blank" target="_blank"
:to="{ :to="{
@ -120,7 +105,8 @@
query: { key: 'policy', id: item.id } query: { key: 'policy', id: item.id }
}" }"
> >
<span></span>{{ item.title }} <span></span>
{{ item.title }}
</router-link> </router-link>
</li> </li>
</ul> </ul>
@ -168,7 +154,7 @@ export default {
}, },
watch: { watch: {
formData: { formData: {
handler: function() { handler: function () {
if (this.type == 'policy' || this.type == 'policyRead') { if (this.type == 'policy' || this.type == 'policyRead') {
this.$nextTick(() => { this.$nextTick(() => {
this.formatRichText( this.formatRichText(
@ -280,6 +266,7 @@ export default {
} }
.my_main { .my_main {
margin: 30px auto; margin: 30px auto;
.r { .r {
.title { .title {
display: flex; display: flex;
@ -303,4 +290,7 @@ export default {
} }
} }
} }
.wzcon {
line-height: 1.5;
}
</style> </style>