|
@@ -1,43 +1,151 @@
|
|
|
<template>
|
|
|
<div id="list">
|
|
|
- <list-detail :info="info" :backColor="backColor" :Color="Color" :rightList="rightList"></list-detail>
|
|
|
+ <list-detail
|
|
|
+ :menuList="menu"
|
|
|
+ :sideMenu="sideMenu"
|
|
|
+ :info="site"
|
|
|
+ :backColor="backColor"
|
|
|
+ :Color="Color"
|
|
|
+ :rightList="list"
|
|
|
+ :total="total"
|
|
|
+ @search="search"
|
|
|
+ ></list-detail>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapActions, mapState } from 'vuex';
|
|
|
+import _ from 'lodash';
|
|
|
+import { masterMenu } from '@/config/jobs-menu';
|
|
|
import listDetail from '@/components/list.vue';
|
|
|
export default {
|
|
|
+ metaInfo() {
|
|
|
+ return {
|
|
|
+ title: this.siteTitle ? this.siteTitle : '就业信息网',
|
|
|
+ };
|
|
|
+ },
|
|
|
name: 'list',
|
|
|
props: {},
|
|
|
components: {
|
|
|
listDetail,
|
|
|
},
|
|
|
data: () => ({
|
|
|
- info: {
|
|
|
- src: require('@/assets/logo.png'),
|
|
|
- phone: '0431-12345678',
|
|
|
- banner: require('@/assets/banner.png'),
|
|
|
- address: '办公地址:长春市经济技术开发区金川街151号吉林省高等学校毕业生就业指导中心2楼一站式办公大厅',
|
|
|
- email: '邮编:130012',
|
|
|
- gongjiao: '公交线路:乘坐120路、227路、20路、260路、80路、130路、281路、154路、190路、125路公交北方市场下车,北方市场南门南行200米。',
|
|
|
- mobile: '业务咨询电话:0431-84657570 0431-84657571;',
|
|
|
- date: '办公时间:周一至周五,法定假日不对外办公。',
|
|
|
- footTitle: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
|
|
|
- },
|
|
|
backColor: '#0457c7',
|
|
|
Color: '#0457c7',
|
|
|
- rightList: [
|
|
|
- {
|
|
|
- title: '我省成功举办“创业有我•就在吉林',
|
|
|
- date: '2019-12-03',
|
|
|
- content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
|
|
|
- },
|
|
|
- ],
|
|
|
+ menu: [],
|
|
|
+ sideMenu: masterMenu.children,
|
|
|
+ site: {},
|
|
|
+ siteTitle: '',
|
|
|
+ total: 0,
|
|
|
+ list: [],
|
|
|
}),
|
|
|
- created() {},
|
|
|
- computed: {},
|
|
|
- methods: {},
|
|
|
+ async created() {
|
|
|
+ await this.toGetSite(); //获取主站信息
|
|
|
+ await this.loadMenu(); //获取菜单信息
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ jobs() {
|
|
|
+ return this.$route.params.jobs;
|
|
|
+ },
|
|
|
+ type() {
|
|
|
+ return this.$route.params.type;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ jobs: 'search',
|
|
|
+ type: 'search',
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapActions(['getSite', 'getMenu', 'getColumn', 'getJobfair', 'getTalk', 'getJobInfo', 'getPosts']),
|
|
|
+ async search({ skip = 0, limit = 8 } = {}) {
|
|
|
+ let result;
|
|
|
+ if (this.jobs === 'talk') {
|
|
|
+ result = await this.getTalk({ type: 'list', data: { skip: skip, limit: limit } });
|
|
|
+ } else if (this.jobs === 'jobfair') {
|
|
|
+ result = await this.getJobfair({ type: 'list', data: { skip: skip, limit: limit } });
|
|
|
+ } else if (this.jobs === 'jobs') {
|
|
|
+ result = await this.getPosts({ type: 'list', data: { skip: skip, limit: limit, is_practice: this.type === 'official' ? 0 : 1 } });
|
|
|
+ } else {
|
|
|
+ result = await this.getJobInfo({ type: 'list', data: { skip: skip, limit: limit } });
|
|
|
+ }
|
|
|
+ if (`${result.errcode}` === '0') {
|
|
|
+ //给this=>vue的实例下在中的list属性,赋予result。data的值
|
|
|
+ this.$set(this, `list`, result.data);
|
|
|
+ this.$set(this, `total`, result.total);
|
|
|
+ } 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();
|
|
|
+ },
|
|
|
+ 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}`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return columns;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped></style>
|
|
|
+<style lang="less" scoped></style>
|