Skip to content

H
haoban-3
Commit 7ccf1ed3 by crushh
Options

update: temp

parent 1e677e52
Showing with 157 additions and 198 deletions
src/components/vue-office-header.vue
......@@ -78,13 +78,13 @@ export default {
parentCode: null,
project: 'office'
},
{
menuCode: null,
rightName: '审核中心',
url: '/unreview?/reviewed/reviewSet',
parentCode: null,
project: 'office'
},
// {
// menuCode: null,
// rightName: '审核中心',
// url: '/unreview?/reviewed/reviewSet',
// parentCode: null,
// project: 'office'
// },
{
menuCode: null,
rightName: '企业设置',
......
src/router/index.js
......@@ -132,6 +132,35 @@ export const constantRouterMap = [{
path: '/salutatorySet',
name: '欢迎语',
component: _import('enterprise', 'salutatorySet')
},
{
path: '/setting',
name: '操作设置',
component: _import('setting', 'index')
},
{
// 审核中心
path: '/reviewCenter',
name: '审核中心',
redirect: '/unreview',
component: _import('reviewCenter', 'index'),
children: [
{
path: '/unreview',
name: '未审核',
component: _import('reviewCenter', 'unreview')
},
{
path: '/reviewed',
name: '已审核',
component: _import('reviewCenter', 'reviewed')
},
{
path: '/reviewSet',
name: '审核设置',
component: _import('reviewCenter', 'reviewSet')
}
]
}
]
},
......@@ -518,29 +547,29 @@ export const constantRouterMap = [{
}
]
},
{
// 审核中心
path: '/reviewCenter',
name: '审核中心',
redirect: 'unreview',
component: _import('reviewCenter', 'index'),
children: [{
path: '/reviewed',
name: '已审核',
component: _import('reviewCenter', 'reviewed')
},
{
path: '/unreview',
name: '未审核',
component: _import('reviewCenter', 'unreview')
},
{
path: '/reviewSet',
name: '审核设置',
component: _import('reviewCenter', 'reviewSet')
}
]
},
// {
// // 审核中心
// path: '/reviewCenter',
// name: '审核中心',
// redirect: 'unreview',
// component: _import('reviewCenter', 'index'),
// children: [{
// path: '/reviewed',
// name: '已审核',
// component: _import('reviewCenter', 'reviewed')
// },
// {
// path: '/unreview',
// name: '未审核',
// component: _import('reviewCenter', 'unreview')
// },
// {
// path: '/reviewSet',
// name: '审核设置',
// component: _import('reviewCenter', 'reviewSet')
// }
// ]
// },
{
path: '/gic-error',
......
src/views/enterprise/index.vue
......@@ -65,6 +65,16 @@ export default {
tabId: '4',
tabName: '欢迎语',
icon: 'iconhuanyingci'
},
{
tabId: '5',
tabName: '审核中心',
icon: 'iconshenhezhongxin'
},
{
tabId: '6',
tabName: '操作设置',
icon: 'iconshezhi'
}
],
activeBrand: '', // 商户(品牌) id
......@@ -96,11 +106,11 @@ export default {
/**
* 返回 的 brandId
*/
selectBrandId(id, groupId) {
let that = this;
that.activeBrand = id;
that.activeGroup = groupId;
},
// selectBrandId(id, groupId) {
// let that = this;
// that.activeBrand = id;
// that.activeGroup = groupId;
// },
/**
* 选择后返回tabId，做各路由判断
......@@ -108,6 +118,7 @@ export default {
setSelectTab(item) {
let that = this;
that.activeTab = item.tabId;
console.log(that.activeTab);
switch (item.tabId) {
case '1':
that.changeRoute(`enterpriseSet`);
......@@ -121,6 +132,12 @@ export default {
case '4':
that.changeRoute(`salutatory`);
break;
case '5':
that.changeRoute(`reviewCenter`);
break;
case '6':
that.changeRoute(`setting`);
break;
}
},
......@@ -131,6 +148,8 @@ export default {
let that = this;
that.activeTab = id;
that.activeSelTab = id;
console.log(that.activeTab);
console.log(that.activeSelTab);
that.tabListData.forEach(ele => {
if (ele.tabId == id) {
ele.onlyIconActive = false;
......
src/views/reviewCenter/index.vue
......@@ -7,44 +7,26 @@
* @LastEditTime: 2020-05-11 15:16:06
-->
<template>
<div class="review-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"> </vue-office-header>
<div class="setting-wrap__body">
<div id="content" class="content">
<div class="content-body">
<div class="content-body-inner flex border-box">
<div class="apps-content-left w-157" style="min-height: calc(100vh - 86px);">
<common-detail-left :tabListData="tabListData" :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"></common-detail-left>
</div>
<div class="apps-content-right border-box">
<div class="daily-set-wrap">
<div class="daily-set-content border-box">
<el-tabs v-model="activeTab" @tab-click="handleClick">
<el-tab-pane :label="item.tabName" :name="item.tabId" v-for="item in tabListData" :key="item.tabId">
<div class="border-box">
<transition name="fade" mode="out-in">
<router-view :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view>
<router-view></router-view>
</transition>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import vueOfficeHeader from '@/components/vue-office-header';
import commonDetailLeft from '@/components/app/app-detail-left.vue';
export default {
name: 'reviewed',
components: {
vueOfficeHeader,
commonDetailLeft
},
data() {
return {
projectName: 'haoban-manage-web', // 当前项目名
collapseFlag: false, // 折叠参数
contentHeight: '0px', //页面内容高度
activeSelTab: '1',
activeTab: '1',
tabListData: [
{
tabId: '1',
......@@ -66,75 +48,19 @@ export default {
},
computed: {},
methods: {
/**
* 路由跳转
*/
changeRoute(path) {
this.$router.push(path);
},
/**
* 选择后返回tabId，做各路由判断
*/
setSelectTab(item) {
let that = this;
that.activeTab = item.tabId;
switch (item.tabId) {
handleClick(tab, event) {
switch (tab.name) {
case '1':
that.changeRoute(`unreview`);
this.$router.push(`unreview`);
break;
case '2':
that.changeRoute(`reviewed`);
this.$router.push(`reviewed`);
break;
case '3':
that.changeRoute(`reviewSet`);
this.$router.push(`reviewSet`);
break;
}
},
/**
* 各路由返回 tabId
*/
showTab(id) {
let that = this;
that.activeTab = id;
that.activeSelTab = id;
that.tabListData.forEach(ele => {
if (ele.tabId == id) {
ele.onlyIconActive = false;
}
if (!!ele.children) {
ele.children.forEach(el => {
if (el.tabId == id) {
ele.onlyIconActive = true;
}
if (!!el.children) {
el.children.forEach(item => {
if (item.tabId == id) {
ele.onlyIconActive = true;
}
});
}
});
}
});
},
// 处理路由跳转
toRouterView(val) {
const that = this;
// 模拟检查数据,有两个参数
/*{
name:,
path:
}*/
that.$router.push({
path: val.path
});
},
// 折叠事件
collapseTag(val) {
const that = this;
that.collapseFlag = val;
console.log(tab, event);
}
},
watch: {
......@@ -147,81 +73,19 @@ export default {
}
},
mounted() {
const that = this;
that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px';
this.$emit('showTab', 5);
document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
}
};
</script>
<style lang="scss">
.review-wrap {
background-color: #f0f2f5;
}
.setting-wrap__body {
.content {
padding-top: 46px;
/* height: calc(100% - 64px);
overflow-y: auto;*/
min-width: 1400px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.content-body {
.content-body-inner {
padding: 20px;
min-height: calc(100% - 86px);
}
.apps-content-left {
min-width: 157px;
// height: 100%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.apps-content-right {
width: calc(100% - 157px);
padding-left: 10px;
background: #f0f2f5;
}
.common-set-wrap {
position: relative;
width: 100%;
<style type="text/scss" lang="scss" scoped>
.daily-set-wrap {
height: 100%;
overflow-y: auto;
.right-content {
/*width: 100%;*/
min-height: calc(100% - 86px);
.right-box {
background: #fff;
.daily-set-content {
padding: 20px;
}
}
}
}
}
}
.el-table__body-wrapper .el-table__empty-block {
height: 256px;
}
.el-table__empty-text {
width: auto;
margin-bottom: 80px;
&::before {
content: ' ';
display: block;
width: 60px;
height: 60px;
background: url(../../assets/no-data_icon.png) no-repeat center;
margin: 0px auto 22px auto;
}
}
.el-table__empty-text {
margin-bottom: 0;
}
</style>
static/font/iconfont.css
@font-face {
font-family: "iconfont";
/* Project id 1628375 */
src: url('iconfont.woff2?t=1621413599446') format('woff2'), url('iconfont.woff?t=1621413599446') format('woff'), url('iconfont.ttf?t=1621413599446') format('truetype');
font-family: "iconfont"; /* Project id 1628375 */
src: url('iconfont.woff2?t=1629273628322') format('woff2'),
url('iconfont.woff?t=1629273628322') format('woff'),
url('iconfont.ttf?t=1629273628322') format('truetype');
}
.iconfont {
......@@ -12,6 +13,22 @@
-moz-osx-font-smoothing: grayscale;
}
.iconshezhi:before {
content: "\e688";
}
.iconshenhezhongxin:before {
content: "\e627";
}
.iconkongbiaoqian:before {
content: "\e64c";
}
.icondingdan_pingjia:before {
content: "\e654";
}
.iconxiaochengxu:before {
content: "\e625";
}
......@@ -287,3 +304,4 @@
.iconrizhifuwu:before {
content: "\e65a";
}
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.json
{
"id": "1628375",
"name": "好办后台3.0",
"font_family": "iconfont",
"font_family": "iconfont-hb3",
"css_prefix_text": "icon",
"description": "",
"glyphs": [{
"glyphs": [
{
"icon_id": "1766318",
"name": "操作-设置",
"font_class": "shezhi",
"unicode": "e688",
"unicode_decimal": 59016
},
{
"icon_id": "7853243",
"name": "审核中心",
"font_class": "shenhezhongxin",
"unicode": "e627",
"unicode_decimal": 58919
},
{
"icon_id": "23164302",
"name": "空标签",
"font_class": "kongbiaoqian",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "8651336",
"name": "订单_评价",
"font_class": "dingdan_pingjia",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "16514068",
"name": "小程序",
"font_class": "xiaochengxu",
......
static/font/iconfont.ttf
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment