Skip to content

V
vue-gjjs
Commit 49ef3d90 by 潘际乾
Options

页面样式更改

parent 705d2051
Showing with 548 additions and 132 deletions
src/assets/css/common.css 0 → 100644
:root {
/* 白色 */
/* --bgcolor: #fff;
--sidecolor: #fff;
--darkbgcolor: rgb(232, 232, 232); */
/* 灰灰 */
/* --bgcolor: #f8f8f5;
--sidecolor: #fafafa;
--darkbgcolor: rgb(232, 232, 232); */
/* 淺綠色 */
/* --bgcolor: #dff9fb;
--sidecolor: #c7ecee;
--darkbgcolor: rgb(232, 232, 232); */
/* 淡黄色 */
/* --bgcolor: #f5f5d5;
--sidecolor: #f5f5d5;
--darkbgcolor: rgb(232, 232, 232); */
/* 绿色 */
/* --bgcolor: #ccffcc;
--sidecolor: #ccffcc;
--darkbgcolor: rgb(232, 232, 232); */
/* --bgcolor: #ccffff;
--sidecolor: #64d7eb;
--darkbgcolor: rgb(232, 232, 232); */
/* 蓝色系 */
--bgcolor: #f7faff;
/* #E3F3FF; */
--sidecolor: #fff;
/* #E3F3FF; */
--darkbgcolor: #f4f5fa;
/* rgb(232, 232, 232); */
--lineheight: 24px;
--normalfont: 12px;
/* --themecolor: #1561E0; */
--themecolor: #409EFF;
}
#app {
font-family: Helvetica, sans-serif;
display: flex;
flex-direction: column;
}
.e-table-wrapper{
display: flex;
flex-direction: column;
}
.e-table-wrapper .el-table {
flex:1;
}
/* 配色 */
/* .fold {
background-color: var(--color);
} */
/* .unfold {
background-color: var(--color);
} */
.m-app-main {
background-color: var(--bgcolor);
}
.m-app {
background-color: var(--darkbgcolor);
}
/* sidemenu */
.el-menu {
background: var(--sidecolor);
}
.el-menu-item.is-active {
color: #fff;
background-color: var(--themecolor);
}
.eContainer-menu-search {
background: var(--sidecolor);
}
.eContainer-menu-search button {
background: var(--sidecolor);
}
.eContainer-scroller {
background: var(--sidecolor);
}
.topbtnbar{
position: absolute;
top: 20px;
right: 60px;
z-index: 90;
display: inline-block;
}
.topbtnbar > span{
display: inline-block;
}
/* 页签样式调整 */
.el-tabs .el-tabs__header {
margin: 0;
}
.el-tabs .el-tabs__content {
/* background: #fff; */
padding: 10px;
}
.el-tabs--card>.el-tabs__header .el-tabs__item {
border-left: 1px solid #ccc;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: var(--normalfont);
border-bottom: 1px solid var(--themecolor);
/* border-top: 1px solid #ccc; */
background-image: linear-gradient(#fff,#dedede);
}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 10px;
}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
padding-right: 10px;
}
.el-tabs--card>.el-tabs__header {
border-bottom: 2px solid var(--themecolor);
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
border-left: 1px solid var(--themecolor);
border-right: 1px solid var(--themecolor);
border-top: 1px solid var(--themecolor);
background-image: linear-gradient(#fff,#fff);
color: var(--themecolor);
border-bottom: 1px solid #fff;
box-sizing: content-box;
}
.el-tabs--card .el-tabs__nav-wrap {
margin-bottom: -2px;
}
.el-form-item--small .el-form-item__label {
font-size: var(--normalfont);
height: var(--lineheight);
line-height: var(--lineheight);
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
margin-bottom: 12px;
}
.el-input--small .el-input__inner {
height: var(--lineheight);
line-height: var(--lineheight);
font-size: var(--normalfont);
}
.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
line-height: var(--lineheight);
}
.el-select .el-input .el-select__caret {
font-size: var(--normalfont);
}
.el-input--small .el-input__icon {
line-height: var(--lineheight);
}
.el-input-number--small {
line-height: var(--lineheight);
}
.el-textarea__inner {
font-size: 12px;
}
.el-button--small, .el-button--small.is-round {
padding: 0px 15px;
font-size: 12px;
line-height: 22px;
}
.el-button--small.el-button--text {
padding-left: 0;
padding-right: 0;
}
.el-card {
margin-bottom: 8px;
}
.m-inputbtn {
position: relative;
}
.m-inputbtn-input {
padding-right: 64px;
display: inline-block;
}
.m-inputbtn-btn {
position: absolute;
right: 0;
}
.m-inputbtn-double {
position: relative;
}
.m-inputbtn-input-double {
padding-right: 90px;
display: inline-block;
}
.m-inputbtn-btn-double {
position: absolute;
right: 0;
top: 0;
}
.m-inputbtn-btn-double .el-button {
padding: 0 8px;
}
.m-inputbtn-double .el-button+.el-button {
margin-left: 0;
}
.el-radio__label {
font-size: 12px;
}
.c-title {
/* color: rgba(0, 0, 0, 0.65); */
/* font-weight: 600; */
/* font-size: 12px; */
color: rgb(0, 0, 0);
font-size: 14px;
font-weight: 500;
padding-bottom: 10px;
}
.el-dialog__body {
padding: 10px 20px 20px;
}
/* form 必填项红星星靠右 */
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
content: '*';
color: #F56C6C;
margin-left: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
content: none;
}
.el-tree-node__label {
font-size: 12px;
}
.c-w-100 {
width: 100%;
}
.m-ureport-actions {
width: 100%;
text-align: center;
}
.m-ureport-actions .el-button--small {
padding: 0px 15px;
font-size: 12px;
line-height: 22px;
}
.el-table th {
user-select: initial;
}
.el-tooltip__popper.is-dark {
max-width: 600px;
}
.el-date-editor.el-range-editor--small.el-input__inner {
height: 24px;
font-size: 13px;
}
.el-date-editor.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
line-height: 16px;
font-size: 12px;
}
.el-date-editor.el-range-editor--small .el-range-separator {
line-height: 16px;
font-size: 12px;
}
\ No newline at end of file
src/components/BusinessButton.vue
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
<script> <script>
import commonApi from "~/mixin/commonApi" import commonApi from "~/mixin/commonApi"
import Utils from "~/utils" import Utils from "~/utils"
export default { export default {
props:["$pntvm"], props:["$pntvm"],
data(){ data(){
...@@ -89,6 +90,10 @@ export default { ...@@ -89,6 +90,10 @@ export default {
</script> </script>
<style> <style>
.bus-button { .bus-button {
text-align: center; margin-bottom: 10px;
}
.bus-button :first-child {
margin-left: 0;
} }
</style> </style>
\ No newline at end of file
src/components/Toolbars.vue 0 → 100644
<template>
<div class="eibs-toolbar">
<el-popover
placement="left-start"
trigger="hover"
:offset="150"
popper-class="toolbars-popover"
>
<div class="toolbar-detail">
<ul>
<li id="tool-caculate">计算器</li>
<li id="tool-search">大额支付行号查询</li>
<li id="tool-telexCode">电报码查询</li>
<li id="tool-account">账户查询</li>
<li id="tool-swiftcode">SwiftCode查询</li>
<li id="tool-finishedtask">业务查询</li>
<li id="tool-exchangerate">即期牌价查询</li>
<li id="tool-forwardexchangerate">远期牌价查询</li>
<li id="tool-holiday">节假日查询</li>
<li id="tool-interestrate">利率查询</li>
<li id="tool-businessoffer">贸易金融业务报价查询</li>
<li id="tool-accttradedetails">账户交易明细查询</li>
<li id="tool-feetype">费用查询</li>
<li id="tool-sendMessageQuery">发报查询</li>
<li id="tool-receiveMessageQuery">收报查询</li>
<li id="tool-innerAccountBal">内部户可用余额查询</li>
</ul>
</div>
<div class="toolbar-core" slot="reference">工具条</div>
</el-popover>
</div>
</template>
<script>
export default {};
</script>
<style>
.eibs-toolbar {
z-index: 1000;
user-select: auto;
width: 32px;
height: 68px;
position: fixed;
top: 200px;
right: 0;
z-index: 10000;
}
.toolbars-popover {
padding: 0!important;
}
.toolbar-core {
background: var(--themecolor);
border-radius: 4px;
width: 12px;
padding: 8px;
color: #fff;
font-size: 12px;
cursor: pointer;
}
.toolbar-detail {
font-size: 12px;
}
.toolbar-detail ul {
margin: 0;
padding: 5px;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
background: #fff;
cursor: pointer;
}
.toolbar-detail ul li {
list-style: none;
padding: 8px 15px;
}
.toolbar-detail li:hover {
background: var(--themecolor);
color: #fff;
}
</style>
src/components/c-page.vue
<template> <template>
<div class="c-page-container"> <div class="c-page-container">
<p class="title">{{title}}</p> <div class="title">
<div style="flex:1;padding:0.5rem"> <span>{{ title }}</span>
</div>
<div style="flex: 1; padding: 10px 20px; position: relative">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
...@@ -9,21 +11,23 @@ ...@@ -9,21 +11,23 @@
<script> <script>
export default { export default {
props:['title'] props: ["title"],
} };
</script> </script>
<style scoped> <style scoped>
.title{ .title {
margin: 0; margin: 0;
padding: 0.5em; padding: 8px;
padding-left:1em ; padding-left: 20px;
font-size: 1rem; font-size: 14px;
border-bottom: 2px solid #337bde; border-bottom: 1px solid var(--darkbgcolor);
} background-color: var(--darkbgcolor);
.c-page-container{ }
.c-page-container {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-x: hidden; /* overflow-x: hidden; */
} overflow: hidden;
}
</style> </style>
\ No newline at end of file
src/main.js
...@@ -10,6 +10,8 @@ import App from './App.vue' ...@@ -10,6 +10,8 @@ import App from './App.vue'
import RootRouter from './routers' import RootRouter from './routers'
import store from "./store" import store from "./store"
import '~/assets/css/common.css'
import CustomComponent from "./components" import CustomComponent from "./components"
import VueFunc from "./utils/vuefunc" import VueFunc from "./utils/vuefunc"
......
src/views/Business/Ditopn/index.vue
<template> <template>
<c-page title="买方信用证开立"> <c-page title="买方信用证开立">
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false"> <c-bus-button :$pntvm="this"></c-bus-button>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="内容" name="ovwp"> <el-tab-pane label="内容" name="ovwp">
<!--PD000001 --> <!--PD000001 -->
<m-ovwp :model="model" :codes="codes"/> <c-content :height="220">
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<!-- <!--
...@@ -22,18 +33,19 @@ ...@@ -22,18 +33,19 @@
--> -->
<el-tab-pane label="银行明细" name="detp1"> <el-tab-pane label="银行明细" name="detp1">
<!--PD000452 --> <!--PD000452 -->
<m-detp1 :model="model" :codes="codes"/> <c-content :height="220">
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="明细" name="detp"> <el-tab-pane label="明细" name="detp">
<!--PD000077 --> <!--PD000077 -->
<m-detp :model="model" :codes="codes"/> <m-detp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="条款" name="tk"> <el-tab-pane label="条款" name="tk">
<!--PD000342 --> <!--PD000342 -->
<m-tk :model="model" :codes="codes"/> <m-tk :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!-- document rules <!-- document rules
<el-tab-pane label="经办夹查询"> <el-tab-pane label="经办夹查询">
...@@ -50,161 +62,147 @@ ...@@ -50,161 +62,147 @@
--> -->
<el-tab-pane label="帐务" name="setpan"> <el-tab-pane label="帐务" name="setpan">
<!--PD000000 --> <!--PD000000 -->
<m-setpan :model="model" :codes="codes"/> <m-setpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="分录" name="glepan"> <el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
<m-glepan :model="model" :codes="codes" ref="glepan"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="或有" name="engp"> <el-tab-pane label="或有" name="engp">
<!--PD000027 --> <!--PD000027 -->
<m-engp :model="model" :codes="codes"/> <m-engp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan"> <el-tab-pane label="保证金" name="ccvpan">
<m-ccvpan :model="model" :codes="codes"/> <m-ccvpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="备查表" name="addbcb"> <el-tab-pane label="备查表" name="addbcb">
<!--PD000027 --> <!--PD000027 -->
<m-addbcb :model="model" :codes="codes"/> <m-addbcb :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附言" name="coninfp"> <el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000529 --> <!--PD000529 -->
<el-tab-pane label="面函" name="docpan"> <el-tab-pane label="面函" name="docpan">
<m-docpan :model="model" :codes="codes" ref="docpan"/> <m-docpan :model="model" :codes="codes" ref="docpan" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="MT799" name="mt799"> <el-tab-pane label="MT799" name="mt799">
<!--PD000361 --> <!--PD000361 -->
<m-mt799 :model="model" :codes="codes"/> <m-mt799 :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody"> <el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes"/> <m-limitbody :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
<c-bus-button :$pntvm="this"></c-bus-button>
</el-form> </el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog> </c-grid-ety-prompt-dialog>
</div> </div>
</c-page> </c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import Utils from "~/utils/index" import Utils from "~/utils/index";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Ditopn from "~/model/Ditopn" import Ditopn from "~/model/Ditopn";
import CommonProcess from "~/mixin/CommonProcess" import CommonProcess from "~/mixin/CommonProcess";
import Pattern from "~/model/Ditopn/Pattern" import Pattern from "~/model/Ditopn/Pattern";
import Default from "~/model/Ditopn/Default"; import Default from "~/model/Ditopn/Default";
import Check from "~/model/Ditopn/Check"; import Check from "~/model/Ditopn/Check";
import Ovwp from "./Ovwp" import Ovwp from "./Ovwp";
import Revp from "./Revp" import Revp from "./Revp";
import Tk from "./Tk" import Tk from "./Tk";
import Rbip from "./Rbip" import Rbip from "./Rbip";
import Detp from "./Detp" import Detp from "./Detp";
import Detp1 from "./Detp1" import Detp1 from "./Detp1";
import Mt799 from "./Mt799" import Mt799 from "./Mt799";
import Litbenl1 from "./Litbenl1" import Litbenl1 from "./Litbenl1";
import Litapll1 from "./Litapll1" import Litapll1 from "./Litapll1";
import Litrmbl1 from "./Litrmbl1" import Litrmbl1 from "./Litrmbl1";
import Engp from "./Engp" import Engp from "./Engp";
import Addbcb from "./Addbcb" import Addbcb from "./Addbcb";
import Limitbody from "./Limitbody" import Limitbody from "./Limitbody";
import Coninfp from "./Coninfp" import Coninfp from "./Coninfp";
import Ccvpan from "./Ccvpan" import Ccvpan from "./Ccvpan";
import Glepan from "~/views/Public/Glepan" import Glepan from "~/views/Public/Glepan";
import Setpan from "~/views/Public/Setpan" import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan" import Docpan from "~/views/Public/Docpan";
export default { export default {
components:{ components: {
"m-ovwp" : Ovwp, "m-ovwp": Ovwp,
"m-revp" : Revp, "m-revp": Revp,
"m-tk" : Tk, "m-tk": Tk,
"m-rbip" : Rbip, "m-rbip": Rbip,
"m-detp" : Detp, "m-detp": Detp,
"m-detp1" : Detp1, "m-detp1": Detp1,
"m-mt799" : Mt799, "m-mt799": Mt799,
"m-litbenl1" : Litbenl1, "m-litbenl1": Litbenl1,
"m-litapll1" : Litapll1, "m-litapll1": Litapll1,
"m-litrmbl1" : Litrmbl1, "m-litrmbl1": Litrmbl1,
"m-setpan" : Setpan, "m-setpan": Setpan,
"m-glepan" : Glepan, "m-glepan": Glepan,
"m-engp" : Engp, "m-engp": Engp,
"m-addbcb" : Addbcb, "m-addbcb": Addbcb,
"m-docpan" : Docpan, "m-docpan": Docpan,
"m-limitbody" : Limitbody, "m-limitbody": Limitbody,
"m-coninfp" : Coninfp, "m-coninfp": Coninfp,
"m-ccvpan" : Ccvpan, "m-ccvpan": Ccvpan,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理 mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
computed: { computed: {},
data() {
},
data(){
return { return {
tabVal: "ovwp", tabVal: "ovwp",
trnName:"ditopn", trnName: "ditopn",
model:new Ditopn().data, model: new Ditopn().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules:null, rules: null,
codes:{...CodeTable}, codes: { ...CodeTable },
} };
}, },
methods:{ methods: {},
}, created: async function() {
created:async function(){
console.log("进入ditopn交易"); console.log("进入ditopn交易");
let rtnmsg = await this.init(this.$route.query) let rtnmsg = await this.init(this.$route.query);
if(rtnmsg.respCode == SUCCESS) if (rtnmsg.respCode == SUCCESS) {
{
//更新数据 //更新数据
Utils.copyValueFromVO(this.model,rtnmsg.data) Utils.copyValueFromVO(this.model, rtnmsg.data);
if(this.isInDisplay){ if (this.isInDisplay) {
this.restoreDisplay() this.restoreDisplay();
}
} }
else } else {
{ this.$notify.error({ title: "错误", message: "服务请求失败！" });
this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
}, },
watch:{ watch: {
// 动态修改属性的必填属性 // 动态修改属性的必填属性
"model.didgrp.rec.elcflg": { "model.didgrp.rec.elcflg": {
handler(val, oldVal) { handler(val, oldVal) {
this.changeFormItemRequired("didgrp.rec.fenctg", val == "Y") this.changeFormItemRequired("didgrp.rec.fenctg", val == "Y");
}, },
immediate: true immediate: true,
}, },
"model.didgrp.rec.avbby": { "model.didgrp.rec.avbby": {
handler(val, oldVal) { handler(val, oldVal) {
this.changeFormItemRequired("didgrp.rec.tenmaxday", val == "D") this.changeFormItemRequired("didgrp.rec.tenmaxday", val == "D");
}, },
immediate: true immediate: true,
} },
} },
} };
</script> </script>
<style> <style></style>
</style>
src/views/Business/Sptrou/Sptroup.vue
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
}; };
}, },
computed: { computed: {
tableColumns() { tableData() {
return []; return [];
} }
}, },
......
src/views/Layout/SideMenu.vue
...@@ -129,5 +129,59 @@ export default { ...@@ -129,5 +129,59 @@ export default {
}, },
}; };
</script> </script>
<style> <style scoped>
.eContainer-scroller .el-scrollbar__wrap {
overflow: auto;
margin-right: 0px !important;
}
.eContainer-menu-search {
width: 100%;
position: relative;
}
.eContainer-menu-search .el-input {
width: auto;
position: absolute;
right: 20px;
top: 10px;
left: 60px;
}
.eContainer-menu-search .el-input .el-input__inner {
height: 30px;
}
.eContainer-menu-search .el-icon-search {
line-height: 30px;
}
.eContainer-scroller {
height: calc(100% - 44px);
}
.eContainer-scroller .el-scrollbar__bar {
display: none;
}
.el-icon-s-fold {
float: left;
font-size: 20px;
}
.el-icon-s-unfold {
float: left;
font-size: 20px;
}
.el-menu {
border-right: none;
}
.eContainer-refresh {
width: auto;
overflow: auto;
height: calc(100% - 44px);
}
.el-button-refresh {
width: 100%;
height: 40px;
}
.el-submenu__title,
.el-menu-item,
.el-submenu .el-menu-item {
font-size: 12px;
height: 35px;
line-height: 35px;
}
</style> </style>
\ No newline at end of file
src/views/Layout/index.vue
<template> <template>
<el-container style="background-color:#e8e8e8;margin:0;"> <el-container
<el-header style="padding:0;" > style="background-color: #e8e8e8; margin: 0; padding-bottom: 8px"
>
<el-header style="padding: 0">
<headerCom></headerCom> <headerCom></headerCom>
</el-header> </el-header>
<div style="height:8px;"></div> <div style="height: 8px"></div>
<el-container> <el-container>
<el-aside width="200px" style="background-color:white;"> <el-aside width="200px" style="background-color: white">
<sideMenu></sideMenu> <sideMenu></sideMenu>
</el-aside> </el-aside>
<div style="width:8px;"></div> <div style="width: 8px"></div>
<el-main style="padding:0;background-color:white;position:relative;"> <el-main class="m-app-main" style="background-color: var(--bgcolor)">
<business></business> <business></business>
<toolbars></toolbars>
</el-main> </el-main>
</el-container> </el-container>
</el-container> </el-container>
</template> </template>
<script> <script>
import headerCom from "./Header" import headerCom from "./Header";
import sideMenu from "./SideMenu" import sideMenu from "./SideMenu";
import business from "../Business" import business from "../Business";
import toolbars from "~/components/Toolbars"
export default { export default {
components:{headerCom,sideMenu,business} components: { headerCom, sideMenu, business, toolbars },
} };
</script> </script>
<style> <style>
.m-app-main {
padding: 0;
position: relative;
height: 100%;
/* padding-bottom: 68px; */
box-sizing: border-box;
margin-right: 10px;
}
</style> </style>
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