Browse Source

首页背景去除,其他界面当前位置标题更新

master
aBin 4 years ago
parent
commit
b602c12003
  1. 15
      src/components/ListPage/ListPage.vue
  2. 10
      src/views/CompanyProfile/CompanyProfile.vue
  3. 25
      src/views/FirstPages/FirstPage.vue
  4. 10
      src/views/NewPages/NewPages.vue
  5. 10
      src/views/OtherPages/Department.vue
  6. 10
      src/views/OtherPages/Information.vue
  7. 10
      src/views/OtherPages/NoticeNotice.vue
  8. 10
      src/views/OtherPages/PartyBuilding.vue
  9. 15
      src/views/OtherPages/SafeProduction.vue
  10. 10
      src/views/OtherPages/System.vue

15
src/components/ListPage/ListPage.vue

@ -1,5 +1,5 @@
<template> <template>
<div style="position:relative;height: 100%;"> <div style="position:relative;min-height: 300px;">
<div class="year-box"> <div class="year-box">
<span :class="year - 0 === item.year - 0 ? 'active' : ''" v-for="item in yearList" :key="item.year" @click="changeYear(item.year)">{{ <span :class="year - 0 === item.year - 0 ? 'active' : ''" v-for="item in yearList" :key="item.year" @click="changeYear(item.year)">{{
item.year item.year
@ -56,6 +56,9 @@ export default {
this.getYear(); this.getYear();
}, },
}, },
created() {
this.getYear();
},
methods: { methods: {
onChange(pageNumber) { onChange(pageNumber) {
this.$emit('getData', pageNumber); this.$emit('getData', pageNumber);
@ -72,7 +75,15 @@ export default {
const params = { showPage: this.code }; const params = { showPage: this.code };
const res = await getCondition(params); const res = await getCondition(params);
console.log('res: ', res); console.log('res: ', res);
} catch (error) {} const { code, msg, data } = res.data;
if (code === 200) {
this.yearList = data;
} else {
console.error(msg);
}
} catch (error) {
console.error(error);
}
}, },
}, },
}; };

