root/feiyang-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新闻分类，人才招聘

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
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>

22
src/api/index.js
View File

@ -99,4 +99,24 @@ export function compony(){
return request({ return request({
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'
})
}

26
src/views/HomeView.vue
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,8 +115,10 @@
</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>
</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',
},
} }
) )

33
src/views/detail.vue
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,23 +18,25 @@
</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">
</div> </div>
</div> </div>
</div> </div>
</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;
} }

12
src/views/honordetail.vue
View File

@ -9,18 +9,18 @@
</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">
<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;
} }

80
src/views/news.vue
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
})
}
} }
} }
} }

4
src/views/projectdetail.vue
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>

58
src/views/recruit.vue
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>
<div style="height: 60px;"></div> <div style="height: 60px;"></div>
</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 style="font-size: 26px;color:rgba(0,0,0,.6)">我们将始终坚持</div>
<div style="color:rgba(60,115,164);font-size:34px;line-height: normal;">德才兼备、以德为先的用人原则
</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{