loveflow
1 year ago
parent
d276ed5bb7
commit
f4200797be
@ -1,42 +1,43 @@
|
|||||||
.loveflow {
|
/* 定位 START */
|
||||||
/* 定位 START */
|
.absolute {
|
||||||
.absolute {
|
position: absolute;
|
||||||
position: absolute;
|
}
|
||||||
}
|
.relative {
|
||||||
.relative {
|
position: relative;
|
||||||
position: relative;
|
}
|
||||||
}
|
.flex {
|
||||||
.flex {
|
display: flex;
|
||||||
display: flex;
|
}
|
||||||
}
|
.flex-center {
|
||||||
.flex-center {
|
display: flex;
|
||||||
display: flex;
|
justify-content: center;
|
||||||
justify-content: center;
|
align-items: center;
|
||||||
align-items: center;
|
}
|
||||||
}
|
/* 定位 END */
|
||||||
/* 定位 END */
|
|
||||||
|
|
||||||
/* 间距 START*/
|
/* 间距 START*/
|
||||||
.mt6 {
|
.mt6 {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
.mr6 {
|
.mt3 {
|
||||||
margin-right: 6px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
/* 间距 END*/
|
.mr6 {
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
/* 间距 END*/
|
||||||
|
|
||||||
/* 字体 START */
|
/* 字体 START */
|
||||||
.fontWeight {
|
.fontWeight {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.textGreen {
|
.textGreen {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
.textRed {
|
.textRed {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
.textBlue {
|
.textBlue {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
|
||||||
/* 字体 END */
|
|
||||||
}
|
}
|
||||||
|
/* 字体 END */
|
||||||
|
|||||||
@ -1,102 +1,106 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="mainBox">
|
<div class="mainBox">
|
||||||
<div class="leftBox">
|
<div class="leftBox">
|
||||||
<fangyi :companyId="companyId" v-if="companyId"></fangyi>
|
<!-- <fangyi :companyId="companyId" v-if="companyId"></fangyi> -->
|
||||||
<renyuan :companyId="companyId" v-if="companyId"></renyuan>
|
<xiaofang :companyId="companyId" v-if="companyId"></xiaofang>
|
||||||
<weihuapin :companyId="companyId" v-if="companyId"></weihuapin>
|
<renyuan :companyId="companyId" v-if="companyId"></renyuan>
|
||||||
</div>
|
<weihuapin :companyId="companyId" v-if="companyId"></weihuapin>
|
||||||
<div class="middleBox">
|
|
||||||
<canban :companyId="companyId" :companyData="companyData" v-if="companyId && companyData"></canban>
|
|
||||||
<div class="middleBody">
|
|
||||||
<xiaofang :companyId="companyId" v-if="companyId"></xiaofang>
|
|
||||||
<lieguan :companyId="companyId" v-if="companyId"></lieguan>
|
|
||||||
<zhian :companyId="companyId" v-if="companyId"></zhian>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="rightBox">
|
|
||||||
<daolu :companyId="companyId" v-if="companyId"></daolu>
|
|
||||||
<fanggopngji :companyId="companyId" v-if="companyId"></fanggopngji>
|
|
||||||
<wangluo :companyId="companyId" v-if="companyId"></wangluo>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="middleBox">
|
||||||
|
<canban
|
||||||
|
:companyId="companyId"
|
||||||
|
:companyData="companyData"
|
||||||
|
v-if="companyId && companyData"
|
||||||
|
></canban>
|
||||||
|
<div class="middleBody">
|
||||||
|
<!-- <xiaofang :companyId="companyId" v-if="companyId"></xiaofang> -->
|
||||||
|
<lieguan :companyId="companyId" v-if="companyId"></lieguan>
|
||||||
|
<zhian :companyId="companyId" v-if="companyId"></zhian>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rightBox">
|
||||||
|
<daolu :companyId="companyId" v-if="companyId"></daolu>
|
||||||
|
<fanggopngji :companyId="companyId" v-if="companyId"></fanggopngji>
|
||||||
|
<wangluo :companyId="companyId" v-if="companyId"></wangluo>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import fangyi from './fangyi.vue'
|
//import fangyi from "./fangyi.vue";
|
||||||
import renyuan from './renyuan.vue'
|
import renyuan from "./renyuan.vue";
|
||||||
import weihuapin from './weihuapin.vue'
|
import weihuapin from "./weihuapin.vue";
|
||||||
import canban from './canban.vue'
|
import canban from "./canban.vue";
|
||||||
import xiaofang from './xiaofang.vue'
|
import xiaofang from "./xiaofang.vue";
|
||||||
import lieguan from './lieguan.vue'
|
import lieguan from "./lieguan.vue";
|
||||||
import zhian from './zhian.vue'
|
import zhian from "./zhian.vue";
|
||||||
import daolu from './daolu.vue'
|
import daolu from "./daolu.vue";
|
||||||
import fanggopngji from './fanggopngji.vue'
|
import fanggopngji from "./fanggopngji.vue";
|
||||||
import wangluo from './wangluo.vue'
|
import wangluo from "./wangluo.vue";
|
||||||
|
|
||||||
import { companyBaseInfo } from '@/api/companyCanban'
|
import { companyBaseInfo } from "@/api/companyCanban";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
fangyi,
|
//fangyi,
|
||||||
renyuan,
|
renyuan,
|
||||||
weihuapin,
|
weihuapin,
|
||||||
canban,
|
canban,
|
||||||
xiaofang,
|
xiaofang,
|
||||||
lieguan,
|
lieguan,
|
||||||
zhian,
|
zhian,
|
||||||
daolu,
|
daolu,
|
||||||
fanggopngji,
|
fanggopngji,
|
||||||
wangluo
|
wangluo,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
companyId: '',
|
companyId: "",
|
||||||
companyData: {}
|
companyData: {},
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.companyId = sessionStorage.getItem('companyID')
|
this.companyId = sessionStorage.getItem("companyID");
|
||||||
companyBaseInfo({ id: this.companyId }).then(res => [
|
companyBaseInfo({ id: this.companyId }).then((res) => [
|
||||||
this.companyData = res.data,
|
(this.companyData = res.data),
|
||||||
console.log(this.companyData, 'this.companyData')
|
console.log(this.companyData, "this.companyData"),
|
||||||
])
|
]);
|
||||||
},
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.mainBox {
|
.mainBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 80px);
|
height: calc(100% - 80px);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|
||||||
.leftBox {
|
.leftBox {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.middleBox {
|
.middleBox {
|
||||||
width: calc(100% - 840px);
|
width: calc(100% - 840px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.middleBody {
|
.middleBody {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
height: calc(37.94% - 40px);
|
height: calc(37.94% - 40px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.rightBox {
|
.rightBox {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue