|
|
@@ -5,15 +5,23 @@
|
|
|
:bordColor="bordColor"
|
|
|
:bordBottomColor="bordBottomColor"
|
|
|
:color="color"
|
|
|
- :info="info"
|
|
|
- :contInfos="contInfos"
|
|
|
+ :menuList="menu"
|
|
|
+ :info="site"
|
|
|
+ :contInfos="detailInfo"
|
|
|
></member-info>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import memberInfo from '@/components/memberDetail.vue';
|
|
|
+import { mapActions, mapState } from 'vuex';
|
|
|
+import _ from 'lodash';
|
|
|
export default {
|
|
|
+ metaInfo() {
|
|
|
+ return {
|
|
|
+ title: this.siteTitle ? this.siteTitle : '就业信息网',
|
|
|
+ };
|
|
|
+ },
|
|
|
name: 'memberDetail',
|
|
|
props: {},
|
|
|
components: {
|
|
|
@@ -35,10 +43,115 @@ export default {
|
|
|
url: require('@/assets/news.jpg'),
|
|
|
content: '9月16日-20日，由全国高等学校学生信息咨询与就业指导中心主办。',
|
|
|
},
|
|
|
+ menu: [], //菜单信息
|
|
|
+ site: {}, //站点信息
|
|
|
+ detailInfo: {}, //详情信息
|
|
|
}),
|
|
|
- created() {},
|
|
|
+ async created() {
|
|
|
+ await this.toGetSite(); //获取主站信息
|
|
|
+ await this.loadMenu(); //获取菜单信息
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
computed: {},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ ...mapActions(['getSite', 'getMenu', 'getColumn', 'getNews']),
|
|
|
+ async search() {
|
|
|
+ //1直接拿着参数发送请求
|
|
|
+ let result = await this.getNews({ type: 'fetch', data: { id: this.$route.query.id } });
|
|
|
+ if (`${result.errcode}` === '0') {
|
|
|
+ this.$set(this, `detailInfo`, result.data);
|
|
|
+ } else {
|
|
|
+ this.$message.error(result.errmsg ? result.errmsg : 'error');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //站点信息
|
|
|
+ async toGetSite() {
|
|
|
+ let site = sessionStorage.getItem('site');
|
|
|
+ if (!site) {
|
|
|
+ let result = await this.getSite({ type: 'search' });
|
|
|
+ if (result.errcode === 0) {
|
|
|
+ sessionStorage.setItem('site', JSON.stringify(result.data));
|
|
|
+ if (_.get(result.data, `custom`)) {
|
|
|
+ let item = result.custom;
|
|
|
+ }
|
|
|
+ this.$set(this, `site`, result.data);
|
|
|
+ this.$set(this, `siteTitle`, this.site.name);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$set(this, `site`, JSON.parse(site));
|
|
|
+ this.$set(this, `siteTitle`, this.site.name);
|
|
|
+ let arr = this.site;
|
|
|
+ if (arr.custom) {
|
|
|
+ let item = arr.custom;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //菜单
|
|
|
+ async loadMenu() {
|
|
|
+ let menu = sessionStorage.getItem('menu');
|
|
|
+ if (menu) {
|
|
|
+ this.$set(this, `menu`, JSON.parse(menu));
|
|
|
+ await this.finishedMenu();
|
|
|
+ } else this.toGetMenu();
|
|
|
+ this.getSubMenu();
|
|
|
+ },
|
|
|
+ async toGetMenu() {
|
|
|
+ let result = await this.getMenu({ type: `list` });
|
|
|
+ if (result.errcode === 0) {
|
|
|
+ sessionStorage.setItem('menu', JSON.stringify(result.data));
|
|
|
+ this.$set(this, `menu`, result.data);
|
|
|
+ this.finishedMenu();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async finishedMenu() {
|
|
|
+ let menus = JSON.parse(JSON.stringify(this.menu));
|
|
|
+ for (const item of menus) {
|
|
|
+ if (item.type === 'content') {
|
|
|
+ item.path = `/detail/${item.content_id}`;
|
|
|
+ } else if (item.type !== 'url') {
|
|
|
+ let res = await this.completeMenu(item);
|
|
|
+ item.children = res;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$set(this, `menu`, menus);
|
|
|
+ },
|
|
|
+ async completeMenu(item) {
|
|
|
+ let result = await this.getColumn({
|
|
|
+ type: `list`,
|
|
|
+ data: { parent_id: item.id },
|
|
|
+ });
|
|
|
+ if (result.errcode === 0) {
|
|
|
+ let columns = result.data;
|
|
|
+ for (const col of columns) {
|
|
|
+ if (col.type === 'content') {
|
|
|
+ col.path = `/detail/${col.content_id}`;
|
|
|
+ } else if (col.type !== 'url') {
|
|
|
+ col.path = `/newsList/menu/${col.id}?title=${col.title}`;
|
|
|
+ if (col.parent.includes('党员')) {
|
|
|
+ col.path = `/memberList/menu/${col.id}?title=${col.title}`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return columns;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //侧菜单
|
|
|
+ getSubMenu() {
|
|
|
+ let data;
|
|
|
+ if (this.type === `module`) {
|
|
|
+ data = sessionStorage.getItem(`modules`);
|
|
|
+ this.$set(this, `sideMenu`, []);
|
|
|
+ } else {
|
|
|
+ let res = this.menu.filter(fil => {
|
|
|
+ if (fil.children) {
|
|
|
+ let res = fil.children.filter(filc => filc.id === this.id);
|
|
|
+ return res.length > 0;
|
|
|
+ } else return false;
|
|
|
+ });
|
|
|
+ this.$set(this, `sideMenu`, res.length > 0 ? res[0].children : []);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
