新闻分类,人才招聘

This commit is contained in:
dzj 2024-07-02 15:48:17 +08:00
parent a59c17be52
commit 13c54c829b
8 changed files with 175 additions and 62 deletions

View File

@ -7,7 +7,7 @@
<el-menu style="margin-right: 15px;float: right;height: 100%;display: flex;align-items: center;background-color:transparent ;border: none;" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="switchto" > <el-menu style="margin-right: 15px;float: right;height: 100%;display: flex;align-items: center;background-color:transparent ;border: none;" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="switchto" >
<el-menu-item index="1">首页</el-menu-item> <el-menu-item index="1">首页</el-menu-item>
<el-menu-item index="2">走进飞阳</el-menu-item> <el-menu-item index="2">走进飞阳</el-menu-item>
<el-menu-item index="3">新闻资讯</el-menu-item> <el-menu-item index="3">新闻内容</el-menu-item>
<el-menu-item index="4">工程展示</el-menu-item> <el-menu-item index="4">工程展示</el-menu-item>
<el-menu-item index="5">人才招聘</el-menu-item> <el-menu-item index="5">人才招聘</el-menu-item>
<el-menu-item index="6">联系我们</el-menu-item> <el-menu-item index="6">联系我们</el-menu-item>

View File

@ -100,3 +100,23 @@ export function compony(){
url:'/companyProfile/list' url:'/companyProfile/list'
}) })
} }
//新闻资讯
export function getmsg(params){
return request({
url:'/articleMsg/list',
params
})
}
//新闻详情
export function msgdetail(params){
return request({
url:'/articleMsg/articleDetails',
params
})
}
//新闻详情
export function getcruit(){
return request({
url:'/recruit/list'
})
}

View File

@ -20,7 +20,7 @@
</div> </div>
<div class="Wrapper index" style=""> <div class="Wrapper index" style="">
<div class="index_1" style="width: 80%;margin: 0 auto;padding: 50px 0;"> <div class="index_1" style="width: 80%;margin: 0 auto;padding: 85px 0;">
<div class="content-top"> <div class="content-top">
<div class="content-left"> <div class="content-left">
<h3>企业新闻</h3> <h3>企业新闻</h3>
@ -44,13 +44,13 @@
color: #3c3c48; color: #3c3c48;
color: rgba(60, 60, 72, .8); color: rgba(60, 60, 72, .8);
line-height: 30px;">{{ newsitem?.name||'' }}</h3> line-height: 30px;">{{ newsitem?.name||'' }}</h3>
<h5 style=" width: auto; <!-- <h5 style=" width: auto;
float: none; float: none;
font-size: 30px; font-size: 30px;
color: #c0a988; color: #c0a988;
margin: 3px 0 6px; line-height: 1; margin: 3px 0 6px; line-height: 1;
font-weight: bold; font-weight: bold;
letter-spacing: -.2px;font-family: 'Rajdhani';">{{ newsitem.releaseTime }}</h5> letter-spacing: -.2px;font-family: 'Rajdhani';">{{ newsitem.releaseTime }}</h5> -->
<div style=" color: rgba(115, 115, 124, .6); font-size: 13px; <div style=" color: rgba(115, 115, 124, .6); font-size: 13px;
color: #95959d; color: #95959d;
line-height: 24px; line-height: 24px;
@ -83,7 +83,7 @@
</div> </div>
</div> </div>
<div class="index_2" style="padding-bottom: 90px;width: 80%;margin: 0 auto;"> <div class="index_2" style="padding-bottom: 135px;width: 80%;margin: 0 auto;">
<div style="display: flex;"> <div style="display: flex;">
<div class="content2-left flow" style="position: relative;"> <div class="content2-left flow" style="position: relative;">
<div> <div>
@ -100,7 +100,10 @@
-webkit-box-orient: vertical;" class="textbox" v-html="hydata[textindex]?.content"> -webkit-box-orient: vertical;" class="textbox" v-html="hydata[textindex]?.content">
</div> </div>
<div style="color: skyblue;font-size: 50px;position: absolute;bottom: 0;"><span style="margin-right: 20px;cursor: pointer;" @click="back"><</span><span style="cursor: pointer;" @click="next">></span></div> <!-- <div style="color: skyblue;font-size: 50px;position: absolute;bottom: 0;">
<span style="margin-right: 20px;cursor: pointer;" @click="back"><</span>
<span style="cursor: pointer;" @click="next">></span>
</div> -->
</div> </div>
<div class="content2-right" style="cursor: pointer;"> <div class="content2-right" style="cursor: pointer;">
<div ref="swipe" class="swiper-container swiper7" style="height: 300px;"> <div ref="swipe" class="swiper-container swiper7" style="height: 300px;">
@ -112,6 +115,8 @@
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
<div class="swiper-button-prev" @click="back"></div><!--左箭头如果放置在swiper外面需要自定义样式-->
<div class="swiper-button-next" @click="next"></div><!--右箭头如果放置在swiper外面需要自定义样式-->
<div style="position: relative;"> <div style="position: relative;">
</div> </div>
@ -193,8 +198,8 @@
<div class="swiper-wrapper swiper9"> <div class="swiper-wrapper swiper9">
<div class="swiper-slide" v-for="item in achievementarr" :key="item.id" v-if="item.state=='true'" <div class="swiper-slide" v-for="item in achievementarr" :key="item.id" v-if="item.state=='true'"
@click="honorto(item.id)" @click="honorto(item.id)"
style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;cursor: pointer;"> style="background-color: rgb(240,246,250);border-radius: 10px;padding: 20px;box-sizing: border-box;cursor: pointer;">
<img :src="item.picture" style=" width: 100%;margin: auto;"></div> <img :src="item.picture" style=" width: 356px;height:239px ;margin: auto;"></div>
</div> </div>
<div class="swiper-pagination1" style="text-align: center;"></div> <div class="swiper-pagination1" style="text-align: center;"></div>
@ -274,7 +279,10 @@ export default {
// delay: 4100, // delay: 4100,
// disableOnInteraction: false, // disableOnInteraction: false,
// }, // },
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
} }
) )

