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