资讯与公司新闻对换

main
rosehan 3 months ago
parent 37584cb976
commit 161e2cc066
  1. 21
      src/views/pages/index.vue
  2. 17
      src/views/pages/news-list.vue
  3. 2
      vue.config.js

@ -164,15 +164,14 @@
</div> </div>
<div class="ciontent-text news-text"> <div class="ciontent-text news-text">
<el-tabs class="cjy-tabs short-tabs" v-model="activeName2" @tab-click="handleClick"> <el-tabs class="cjy-tabs short-tabs" v-model="activeName2" @tab-click="handleClick">
<el-tab-pane label="公司动态" name="1"> <el-tab-pane label="行业资讯" :name=2>
<el-row class="news-row" :gutter="40"> <el-row class="news-row" :gutter="40">
<el-col v-for="(item, index) in newsList" class="news-col row" :span="12" <el-col v-for="(item, index) in newsList" class="news-col" :span="12" @click.native="gotoNews(item.id)">
@click.native="gotoNews(item.id)">
<div class="news-img-box"> <div class="news-img-box">
<el-image class="news-img" :src="item.logo"/> <el-image class="news-img" :src="item.logo"/>
<div v-if="item.recommend == 1" class="recommend-badge">Hot</div> <div v-if="item.recommend == 1" class="recommend-badge">Hot</div>
</div> </div>
<div class="news-col-text col overflow-hidden"> <div class="news-col-text">
<div class="news-text-title"> <div class="news-text-title">
{{ item.title || '--' }} {{ item.title || '--' }}
</div> </div>
@ -187,14 +186,15 @@
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="行业资讯" name="2"> <el-tab-pane label="公司动态" :name=1>
<el-row class="news-row" :gutter="40"> <el-row class="news-row" :gutter="40">
<el-col v-for="(item, index) in newsList" class="news-col" :span="12" @click.native="gotoNews(item.id)"> <el-col v-for="(item, index) in newsList" class="news-col row" :span="12"
@click.native="gotoNews(item.id)">
<div class="news-img-box"> <div class="news-img-box">
<el-image class="news-img" :src="item.logo"/> <el-image class="news-img" :src="item.logo"/>
<div v-if="item.recommend == 1" class="recommend-badge">Hot</div> <div v-if="item.recommend == 1" class="recommend-badge">Hot</div>
</div> </div>
<div class="news-col-text"> <div class="news-col-text col overflow-hidden">
<div class="news-text-title"> <div class="news-text-title">
{{ item.title || '--' }} {{ item.title || '--' }}
</div> </div>
@ -209,7 +209,6 @@
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
@ -237,7 +236,7 @@ export default {
scrollPosition: 0, // scrollPosition: 0, //
activeName: '第0个', activeName: '第0个',
activeName1: '第0个', activeName1: '第0个',
activeName2: '1', activeName2: 2,
banners: [], banners: [],
companyProfile: '',// companyProfile: '',//
solvePlan: [], solvePlan: [],
@ -441,14 +440,14 @@ export default {
async getNews(val) { async getNews(val) {
const params = { const params = {
type: 7, type: 7,
infoType: val ? val : 1 infoType: val ? val : 2
} }
let res = await Api.getColumnInfoList(params) let res = await Api.getColumnInfoList(params)
this.newsList = res.data.list.slice(0, 6); this.newsList = res.data.list.slice(0, 6);
}, },
handleClick(tab, event) { handleClick(tab, event) {
this.getNews(Number(tab.index) + 1) this.getNews(this.activeName2)
}, },
handleScroll() { handleScroll() {
this.scrollPosition = window.scrollY; // this.scrollPosition = window.scrollY; //

@ -24,7 +24,9 @@
<div v-if="news_list.length > 0"> <div v-if="news_list.length > 0">
<div class="list-item" v-for="(item, index) in news_list" :key="index"> <div class="list-item" v-for="(item, index) in news_list" :key="index">
<div class="item-box row" @click="gotoPages(item.id,active)"> <div class="item-box row" @click="gotoPages(item.id,active)">
<div class="item-image"><img :src="item.logo" class="img"><div v-if="item.recommend == 1" class="recommend-badge">Hot</div></div> <div class="item-image"><img :src="item.logo" class="img">
<div v-if="item.recommend == 1" class="recommend-badge">Hot</div>
</div>
<div class="item-content col"> <div class="item-content col">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="info" v-html="item.introduction"></div> <div class="info" v-html="item.introduction"></div>
@ -36,7 +38,8 @@
</div> </div>
</div> </div>
</div> </div>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="infoPages"/> @pagination="infoPages"/>
</el-tab-pane> </el-tab-pane>
@ -63,16 +66,15 @@
type: 7, type: 7,
infoType: null infoType: null
}, },
active: '1', active: '2',
// //
news_list: [], news_list: [],
tab_list: [{ tab_list: [{
label: '公司动态',
value: '1'
}, {
label: '行业资讯', label: '行业资讯',
value: '2' value: '2'
}, {
label: '公司动态',
value: '1'
}] }]
} }
}, },
@ -110,6 +112,7 @@
.item-image { .item-image {
position: relative; position: relative;
} }
.recommend-badge { .recommend-badge {
/* 基础定位 */ /* 基础定位 */
position: absolute; position: absolute;

@ -36,7 +36,7 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
['/proxy-api']: { ['/proxy-api']: {
target: `http://192.168.130.157:48080/`, //luquan Lqzhly@2024! target: `https://www.hbcjy.com/`, //luquan Lqzhly@2024!
// target: `http://api-dashboard.yudao.iocoder.cn`, // target: `http://api-dashboard.yudao.iocoder.cn`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {

Loading…
Cancel
Save