10
src/views/CompanyProfile/CompanyProfile.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<RichText :rich-obj="content" /> <RichText :rich-obj="content" />
</div> </div>
@ -26,6 +26,7 @@ export default {
data() { data() {
return { return {
code: '0101', code: '0101',
defaultTitle: '公司简介',
list: { list: {
title: '公司概况', title: '公司概况',
url: '/profile', url: '/profile',
@ -59,6 +60,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getData(this.code); this.getData(this.code);
} }
}, },

25
src/views/FirstPages/FirstPage.vue

@ -1,6 +1,7 @@
<template> <template>
<div class="bg-bottom"> <!-- <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top"> -->
<div style="background-color:#f5f5f5;padding-bottom:100px">
<div class="content-1180"> <div class="content-1180">
<div class="news-box pt-4 d-flex justify-space-between"> <div class="news-box pt-4 d-flex justify-space-between">
<!-- 集团新闻 --> <!-- 集团新闻 -->
@ -64,10 +65,10 @@
<div class="mt-4 policy"> <div class="mt-4 policy">
<img src="@/assets/16fangzhen.png" alt="" /> <img src="@/assets/16fangzhen.png" alt="" />
<p> <p>
<span class="mr-4">阿弥陀佛</span> <span class="mr-4">战略引领</span>
<span class="mr-4">阿弥陀佛</span> <span class="mr-4">人才驱动</span>
<span class="mr-4">阿弥陀佛</span> <span class="mr-4">求真务实</span>
<span>阿弥陀佛</span> <span>开拓创新</span>
</p> </p>
</div> </div>
<!-- 图片新闻 --> <!-- 图片新闻 -->
@ -111,7 +112,7 @@
<div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div> <div class="flex-1 new-box-content-jj" @click="openPage('news', '0202', newContent.introId)">{{ newContent.title }}</div>
</div> </div>
</div> </div>
<div class="flex-1"> <div class="flex-1 ml-4">
<a-carousel style="width: 650px" autoplay> <a-carousel style="width: 650px" autoplay>
<div class="rotation-box" v-for="newContent in ImgNews2" :key="newContent.introId"> <div class="rotation-box" v-for="newContent in ImgNews2" :key="newContent.introId">
<img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" /> <img :src="newContent.titleUrl" style="height: 369.5px;width: 100%" alt="" />
@ -210,7 +211,12 @@
</div> </div>
<div class="mt-4" style="overflow: hidden;"> <div class="mt-4" style="overflow: hidden;">
<div class="demeanor-content-box"> <div class="demeanor-content-box">
<div class="demeanor-content mr-4" v-for="item in sceneStyle" :key="item.introId" @click="openPage('news', '0210', item.introId)"> <div
class="demeanor-content mr-4"
v-for="item in sceneStyle"
:key="item.introId"
@click="openPage('news', '0210', item.introId)"
>
<img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" /> <img :src="item.titleUrl" style="height:260px;width:100%;cursor: pointer;" :title="item.title" />
<div class="one-text-1"> <div class="one-text-1">
{{ item.title }} {{ item.title }}
@ -233,7 +239,8 @@
<BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" /> <BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" />
</div> </div>
</div> </div>
</div> <!-- </div>
</div> -->
</template> </template>
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';

10
src/views/NewPages/NewPages.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" /> <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
<RichText v-else :rich-obj="introContent" /> <RichText v-else :rich-obj="introContent" />
@ -28,6 +28,7 @@ export default {
data() { data() {
return { return {
code: '0201', code: '0201',
defaultTitle: '集团新闻',
list: { list: {
title: '新闻中心', title: '新闻中心',
url: '/news', url: '/news',
@ -85,6 +86,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getContentData(); this.getContentData();
} }
}, },

10
src/views/OtherPages/Department.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<RichText :rich-obj="content" /> <RichText :rich-obj="content" />
</div> </div>
@ -26,6 +26,7 @@ export default {
data() { data() {
return { return {
code: '0901', code: '0901',
defaultTitle: '总经理工作部',
list: { list: {
title: '部门首页', title: '部门首页',
url: '/department', url: '/department',
@ -103,6 +104,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getData(this.code); this.getData(this.code);
} }
}, },

10
src/views/OtherPages/Information.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<RichText :rich-obj="content" /> <RichText :rich-obj="content" />
</div> </div>
@ -26,6 +26,7 @@ export default {
data() { data() {
return { return {
code: '0601', code: '0601',
defaultTitle: '基本信息',
list: { list: {
title: '信息公开', title: '信息公开',
url: '/information', url: '/information',
@ -59,6 +60,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getData(this.code); this.getData(this.code);
} }
}, },

10
src/views/OtherPages/NoticeNotice.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" /> <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
<RichText v-else :rich-obj="introContent" /> <RichText v-else :rich-obj="introContent" />
@ -28,6 +28,7 @@ export default {
data() { data() {
return { return {
code: '0501', code: '0501',
defaultTitle: '通知',
list: { list: {
title: '通知公告', title: '通知公告',
url: '/notice', url: '/notice',
@ -65,6 +66,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getContentData(); this.getContentData();
} }
}, },

10
src/views/OtherPages/PartyBuilding.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" /> <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
<RichText v-else :rich-obj="introContent" /> <RichText v-else :rich-obj="introContent" />
@ -28,6 +28,7 @@ export default {
data() { data() {
return { return {
code: '0301', code: '0301',
defaultTitle: '中心组学习',
list: { list: {
title: '党的建设', title: '党的建设',
url: '/building', url: '/building',
@ -69,6 +70,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getContentData(); this.getContentData();
} }
}, },

15
src/views/OtherPages/SafeProduction.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" /> <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
<RichText v-else :rich-obj="introContent" /> <RichText v-else :rich-obj="introContent" />
@ -28,9 +28,10 @@ export default {
data() { data() {
return { return {
code: '0401', code: '0401',
defaultTitle: '安全会议',
list: { list: {
title: '安全生产', title: '安全生产',
url: 'production', url: '/production',
children: [ children: [
{ {
title: '安全会议', title: '安全会议',
@ -63,8 +64,16 @@ export default {
}, },
watch: { watch: {
'$route.query.code'(val) { '$route.query.code'(val) {
console.log('val: ', val);
console.log('this.$route.path: ', this.$route.path);
console.log('this.list.url: ', this.list.url);
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getContentData(); this.getContentData();
} }
}, },

10
src/views/OtherPages/System.vue

@ -1,11 +1,11 @@
<template> <template>
<div class="bg-bottom"> <div class="bg-bottom">
<div class="bg-top"> <div class="bg-top">
<div class="content-1180"> <div class="content-1180">
<div class="d-flex pt-4"> <div class="d-flex pt-4">
<LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" /> <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
<div class="flex-1 flex-column"> <div class="flex-1 flex-column">
<Location :title="list.title" /> <Location :title="defaultTitle" />
<div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }"> <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
<RichText :rich-obj="content" /> <RichText :rich-obj="content" />
</div> </div>
@ -26,6 +26,7 @@ export default {
data() { data() {
return { return {
code: '0801', code: '0801',
defaultTitle: '集团公司制度',
list: { list: {
title: '制度资料', title: '制度资料',
url: '/system', url: '/system',
@ -71,6 +72,11 @@ export default {
'$route.query.code'(val) { '$route.query.code'(val) {
if (this.$route.path === this.list.url) { if (this.$route.path === this.list.url) {
this.code = val; this.code = val;
for (let i = 0; i < this.list.children.length; i++) {
if (val === this.list.children[i].code) {
this.defaultTitle = this.list.children[i].title;
}
}
this.getData(this.code); this.getData(this.code);
} }
}, },

Loading…
Cancel
Save