diff --git a/src/common/portrait.styl b/src/common/portrait.styl index 7caaeef..cb2de8c 100644 --- a/src/common/portrait.styl +++ b/src/common/portrait.styl @@ -329,6 +329,10 @@ justify-content: center; } +.justify-right{ + justify-content: right; +} + .justify-space-between{ justify-content: space-between; } diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue index 2045366..c7e02c6 100644 --- a/src/components/HeadNav/HeadNav.vue +++ b/src/components/HeadNav/HeadNav.vue @@ -38,7 +38,7 @@ class="child one-text-2" v-for="child in item.children" :key="child.title" - @click="jumpDetail(index, item.url, child.code)" + @click="jumpDetail(index, item.url, child.code, child)" > {{ child.title }} @@ -49,7 +49,7 @@ class="child-3 one-text-2" v-for="child in item.children" :key="child.title" - @click="jumpDetail(index, item.url, child.code)" + @click="jumpDetail(index, item.url, child.code, child)" > {{ child.title }} @@ -232,14 +232,44 @@ export default { { title: '基本信息', code: '0601', + children: [ + { + title: '工商登记信息', + code: '060101', + }, + { + title: '重要人事变动', + code: '060102', + }, + ], }, { title: '经营管理', code: '0602', + children: [ + { + title: '重大改革重组', + code: '060201', + }, + ], }, { title: '公司公告', code: '0603', + children: [ + { + title: '工作通知', + code: '060301', + }, + { + title: '公示公告', + code: '060302', + }, + { + title: '人才招聘', + code: '060303', + }, + ], }, { title: '社会责任', @@ -248,6 +278,20 @@ export default { { title: '关于信息公开', code: '0605', + children: [ + { + title: '信息公开实施细则', + code: '060501', + }, + { + title: '公司制度', + code: '060502', + }, + { + title: '联系我们', + code: '060503', + }, + ], }, ], }, @@ -329,66 +373,610 @@ export default { { title: '总经理工作部', code: '0901', + children: [ + { + title: '部门职责', + code: '090101', + }, + { + title: '岗位规范', + code: '090102', + }, + { + title: '部门动态', + code: '090103', + }, + { + title: '工作计划(月计划/年计划)', + code: '090104', + }, + { + title: '管理制度', + code: '090105', + }, + { + title: '资料下载', + code: '090106', + }, + { + title: '学习园地', + code: '090107', + }, + { + title: '常用表格', + code: '090108', + }, + ], }, { title: '计划营销部', code: '0902', + children: [ + { + title: '部门职责', + code: '090201', + }, + { + title: '岗位规范', + code: '090202', + }, + { + title: '部门动态', + code: '090203', + }, + { + title: '工作计划(月计划/年计划)', + code: '090204', + }, + { + title: '管理制度', + code: '090205', + }, + { + title: '资料下载', + code: '090206', + }, + { + title: '学习园地', + code: '090207', + }, + { + title: '常用表格', + code: '090208', + }, + ], }, { title: '财务管理部', code: '0903', + children: [ + { + title: '部门职责', + code: '090301', + }, + { + title: '岗位规范', + code: '090302', + }, + { + title: '部门动态', + code: '090303', + }, + { + title: '工作计划(月计划/年计划)', + code: '090304', + }, + { + title: '管理制度', + code: '090305', + }, + { + title: '资料下载', + code: '090306', + }, + { + title: '学习园地', + code: '090307', + }, + { + title: '常用表格', + code: '090308', + }, + ], }, { title: '人力资源部', code: '0904', + children: [ + { + title: '部门职责', + code: '090401', + }, + { + title: '岗位规范', + code: '090402', + }, + { + title: '部门动态', + code: '090403', + }, + { + title: '工作计划(月计划/年计划)', + code: '090404', + }, + { + title: '管理制度', + code: '090405', + }, + { + title: '资料下载', + code: '090406', + }, + { + title: '学习园地', + code: '090407', + }, + { + title: '常用表格', + code: '090408', + }, + ], }, { title: '党群工作部', code: '0905', + children: [ + { + title: '部门职责', + code: '090501', + }, + { + title: '岗位规范', + code: '090502', + }, + { + title: '部门动态', + code: '090503', + }, + { + title: '工作计划(月计划/年计划)', + code: '090504', + }, + { + title: '管理制度', + code: '090505', + }, + { + title: '资料下载', + code: '090506', + }, + { + title: '学习园地', + code: '090507', + }, + { + title: '常用表格', + code: '090508', + }, + ], }, { title: '纪委办公室(审计部)', code: '0906', + children: [ + { + title: '部门职责', + code: '090601', + }, + { + title: '岗位规范', + code: '090602', + }, + { + title: '部门动态', + code: '090603', + }, + { + title: '工作计划(月计划/年计划)', + code: '090604', + }, + { + title: '管理制度', + code: '090605', + }, + { + title: '资料下载', + code: '090606', + }, + { + title: '学习园地', + code: '090607', + }, + { + title: '常用表格', + code: '090608', + }, + ], }, { title: '燃料采购部', code: '0907', + children: [ + { + title: '部门职责', + code: '090701', + }, + { + title: '岗位规范', + code: '090702', + }, + { + title: '部门动态', + code: '090703', + }, + { + title: '工作计划(月计划/年计划)', + code: '090704', + }, + { + title: '管理制度', + code: '090705', + }, + { + title: '资料下载', + code: '090706', + }, + { + title: '学习园地', + code: '090707', + }, + { + title: '常用表格', + code: '090708', + }, + ], }, { title: '物资管理部', code: '0908', + children: [ + { + title: '部门职责', + code: '090801', + }, + { + title: '岗位规范', + code: '090802', + }, + { + title: '部门动态', + code: '090803', + }, + { + title: '工作计划(月计划/年计划)', + code: '090804', + }, + { + title: '管理制度', + code: '090805', + }, + { + title: '资料下载', + code: '090806', + }, + { + title: '学习园地', + code: '090807', + }, + { + title: '常用表格', + code: '090808', + }, + ], }, { title: '项目开发部', code: '0909', + children: [ + { + title: '部门职责', + code: '090901', + }, + { + title: '岗位规范', + code: '090902', + }, + { + title: '部门动态', + code: '090903', + }, + { + title: '工作计划(月计划/年计划)', + code: '090904', + }, + { + title: '管理制度', + code: '090905', + }, + { + title: '资料下载', + code: '090906', + }, + { + title: '学习园地', + code: '090907', + }, + { + title: '常用表格', + code: '090908', + }, + ], }, { title: '燃料质量验收部', code: '0910', + children: [ + { + title: '部门职责', + code: '091001', + }, + { + title: '岗位规范', + code: '091002', + }, + { + title: '部门动态', + code: '091003', + }, + { + title: '工作计划(月计划/年计划)', + code: '091004', + }, + { + title: '管理制度', + code: '091005', + }, + { + title: '资料下载', + code: '091006', + }, + { + title: '学习园地', + code: '091007', + }, + { + title: '常用表格', + code: '091008', + }, + ], }, { title: '安全监督部', code: '0911', + children: [ + { + title: '部门职责', + code: '091101', + }, + { + title: '岗位规范', + code: '091102', + }, + { + title: '部门动态', + code: '091103', + }, + { + title: '工作计划(月计划/年计划)', + code: '091104', + }, + { + title: '管理制度', + code: '091105', + }, + { + title: '资料下载', + code: '091106', + }, + { + title: '学习园地', + code: '091107', + }, + { + title: '常用表格', + code: '091108', + }, + ], }, { title: '设备部', code: '0912', + children: [ + { + title: '部门职责', + code: '091201', + }, + { + title: '岗位规范', + code: '091202', + }, + { + title: '部门动态', + code: '091203', + }, + { + title: '工作计划(月计划/年计划)', + code: '091204', + }, + { + title: '管理制度', + code: '091205', + }, + { + title: '资料下载', + code: '091206', + }, + { + title: '学习园地', + code: '091207', + }, + { + title: '常用表格', + code: '091208', + }, + ], }, { title: '发电部', code: '0913', + children: [ + { + title: '部门职责', + code: '091301', + }, + { + title: '岗位规范', + code: '091302', + }, + { + title: '部门动态', + code: '091303', + }, + { + title: '工作计划(月计划/年计划)', + code: '091304', + }, + { + title: '管理制度', + code: '091305', + }, + { + title: '资料下载', + code: '091306', + }, + { + title: '学习园地', + code: '091307', + }, + { + title: '常用表格', + code: '091308', + }, + ], }, { title: '维护部', code: '0914', + children: [ + { + title: '部门职责', + code: '091401', + }, + { + title: '岗位规范', + code: '091402', + }, + { + title: '部门动态', + code: '091403', + }, + { + title: '工作计划(月计划/年计划)', + code: '091404', + }, + { + title: '管理制度', + code: '091405', + }, + { + title: '资料下载', + code: '091406', + }, + { + title: '学习园地', + code: '091407', + }, + { + title: '常用表格', + code: '091408', + }, + ], }, { title: '热工专业', code: '0915', + children: [ + { + title: '部门职责', + code: '091501', + }, + { + title: '岗位规范', + code: '091502', + }, + { + title: '部门动态', + code: '091503', + }, + { + title: '工作计划(月计划/年计划)', + code: '091504', + }, + { + title: '管理制度', + code: '091505', + }, + { + title: '资料下载', + code: '091506', + }, + { + title: '学习园地', + code: '091507', + }, + { + title: '常用表格', + code: '091508', + }, + ], }, { title: '电气专业', code: '0916', + children: [ + { + title: '部门职责', + code: '091601', + }, + { + title: '岗位规范', + code: '091602', + }, + { + title: '部门动态', + code: '091603', + }, + { + title: '工作计划(月计划/年计划)', + code: '091604', + }, + { + title: '管理制度', + code: '091605', + }, + { + title: '资料下载', + code: '091606', + }, + { + title: '学习园地', + code: '091607', + }, + { + title: '常用表格', + code: '091608', + }, + ], }, ], }, @@ -438,9 +1026,15 @@ export default { this.showPage = index; if (url) { if (children.length && children[0].code) { + let code = ''; + if (children[0].children && children[0].children.length) { + code = children[0].children[0].code; + } else { + code = children[0].code; + } this.$router.push({ path: url, - query: { code: children[0].code }, + query: { code }, }); } else { this.$router.push(url); @@ -448,7 +1042,13 @@ export default { } } }, - jumpDetail(index, url, code) { + jumpDetail(index, url, code, child) { + let childCode = ''; + if (child.children && child.children.length) { + childCode = child.children[0].code; + } else { + childCode = code; + } const { query } = this.$route; if (this.showPage === index && query.code === code) { this.$message.warning('已在当前界面!'); @@ -457,7 +1057,7 @@ export default { if (url) { this.$router.push({ path: url, - query: { code }, + query: { code: childCode }, }); } } diff --git a/src/components/LeftNav/LeftNav.vue b/src/components/LeftNav/LeftNav.vue index 96e4221..13d87b6 100644 --- a/src/components/LeftNav/LeftNav.vue +++ b/src/components/LeftNav/LeftNav.vue @@ -8,7 +8,7 @@ :key="item.code" class="left-nav left-child d-flex align-center justify-center" :class="code === item.code ? 'active' : ''" - @click="changeQuery(item.code, item.url)" + @click="changeQuery(item.code, item.url, item)" > {{ item.title }} @@ -46,12 +46,26 @@ export default { }; }, + watch: { + '$route.query.code'(val) { + this.childCode = val; + }, + }, + + mounted() { + this.childCode = this.$route.query.code; + }, + methods: { - changeQuery(code, status, url) { + changeQuery(code, url, item) { + let childCode = code; + if (item && item.children && item.children.length) { + childCode = item.children[0].code; + } if (!url) { if (this.code && code !== this.code) { this.$router.push({ - query: { code }, + query: { code: childCode }, }); this.$emit('chanegCode', code); this.childCode = code; @@ -60,7 +74,7 @@ export default { if (url === '/') { window.open(`${window.location.href}`); } else { - window.open(`${process.env.VUE_APP_BASE_URL + process.env.VUE_APP_PUBLIC_PATH}${url}?code=${code}`); + window.open(`${process.env.VUE_APP_BASE_URL + process.env.VUE_APP_PUBLIC_PATH}${url}?code=${childCode}`); } } }, @@ -68,7 +82,6 @@ export default { if (code === this.code) { return true; } else { - console.log('code: ', code); for (let i = 0; i < this.list.children.length; i++) { const item = this.list.children[i]; if (item.children && item.children.length) { @@ -99,15 +112,16 @@ export default { .left-nav { width: 240px; height: 56px; - border-bottom: 1px solid rgba(112, 112, 112, 0.1); - margin-bottom: 1px; + /* border-bottom: 1px solid rgba(112, 112, 112, 0.1); */ + /* margin-bottom: 1px; */ } .left-nav-child { width: 240px; height: 28px; - border-bottom: 1px solid rgba(112, 112, 112, 0.1); - margin-bottom: 1px; - background-color: #f5f5f5; + padding-left: 20px; + /* border-bottom: 1px solid rgba(112, 112, 112, 0.1); */ + /* margin-bottom: 1px; */ + background-color: #fff; font-size: 16px; cursor: pointer; transition: all 0.2s; diff --git a/src/components/Location/Location.vue b/src/components/Location/Location.vue index 00f64cf..958fe7b 100644 --- a/src/components/Location/Location.vue +++ b/src/components/Location/Location.vue @@ -6,13 +6,14 @@