Skip to content

O
office-web
Commit 36a95280 by 无尘
Options

add: 引入公共插件到各个模块

parent 050b4fc1
Showing with 372 additions and 121 deletions
index.html
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="./favicon.ico"/>
<title>GIC-集团后台</title>
<title>好办管理平台</title>
</head>
<body style="background-color: #f0f2f5;min-width: 1400px;">
<div id="app"></div>
......
package.json
......@@ -11,10 +11,10 @@
},
"dependencies": {
"@gic-test/vue-area-ab": "^1.4.3",
"@gic-test/vue-gic-aside-menu": "^1.1.45",
"@gic-test/vue-gic-footer": "^1.0.8",
"@gic-test/vue-gic-header": "^1.3.31",
"@gic-test/vue-office-header": "^1.0.2",
"@gic-test/vue-office-aside": "^1.0.2",
"@gic-test/vue-office-header": "^1.0.5",
"@riophae/vue-treeselect": "0.0.29",
"@tinymce/tinymce-vue": "^1.0.8",
"element-ui": "^2.3.9",
......
src/common/js/error.js
......@@ -14,7 +14,7 @@ export default {
console.log(response)
if (response.errorCode != 0) {
if (response.errorCode == 401) {
window.location.href = local + "/gic-web/#/";
// window.location.href = local + "/gic-web/#/";
return false;
}
Message.error({
......
src/main.js
......@@ -12,7 +12,7 @@ import '../static/font/iconfont.css'
import '../theme/index.css'
import vueOfficeHeader from '@gic-test/vue-office-header'
import vueGicAsideMenu from '@gic-test/vue-gic-aside-menu'
import vueOfficeAside from '@gic-test/vue-office-aside'
import vueAreaAb from '@gic-test/vue-area-ab'
// 新增公共 footer插件
import vueGicFooter from '@gic-test/vue-gic-footer'
......@@ -20,7 +20,7 @@ import vueGicFooter from '@gic-test/vue-gic-footer'
Vue.use(vueGicFooter)
Vue.use(vueAreaAb)
Vue.use(vueGicAsideMenu)
Vue.use(vueOfficeAside)
Vue.use(vueOfficeHeader)
Vue.config.productionTip = false;
......@@ -59,7 +59,7 @@ Vue.axios.interceptors.response.use(
// path: 'login',
// query: {redirect: router.currentRoute.fullPath}
// });
window.location.href = window.location.origin + '/gic-web/#/';
// window.location.href = window.location.origin + '/gic-web/#/';
case 500:
Message.error('服务器500')
}
......
src/views/contacts/administrativeFrame.vue
<template>
<div class="administrative-wrap">
<div class="inline-block administrative-wrap__left common-wrap__left">
</div>
<div class="inline-block administrative-wrap__right common-wrap__right">
</div>
</div>
</template>
<script>
......@@ -24,5 +30,28 @@ export default {
</script>
<style lang="less" scoped>
.administrative-wrap {
width: 100%;
font-size: 0;
&__left {
width: 260px;
height: 690px;
vertical-align: top;
font-size: 14px;
background: rgba(238,241,248,1);
border-radius: 2px;
}
&__right {
width: calc(100% - 260px);
min-height: 690px;
padding: 24px;
vertical-align: top;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
</style>
src/views/contacts/index.vue
<template>
<div class="contact-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-office-header>
<div class="contact-wrap__body">
<!-- 公共左侧菜单插件 -->
<vue-office-aside ref="leftMenus" :projectName="projectName" :collapseFlag="collapseFlag"></vue-office-aside>
<!-- 右侧 body -->
<div class="contact-wrap__right">
<topNav :navpath="navpath"></topNav>
<div class="contact-wrap__right__body">
<transition name="fade" mode="out-in">
<router-view></router-view>
</transition>
</div>
</div>
</div>
</div>
</template>
<script>
import topNav from 'components/nav/nav'
export default {
name: "contact",
data() {
return {
projectName: 'gic-clique', // 当前项目名
collapseFlag: false, // 折叠参数
// 面包屑导航数据
navpath: [{
name: '首页',
path: '/'
},
{
name: '集团信息',
path: ''
}
],
}
},
computed: {
},
methods: {
// 处理路由跳转
toRouterView(val) {
var that = this;
// 模拟检查数据
// //有两个参数
//{
// name:,
// path:
//}
console.log(val);
that.$router.push({
path: val.path
})
},
// 折叠事件
collapseTag(val) {
var that = this;
console.log(val);
that.collapseFlag = val
},
},
mounted() {
},
components: {
topNav
},
}
</script>
<style lang="less" scoped>
<style lang="less">
.contact-wrap {
position: relative;
&__body {
display: -ms-flexbox;
display: flex;
width: 100%;
overflow: hidden;
padding-top: 64px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
min-width: 1400px;
background: #f5f7fa;
}
&__right {
-ms-flex: 1;
flex: 1;
overflow: auto;
width: 100%;
&__body {
padding: 24px;
}
}
}
</style>
src/views/enterpriseApp/index.vue
<template>
<div class="enterprise-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-office-header>
<div class="enterprise-wrap__body">
</div>
</div>
</template>
<script>
......@@ -8,14 +12,35 @@ export default {
name: "enterprise",
data() {
return {
projectName: 'gic-clique', // 当前项目名
collapseFlag: false, // 折叠参数
}
},
computed: {
},
methods: {
// 处理路由跳转
toRouterView(val) {
var that = this;
// 模拟检查数据
// //有两个参数
//{
// name:,
// path:
//}
console.log(val);
that.$router.push({
path: val.path
})
},
// 折叠事件
collapseTag(val) {
var that = this;
console.log(val);
that.collapseFlag = val
},
},
mounted() {
......
src/views/index/index.vue
......@@ -22,8 +22,9 @@ export default {
name: 'index',
data() {
return {
projectName: 'gic-clique',
contentHeight: '0px', //页面内容高度
projectName: 'gic-clique', // 当前项目名
contentHeight: '0px', // 页面内容高度
collapseFlag: false, // 折叠参数
showCustomDialog: false, // 自定义弹框显示标志
}
......
src/views/reviewCenter/index.vue
<template>
<div class="review-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-office-header>
<div class="review-wrap__body">
</div>
</div>
</template>
<script>
......@@ -8,14 +12,35 @@ export default {
name: "review",
data() {
return {
projectName: 'gic-clique', // 当前项目名
collapseFlag: false, // 折叠参数
}
},
computed: {
},
methods: {
// 处理路由跳转
toRouterView(val) {
var that = this;
// 模拟检查数据
// //有两个参数
//{
// name:,
// path:
//}
console.log(val);
that.$router.push({
path: val.path
})
},
// 折叠事件
collapseTag(val) {
var that = this;
console.log(val);
that.collapseFlag = val
},
},
mounted() {
......
src/views/setting/index.vue
<template>
<div class="setting-wrap">
<!-- 公共头部菜单插件 -->
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-office-header>
<div class="review-wrap__body">
</div>
</div>
</template>
<script>
......@@ -8,14 +12,35 @@ export default {
name: "setting",
data() {
return {
projectName: 'gic-clique', // 当前项目名
collapseFlag: false, // 折叠参数
}
},
computed: {
},
methods: {
// 处理路由跳转
toRouterView(val) {
var that = this;
// 模拟检查数据
// //有两个参数
//{
// name:,
// path:
//}
console.log(val);
that.$router.push({
path: val.path
})
},
// 折叠事件
collapseTag(val) {
var that = this;
console.log(val);
that.collapseFlag = val
},
},
mounted() {
......
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