admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev-xiaole' into shenzhen-dev

Browse Source
This commit is contained in:
骆乐 2022-08-12 10:22:11 +08:00
commit 5ce80a7ee1
11 changed files with 294 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/projectAdmin/zjsj/commandCentre/center.vue Normal file
View File

@ -0,0 +1,18 @@
<template>
<div class="contentBox">
</div>
</template>
<script>
export default {
data() {
return {};
}
};
</script>
<style lang="less" scoped>
.contentBox{
width: 50%;
}
</style>

22
src/views/projectAdmin/zjsj/commandCentre/centerBOne.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="事件详情">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/centerBTwo.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="项目人员管理">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

104
src/views/projectAdmin/zjsj/commandCentre/index.vue
View File

@ -1,10 +1,45 @@
<template>
<div class="containerBox">
<div class="leftOne">
<leftOne></leftOne>
<div class="leftBox">
<div class="leftOne">
<leftOne></leftOne>
</div>
<div class="leftTwo">
<leftTwo></leftTwo>
</div>
<div class="leftThree">
<leftThree></leftThree>
</div>
<div class="leftFour">
<leftFour></leftFour>
</div>
</div>
<div class="leftTwo">
<leftTwo></leftTwo>
<div class="centerBox">
<div class="centerTop">
<center></center>
</div>
<div class="centerBot">
<div class="one">
<centerBOne></centerBOne>
</div>
<div class="two">
<centerBTwo></centerBTwo>
</div>
</div>
</div>
<div class="rightBox">
<div class="rightOne">
<rightOne></rightOne>
</div>
<div class="rightTwo">
<rightTwo></rightTwo>
</div>
<div class="rightThree">
<rightThree></rightThree>
</div>
<div class="rightFour">
<rightFour></rightFour>
</div>
</div>
</div>
</template>
@ -12,8 +47,18 @@
<script>
import leftOne from "./leftOne";
import leftTwo from "./leftTwo";
import leftThree from "./leftThree";
import leftFour from "./leftFour";
import center from "./center";
import centerBOne from "./centerBOne";
import centerBTwo from "./centerBTwo";
import rightOne from "./leftOne";
import rightTwo from "./leftTwo";
import rightThree from "./leftThree";
import rightFour from "./leftFour";
export default {
components: { leftOne, leftTwo },
components: { leftOne, leftTwo, leftThree, leftFour, center ,centerBOne,centerBTwo,rightOne,rightTwo,rightThree,rightFour},
data() {
return {};
}
@ -21,4 +66,53 @@ export default {
</script>
<style lang="less" scoped>
.containerBox {
display: flex;
width: 100%;
height: 100%;
.leftBox {
width: 25%;
.leftOne {
width: 100%;
height: 30%;
}
.leftTwo,
.leftThree,
.leftFour {
height: 25%;
}
}
.centerBox {
width: 50%;
margin-left: 2%;
margin-right: 2%;
.centerTop{
height: 78%;
background-color: #11a0a6;
}
.centerBot{
margin-top: 2%;
display: flex;
.one{
width: 100%;
// margin-left: 10%;
}
.two{
width: 100%;
}
}
}
.rightBox {
width: 25%;
.rightOne {
width: 100%;
height: 30%;
}
.rightTwo,
.rightThree,
.rightFour {
height: 25%;
}
}
}
</style>

22
src/views/projectAdmin/zjsj/commandCentre/leftFour.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="设备管理">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/leftThree.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="进度管理">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/rightFour.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="亮点展示">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/rightOne.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="安全管理">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/rightThree.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="环境监测">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

22
src/views/projectAdmin/zjsj/commandCentre/rightTwo.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<CardData title="质量管理">
<div class="contentBox">
123
</div>
</CardData>
</div>
</template>
<script>
import CardData from "../components/cardData";
export default {
components: { CardData },
data() {
return {};
}
};
</script>
<style lang="less" scoped>
</style>

3
src/views/projectAdmin/zjsj/components/cardData.vue
View File

@ -24,7 +24,6 @@ export default {
height: 100%;
.title {
height: 45px;
width: 25%;
text-align: center;
line-height: 40px;
font-size: 18px;
@ -33,7 +32,7 @@ export default {
background-size: 100%;
}
.content {
height: calc(100% - 30px);
height: calc(100% - 45px);
}
}
</style>