Merge branch 'dev-jack' into shenzhen-dev
BIN
src/views/projectAdmin/zjsj/assets/temp/1.png
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/2.png
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/3.png
Normal file
|
After Width: | Height: | Size: 455 KiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/4.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/5.png
Normal file
|
After Width: | Height: | Size: 537 KiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/6.png
Normal file
|
After Width: | Height: | Size: 700 KiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/7.png
Normal file
|
After Width: | Height: | Size: 539 KiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/8.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
src/views/projectAdmin/zjsj/assets/temp/9.png
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
14
src/views/projectAdmin/zjsj/carbon/centerBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="晴雨表">
|
||||
晴雨表
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/centerTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="实时数据">
|
||||
实时数据
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,9 +1,66 @@
|
||||
<template>
|
||||
<div class="carbon">carbon</div>
|
||||
<div class="carbon">
|
||||
<div class="between">
|
||||
<div class="top"><LeftTop /></div>
|
||||
<div class="center"><LeftCenter /></div>
|
||||
<div class="bottom"><LeftBottom /></div>
|
||||
</div>
|
||||
<div class="center">
|
||||
<div class="top"><CenterTop /></div>
|
||||
<div class="bottom"><CenterBottom /></div>
|
||||
</div>
|
||||
<div class="between">
|
||||
<div class="top"><RightTop /></div>
|
||||
<div class="center"><RightCenter /></div>
|
||||
<div class="bottom"><RightBottom /></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import LeftTop from './leftTop.vue'
|
||||
import LeftCenter from './leftCenter.vue'
|
||||
import LeftBottom from './leftBottom.vue'
|
||||
import CenterTop from './centerTop.vue'
|
||||
import CenterBottom from './centerBottom.vue'
|
||||
import RightTop from './rightTop.vue'
|
||||
import RightCenter from './rightCenter.vue'
|
||||
import RightBottom from './rightBottom.vue'
|
||||
export default {
|
||||
components: { LeftTop, LeftCenter, LeftBottom, CenterTop, CenterBottom, RightTop, RightCenter, RightBottom }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.carbon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// background: url(../assets/temp/7.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
.between {
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 33.33%;
|
||||
}
|
||||
.center {
|
||||
height: 33.33%;
|
||||
}
|
||||
.bottom {
|
||||
height: 33.33%;
|
||||
}
|
||||
}
|
||||
> .center {
|
||||
width: calc(60% - 40px);
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 70%;
|
||||
}
|
||||
.bottom {
|
||||
height: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/carbon/leftBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="趋势图">
|
||||
趋势图
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/leftCenter.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="雾炮喷淋">
|
||||
雾炮喷淋
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/leftTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="环境监测">
|
||||
环境监测
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/rightBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="报警记录">
|
||||
报警记录
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/rightCenter.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="今日报警统计">
|
||||
今日报警统计
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/carbon/rightTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="空气分析">
|
||||
空气分析
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,9 +1,58 @@
|
||||
<template>
|
||||
<div class="cim">cim</div>
|
||||
<div class="cim">
|
||||
<!-- <div class="between">
|
||||
<div class="top">
|
||||
<LeftTop />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<LeftBottom />
|
||||
</div>
|
||||
</div>
|
||||
<div class="center"></div>
|
||||
<div class="between">
|
||||
<div class="top">
|
||||
<RightTop />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<RightBottom />
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import LeftTop from './leftTop.vue'
|
||||
import LeftBottom from './leftBottom.vue'
|
||||
import RightTop from './rightTop.vue'
|
||||
import RightBottom from './rightBottom.vue'
|
||||
export default {
|
||||
components: { LeftTop, LeftBottom, RightTop, RightBottom }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.cim {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: url(../assets/temp/2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.between {
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 50%;
|
||||
}
|
||||
.bottom {
|
||||
height: 50%;
|
||||
}
|
||||
}
|
||||
.center {
|
||||
width: calc(60% - 40px);
|
||||
height: 100%;
|
||||
background: skyblue;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/cim/leftBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="倾斜摄影">
|
||||
倾斜摄影
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/cim/leftTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="BIM协同">
|
||||
BIM协同
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/cim/rightBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="模型外审">
|
||||
模型外审
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/cim/rightTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="模型内审">
|
||||
模型内审
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="事件详情">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="事件详情">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="项目人员管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="项目人员管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="containerBox">
|
||||
<div class="leftBox">
|
||||
<!-- <div class="leftBox">
|
||||
<div class="leftOne">
|
||||
<leftOne></leftOne>
|
||||
</div>
|
||||
@ -40,29 +40,29 @@
|
||||
<div class="rightFour">
|
||||
<rightFour></rightFour>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<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 "./rightOne";
|
||||
import rightTwo from "./rightTwo";
|
||||
import rightThree from "./rightThree";
|
||||
import rightFour from "./rightFour";
|
||||
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 './rightOne'
|
||||
import rightTwo from './rightTwo'
|
||||
import rightThree from './rightThree'
|
||||
import rightFour from './rightFour'
|
||||
|
||||
export default {
|
||||
components: { leftOne, leftTwo, leftThree, leftFour, center ,centerBOne,centerBTwo,rightOne,rightTwo,rightThree,rightFour},
|
||||
components: { leftOne, leftTwo, leftThree, leftFour, center, centerBOne, centerBTwo, rightOne, rightTwo, rightThree, rightFour },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@ -70,6 +70,8 @@ export default {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../assets/temp/1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.leftBox {
|
||||
width: 25%;
|
||||
.leftOne {
|
||||
@ -86,18 +88,18 @@ export default {
|
||||
width: 50%;
|
||||
margin-left: 2%;
|
||||
margin-right: 2%;
|
||||
.centerTop{
|
||||
.centerTop {
|
||||
height: 78%;
|
||||
background-color: #11a0a6;
|
||||
}
|
||||
.centerBot{
|
||||
.centerBot {
|
||||
margin-top: 2%;
|
||||
display: flex;
|
||||
.one{
|
||||
.one {
|
||||
width: 100%;
|
||||
// margin-left: 10%;
|
||||
}
|
||||
.two{
|
||||
.two {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -115,4 +117,4 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="设备管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="设备管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,31 +1,31 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="项目信息">
|
||||
<div class="contentBox">
|
||||
<div class="box">
|
||||
<span>项目位置</span>
|
||||
<span>建宁路与热河交叉路口</span>
|
||||
</div>
|
||||
<Card title="项目信息">
|
||||
<div class="contentBox">
|
||||
<div class="box">
|
||||
<span>项目位置</span>
|
||||
<span>建宁路与热河交叉路口</span>
|
||||
</div>
|
||||
</CardData>
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.box{
|
||||
height:40px;
|
||||
line-height: 40px;
|
||||
background-image: url('~@/assets/images/projectZjsj/intro.png');
|
||||
background-size: 100%;
|
||||
.box {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background-image: url('~@/assets/images/projectZjsj/intro.png');
|
||||
background-size: 100%;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="进度管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="进度管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="人员概况">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="人员概况">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="亮点展示">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="亮点展示">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="安全管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="安全管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="环境监测">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="环境监测">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
<template>
|
||||
<div>
|
||||
<CardData title="质量管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</CardData>
|
||||
<Card title="质量管理">
|
||||
<div class="contentBox">
|
||||
123
|
||||
</div>
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import CardData from "../components/cardData";
|
||||
import Card from '../components/Card'
|
||||
export default {
|
||||
components: { CardData },
|
||||
components: { Card },
|
||||
data() {
|
||||
return {};
|
||||
return {}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
||||
@ -23,16 +23,16 @@ export default {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.title {
|
||||
height: 45px;
|
||||
height: 34px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
background-image: url('~@/assets/images/projectZjsj/border.png');
|
||||
background-size: 100%;
|
||||
background-image: url('../assets/images/common/bg-card.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content {
|
||||
height: calc(100% - 45px);
|
||||
height: calc(100% - 34px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -6,4 +6,11 @@
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.gov-comp {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../assets/temp/9.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -6,4 +6,11 @@
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.monitor {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../assets/temp/8.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,9 +1,45 @@
|
||||
<template>
|
||||
<div class="progress">progress</div>
|
||||
<div class="progress">
|
||||
<div class="top">
|
||||
<div class="left"></div>
|
||||
<div class="right">
|
||||
<TopRight />
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import TopRight from './topRight.vue'
|
||||
export default {
|
||||
components: { TopRight }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.progress {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: url(../assets/temp/4.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
.top {
|
||||
height: 74%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
width: 76%;
|
||||
height: 100%;
|
||||
border: 1px solid skyblue;
|
||||
}
|
||||
.right {
|
||||
width: calc(24% - 20px);
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
height: 26%;
|
||||
border: 1px solid skyblue;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/progress/topRight.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="进度任务">
|
||||
进度任务
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -6,4 +6,11 @@
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.quality {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../assets/temp/6.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/security/centerBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="危大工程">
|
||||
危大工程
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/security/centerTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="人员管理">
|
||||
人员管理
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,9 +1,59 @@
|
||||
<template>
|
||||
<div class="security">security</div>
|
||||
<div class="security">
|
||||
<div class="left">
|
||||
<div class="top"><LeftTop /></div>
|
||||
<div class="bottom"><LeftBottom /></div>
|
||||
</div>
|
||||
<div class="center">
|
||||
<div class="top"><CenterTop /></div>
|
||||
<div class="bottom"><CenterBottom /></div>
|
||||
</div>
|
||||
<div class="right"><RightTop /></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import LeftTop from './leftTop.vue'
|
||||
import LeftBottom from './leftBottom.vue'
|
||||
import CenterTop from './centerTop.vue'
|
||||
import CenterBottom from './centerBottom.vue'
|
||||
import RightTop from './rightTop.vue'
|
||||
export default {
|
||||
components: { LeftTop, LeftBottom, CenterTop, CenterBottom, RightTop }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.security {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// background: url(../assets/temp/5.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
.left {
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 60%;
|
||||
}
|
||||
.bottom {
|
||||
height: 40%;
|
||||
}
|
||||
}
|
||||
.center {
|
||||
width: calc(60% - 40px);
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 65%;
|
||||
}
|
||||
.bottom {
|
||||
height: 35%;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/security/leftBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="视频AI分析">
|
||||
视频AI分析
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/security/leftTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="安全巡检">
|
||||
安全巡检
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/security/rightTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="设备监控">
|
||||
设备监控
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
@ -1,9 +1,62 @@
|
||||
<template>
|
||||
<div class="sourse">sourse</div>
|
||||
<div class="sourse">
|
||||
<!-- <div class="left">
|
||||
<div class="top">
|
||||
<LeftTop />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<LeftBottom />
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="top">
|
||||
<RightTop />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<RightBottom />
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
import LeftTop from './leftTop.vue'
|
||||
import LeftBottom from './leftBottom.vue'
|
||||
import RightTop from './rightTop.vue'
|
||||
import RightBottom from './rightBottom.vue'
|
||||
export default {
|
||||
components: { LeftTop, LeftBottom, RightTop, RightBottom }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less" scoped>
|
||||
.sourse {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: url(../assets/temp/3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.left {
|
||||
width: 22%;
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 50%;
|
||||
}
|
||||
.bottom {
|
||||
height: 50%;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: calc(78% - 40px);
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 60%;
|
||||
}
|
||||
.bottom {
|
||||
height: 40%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
14
src/views/projectAdmin/zjsj/sourse/leftBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="车辆冲洗抓拍">
|
||||
车辆冲洗抓拍
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/sourse/leftTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="车辆管理">
|
||||
车辆管理
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/sourse/rightBottom.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="检查统计">
|
||||
检查统计
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
14
src/views/projectAdmin/zjsj/sourse/rightTop.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<Card title="隐患趋势">
|
||||
隐患趋势
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||