View File

@ -5,7 +5,7 @@
<div class="content"> <div class="content">
<div class="page_nav"> <div class="page_nav">
<div class="name"> <div class="name">
<a style="padding: 0;" href="news">新闻资讯</a> <a href="javascript:;">企业新闻</a> <a style="padding: 0;" href="news">新闻内容</a> <a href="javascript:;">企业新闻</a>
</div> </div>
<div class="list" style="bottom:-15px"> <div class="list" style="bottom:-15px">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
@ -18,13 +18,15 @@
</div> </div>
</div> </div>
<div class="Wrapper news_d"> <div class="Wrapper news_d">
<div class="content ql-editor" style="text-align: center;"> <div class="content ql-editor" style="">
<div class="name">{{ name }}</div> <div class="name">{{ name }}</div>
<div class="top-box"> <div class="date">{{time}}</div> </div> <div class="top-box">
<div style="text-align: left;font-size: 14px;color: #999999;">发布时间:{{time}}</div>
</div>
<div class="divider "></div> <div class="divider "></div>
<div class="cont" v-html="content"></div> <div class="cont" v-html="content"></div>
</div> </div>
< <div style="width: 80%;margin: auto;text-align: right; color: #333;font-weight: bold;font-size: 14px;cursor: pointer;" @click="changeto">返回列表</div>
<div class="con"> <div class="con">
@ -34,7 +36,7 @@
</template> </template>
<script> <script>
import { newsdetail } from '@/api'; import { newsdetail,msgdetail } from '@/api';
export default{ export default{
data(){ data(){
return{ return{
@ -44,15 +46,28 @@ export default{
} }
}, },
methods:{ methods:{
changeto(){
this.$router.push({path:'news'})
}
}, },
mounted(){ mounted(){
newsdetail(this.$route.query).then((res)=>{
if(this.$route.query.type=='1'){
msgdetail({id:this.$route.query.id}).then((res)=>{
this.content=res.data.content this.content=res.data.content
this.name=res.data.name this.name=res.data.name
this.time=res.data.releaseTime this.time=res.data.releaseTime
}) })
}else{
newsdetail({id:this.$route.query.id}).then((res)=>{
this.content=res.data.content
this.name=res.data.name
this.time=res.data.releaseTime
})
}
}, },
} }
</script> </script>
@ -60,7 +75,7 @@ export default{
.divider { .divider {
width: 100%; width: 100%;
height: 3px; height: 3px;
background-color: #0059a7; /* background-color: #0059a7; */
position: static; position: static;
margin-bottom: 28px; margin-bottom: 28px;
} }

View File

@ -10,17 +10,17 @@
<div class="list" style="bottom:-15px"> <div class="list" style="bottom:-15px">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="荣誉详情" name="first"></el-tab-pane> <el-tab-pane label="荣誉详情" name="first"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="Wrapper news_d"> <div class="Wrapper news_d">
<div class="content ql-editor" style="text-align: center;"> <div class="content ql-editor" >
<div class="name">{{ name }}</div> <div class="name">{{ name }}</div>
<div class="top-box"> <div class="date">{{time}}</div> </div> <div class="top-box">
<div style="text-align: left;font-size: 14px;color: #999999;">发布时间:{{time}}</div>
</div>
<div class="divider"></div> <div class="divider"></div>
<div class="cont" v-html="content"></div> <div class="cont" v-html="content"></div>
</div> </div>
@ -59,7 +59,7 @@ export default{
.divider { .divider {
width: 100%; width: 100%;
height: 3px; height: 3px;
background-color: #0059a7; /* background-color: #0059a7; */
position: static; position: static;
margin-bottom: 28px; margin-bottom: 28px;
} }

View File

@ -5,12 +5,15 @@
<div class="content"> <div class="content">
<div class="page_nav"> <div class="page_nav">
<div class="name"> <div class="name">
<a style="padding: 0;" href="">新闻资讯</a> <a href="javascript:;">企业新闻</a> <a style="padding: 0;" href="">新闻内容</a>
</div> </div>
<div class="list" style="bottom:-15px"> <div class="list" style="bottom:-15px">
<el-tabs v-model="activeName" > <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="企业新闻" name="first"></el-tab-pane> <el-tab-pane label="企业新闻" name="企业新闻"></el-tab-pane>
<el-tab-pane label="新闻资讯" name="新闻资讯"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</div> </div>
@ -23,7 +26,7 @@
<div @click="changeto(item.id)"> <div @click="changeto(item.id)">
<el-card :body-style="{ padding: '0px' }" > <el-card :body-style="{ padding: '0px' }" >
<div class="card_img1 mark" :style="{ 'background-image': 'url(' + item.pic + ')' }" > <div class="card_img1 mark" :style="{ 'background-image': 'url(' + item.pic + ')' }" >
<div class="date">{{item.releaseTime}}</div> <!-- <div class="date">{{item.releaseTime}}</div> -->
</div> </div>
<div> <div>
<div class="news_li_con"><div class="title">{{item.name}}</div> <div class="introduction" v-html="item.content"></div> </div> <div class="news_li_con"><div class="title">{{item.name}}</div> <div class="introduction" v-html="item.content"></div> </div>
@ -45,11 +48,11 @@
margin-top: 15px;"> margin-top: 15px;">
{{item.name}} {{item.name}}
</div> </div>
<div style="font-size: 14px; <!-- <div style="font-size: 14px;
margin-top: 7px; margin-top: 7px;
color: #ababab;"> color: #ababab;">
{{item.releaseTime}} {{item.releaseTime}}
</div> </div> -->
<div style="font-size: 14px; <div style="font-size: 14px;
color: #666666; color: #666666;
@ -71,11 +74,11 @@
</template> </template>
<script> <script>
import '@/assets/images/news1.png' import '@/assets/images/news1.png'
import { getnews } from '@/api'; import { getnews,getmsg} from '@/api';
export default{ export default{
data(){ data(){
return{ return{
activeName:'first', activeName:'企业新闻',
newshow:[], newshow:[],
rest:[], rest:[],
newslist:[], newslist:[],
@ -89,7 +92,7 @@ export default{
// richText // richText
res.data.content.forEach(item => { res.data.content.forEach(item => {
// //
item.content = item.content.replace(/<[^>]+>/g, '').trim(); item.content = item.content?.replace(/<[^>]+>/g, '').trim();
}); });
this.newslist=res.data.content this.newslist=res.data.content
@ -102,11 +105,43 @@ export default{
}, },
methods:{ methods:{
handleClick(){ handleClick(){
this.rest=[]
if(this.activeName=='新闻资讯'){
getmsg({'page':0}).then((res)=>{
// richText
res.data.content.forEach(item => {
//
item.content = item.content?.replace(/<[^>]+>/g, '').trim();
});
this.newslist=res.data.content
let arr=this.newslist.slice(0,3)
this.newshow=arr
})
}else if(this.activeName=='企业新闻'){
getnews({'page':0}).then((res)=>{
res.data.content.forEach(item => {
item.content = item.content.replace(/<[^>]+>/g, '').trim();
});
this.newslist=res.data.content
let arr=this.newslist.slice(0,3)
this.newshow=arr
})
}
}, },
addnews(){ addnews(){
this.page=this.page+1 this.page=this.page+1
getnews({'page':this.page}).then((res)=>{ if(this.activeName=='新闻资讯'){
getmsg({'page':this.page}).then((res)=>{
// console.log(res) // console.log(res)
for(let i=0;i<res.data.content.length;i++){ for(let i=0;i<res.data.content.length;i++){
res.data.content[i].content= res.data.content[i].content.replace(/<[^>]+>/g, '').trim(); res.data.content[i].content= res.data.content[i].content.replace(/<[^>]+>/g, '').trim();
@ -117,11 +152,32 @@ export default{
} }
}) })
}else if(this.activeName=='企业新闻'){
getnews({'page':this.page}).then((res)=>{
// console.log(res)
for(let i=0;i<res.data.content.length;i++){
res.data.content[i].content= res.data.content[i].content.replace(/<[^>]+>/g, '').trim();
res.data.content[i].day=res.data.content[i].releaseTime.slice(-2)
res.data.content[i].year=res.data.content[i].releaseTime.slice(0,7)
this.rest.push(res.data.content[i])
}
})
}
}, },
changeto(id){ changeto(id){
this.$router.push({ if(this.activeName=='新闻资讯'){
path:'/detail?id='+id this.$router.push({
path:'/detail?type=1&&id='+id
}) })
}else if(this.activeName=='企业新闻'){
this.$router.push({
path:'/detail?type=2&&id='+id
})
}
} }
} }
} }

View File

@ -37,7 +37,9 @@
<div style="width: 70%;"> <div style="width: 70%;">
<div class="content ql-editor" style="text-align: center;"> <div class="content ql-editor" style="text-align: center;">
<div class="name">{{ name }}</div> <div class="name">{{ name }}</div>
<div class="top-box"> <div class="date">{{time}}</div> </div> <div class="top-box">
<!-- <div class="date">{{time}}</div> -->
</div>
<div class="divider"></div> <div class="divider"></div>
<div class="cont" v-html="content"></div> <div class="cont" v-html="content"></div>
</div> </div>

View File

@ -13,44 +13,56 @@
</div> </div>
<div class="content"> <div class="content">
<div style="height: 60px;"></div> <div style="height: 60px;"></div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">我们坚信</div> <div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleUp}}</div>
<div style="color:rgba(60,115,164);font-size:34px">人力资源是公司的核心竞争力之一</div> <div style="color:rgba(60,115,164);font-size:34px">{{componyarr[0].sketchUp}}</div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 30px;"> <div style="color: rgba(0,0,0,.6);line-height: 30px;"v-html="componyarr[0].contentUp">
对于中国建筑而言最能体现竞争优势的一个方面就是拥有一大批忠诚于企业 忠于事业坚信团队利益高于个人利益能够自我约束自我激励和自我发 展的懂技术
会管理擅营销的人才团队
</div>
<div style="height: 30px;"></div> <div style="height: 30px;"></div>
<img src="@/assets/images/人才招聘.png" style="display: block;width: 100%;object-fit: contain;"> <img src="@/assets/images/人才招聘.png" style="display: block;width: 100%;object-fit: contain;">
<div style="height: 30px;"></div>
</div>
<div style="height: 60px;"></div> <div style="height: 60px;"></div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">我们将始终遵循</div> <div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleIn}}</div>
<div style="color:rgba(60,115,164);font-size:34px;line-height: normal;">"事业留人感情留人待遇留人关注个体的基本人力资源管理理念 <div style="color:rgba(60,115,164);font-size:34px;line-height: normal;">{{componyarr[0].sketchIn}}
</div> </div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 30px;"> <div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentIn">
并将这一理念贯彻于我们的各项人力资源管理政策当中通过职业规划教育培训和绩效考核的三个全员覆盖建立与个人价值创造和能力结合共享企业发展成果的薪
酬激励机制强化人才的吸引发展力度更好地为企业发展提供强有力的人才支撑
<div style="height: 60px;"></div>
</div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">我们将始终坚持</div> </div>
<div style="color:rgba(60,115,164);font-size:34px;line-height: normal;">德才兼备以德为先的用人原则 <div style="height: 60px;"></div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleDown}}</div>
<div style="color:rgba(60,115,164);font-size:34px;line-height: normal;">{{componyarr[0].sketchDown}}
</div> </div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 30px;"> <div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentDown">
尺有所短寸有所长我们不追求完人而是遵循用人所长的理念我们始终坚持绩效原则通过赛马机制业绩论英雄
唯一可以否定一个人的便是他的品行 我们绝对不会使用品行不端 之人
</div>
<div style="height: 100px;"></div> <div style="height: 100px;"></div>
</div> </div>
</div>
</div> </div>
</template> </template>
<script> <script>
import { getcruit } from '@/api';
export default{
data(){
return{
componyarr:[]
}
},
mounted(){
getcruit().then((res)=>{
this.componyarr=res.data
})
}
}
</script> </script>
<style scoped> <style scoped>
.content{ .content{