中建四局-大屏调整
This commit is contained in:
parent
e2e82c2192
commit
7c9d5a37f7
@ -8,8 +8,9 @@
|
|||||||
<div>建筑面积:{{ list.projectAcreage}}</div>
|
<div>建筑面积:{{ list.projectAcreage}}</div>
|
||||||
<div>建设单位:{{ list.constructionUnit}}</div>
|
<div>建设单位:{{ list.constructionUnit}}</div>
|
||||||
<div>监理单位:{{ list.supervisorUnit}}</div>
|
<div>监理单位:{{ list.supervisorUnit}}</div>
|
||||||
<div>设计单位:{{ list.designUnit}}</div>
|
<div>设计单位:德国gmp建筑师事务所 (方案设计)</div>
|
||||||
<div>总包单位:{{ list.bidWinner}}</div>
|
<p style="margin-left:70px">中国建筑第四工程局有限公司 (施工图设计)</p>
|
||||||
|
<div style="margin-top:5px">总包单位:{{ list.bidWinner}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -49,7 +49,7 @@ export default {
|
|||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
name: "地下室结构施工",
|
name: "地下室结构施工",
|
||||||
Time: "2022-04-11",
|
Time: "2023-04-11",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
|
|||||||
@ -56,7 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="count1">
|
<div class="count1">
|
||||||
总次数<span>{{ safetyPatrolInspection.allTotal || 0 }}</span
|
总次数<span>{{ allTotal2||0 }}</span
|
||||||
>次
|
>次
|
||||||
</div>
|
</div>
|
||||||
<div class="count2">
|
<div class="count2">
|
||||||
@ -72,6 +72,8 @@ import Card from "../components/Card";
|
|||||||
import JRingChart from "../../common/jChart/pie/JRingChart.vue";
|
import JRingChart from "../../common/jChart/pie/JRingChart.vue";
|
||||||
import { getAllAndWeekDataApi } from "@/assets/js/api/zhongjianFourth";
|
import { getAllAndWeekDataApi } from "@/assets/js/api/zhongjianFourth";
|
||||||
import { mapState } from "vuex";
|
import { mapState } from "vuex";
|
||||||
|
import { resourceManagement } from '@/assets/js/api/zhongjianFourth'
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Card, JRingChart },
|
components: { Card, JRingChart },
|
||||||
@ -85,9 +87,11 @@ export default {
|
|||||||
allTotal: 0, //检查总数
|
allTotal: 0, //检查总数
|
||||||
weekTotal: 0, //本周巡检总数
|
weekTotal: 0, //本周巡检总数
|
||||||
},
|
},
|
||||||
|
allTotal2: 0, //检查总数
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
this.getList()
|
||||||
this.getAllTodayDataHdir();
|
this.getAllTodayDataHdir();
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -96,10 +100,17 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
getAllTodayDataHdir() {
|
getAllTodayDataHdir() {
|
||||||
getAllAndWeekDataApi({ projectSn: this.projectSn }).then((res) => {
|
getAllAndWeekDataApi({ projectSn: this.projectSn }).then((res) => {
|
||||||
console.log(res, "getAllTodayDataHdir质量");
|
|
||||||
this.safetyPatrolInspection = res.result;
|
this.safetyPatrolInspection = res.result;
|
||||||
|
console.log(this.safetyPatrolInspection, "getAllTodayDataHdir质量");
|
||||||
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
getList() {
|
||||||
|
resourceManagement({ projectSn: this.projectSn }).then(res => {
|
||||||
|
console.log( "安全管理getAllTodayDataHdir------------111",res);
|
||||||
|
this.allTotal2 = Number(res.result.constructionDay) + Number(this.safetyPatrolInspection.allTotal)
|
||||||
|
})
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -54,7 +54,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="count1">
|
<div class="count1">
|
||||||
总次数<span>{{ safetyPatrolInspection.allTotalNum }}</span
|
总次数<span>{{ allTotalNum2 }}</span
|
||||||
>次
|
>次
|
||||||
</div>
|
</div>
|
||||||
<div class="count2">
|
<div class="count2">
|
||||||
@ -69,6 +69,8 @@
|
|||||||
import Card from "../components/Card";
|
import Card from "../components/Card";
|
||||||
import JRingChart from "../../common/jChart/pie/JRingChart.vue";
|
import JRingChart from "../../common/jChart/pie/JRingChart.vue";
|
||||||
import { getAllWeekDataHdirApi } from "@/assets/js/api/zhongjianFourth";
|
import { getAllWeekDataHdirApi } from "@/assets/js/api/zhongjianFourth";
|
||||||
|
import { resourceManagement } from '@/assets/js/api/zhongjianFourth'
|
||||||
|
|
||||||
import { mapState } from "vuex";
|
import { mapState } from "vuex";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -83,9 +85,12 @@ export default {
|
|||||||
allNoRectificationRatio: 0,
|
allNoRectificationRatio: 0,
|
||||||
weekTotalNum: 0,
|
weekTotalNum: 0,
|
||||||
},
|
},
|
||||||
|
allTotalNum2: 0,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
this.getList()
|
||||||
|
|
||||||
this.getAllTodayDataHdir();
|
this.getAllTodayDataHdir();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
@ -95,10 +100,18 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
getAllTodayDataHdir() {
|
getAllTodayDataHdir() {
|
||||||
getAllWeekDataHdirApi({ projectSn: this.projectSn }).then((res) => {
|
getAllWeekDataHdirApi({ projectSn: this.projectSn }).then((res) => {
|
||||||
console.log(res, "安全管理getAllTodayDataHdir");
|
|
||||||
this.safetyPatrolInspection = res.result;
|
this.safetyPatrolInspection = res.result;
|
||||||
|
console.log(this.safetyPatrolInspection, "安全管理getAllTodayDataHdir");
|
||||||
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
getList() {
|
||||||
|
resourceManagement({ projectSn: this.projectSn }).then(res => {
|
||||||
|
console.log( "安全管理getAllTodayDataHdir------------111",res);
|
||||||
|
this.allTotalNum2 = parseInt(res.result.constructionDay * 1.2)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -49,7 +49,7 @@
|
|||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="endTime">
|
<div class="endTime">
|
||||||
<div class="todo" style="margin-left:20px;padding-top: 30px;">地下室结构阶段
|
<div class="todo" style="margin-left:20px;padding-top: 30px;">地下室结构施工
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import LeftTop from './leftTop.vue'
|
import LeftTop from './leftTop.vue'
|
||||||
import LeftMiddle from './leftMiddle.vue'
|
import LeftMiddle from './leftMiddle.vue'
|
||||||
// import LeftBottom from './leftBottom.vue'
|
import LeftBottom from './leftBottom.vue'
|
||||||
import CenterTop from './centerTop.vue'
|
import CenterTop from './centerTop.vue'
|
||||||
import CenterBottom from './centerBottom.vue'
|
import CenterBottom from './centerBottom.vue'
|
||||||
import RightTop from './rightTop.vue'
|
import RightTop from './rightTop.vue'
|
||||||
|
|||||||
@ -37,7 +37,7 @@ import {
|
|||||||
selectDayCurrentDataListApi
|
selectDayCurrentDataListApi
|
||||||
} from "@/assets/js/api/markingRoom";
|
} from "@/assets/js/api/markingRoom";
|
||||||
import Card from "../components/Card.vue";
|
import Card from "../components/Card.vue";
|
||||||
import echarts from 'echarts4';;
|
import echarts from 'echarts4';
|
||||||
export default {
|
export default {
|
||||||
components: { Card },
|
components: { Card },
|
||||||
data() {
|
data() {
|
||||||
@ -82,9 +82,6 @@ export default {
|
|||||||
this.humidityList.push(item.humidity)
|
this.humidityList.push(item.humidity)
|
||||||
this.temperatureList.push(item.temperature)
|
this.temperatureList.push(item.temperature)
|
||||||
})
|
})
|
||||||
console.log("图表渲染 humidityList:"+ this.humidityList);
|
|
||||||
console.log("图表渲染 temperatureList:"+ this.temperatureList);
|
|
||||||
|
|
||||||
this.createdEchart1();
|
this.createdEchart1();
|
||||||
this.createdEchart2();
|
this.createdEchart2();
|
||||||
});
|
});
|
||||||
@ -121,7 +118,7 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
axisTick: { show: true },
|
axisTick: { show: true },
|
||||||
data: ["8.00", "10.00", "12.00", "14.00", "16.00"],
|
data: ["8.00", "10.00", "12.00", "14.00"],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
yAxis: [
|
yAxis: [
|
||||||
@ -179,7 +176,7 @@ export default {
|
|||||||
shadowBlur: 100, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
|
shadowBlur: 100, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data: this.humidityList,
|
data: this.temperatureList,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
@ -218,7 +215,7 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
axisTick: { show: true },
|
axisTick: { show: true },
|
||||||
data: ["8.00", "10.00", "12.00", "14.00", "16.00"],
|
data: ["8.00", "10.00", "12.00", "14.00", ],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
yAxis: [
|
yAxis: [
|
||||||
@ -276,7 +273,7 @@ export default {
|
|||||||
shadowBlur: 100, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
|
shadowBlur: 100, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
data: this.temperatureList,
|
data: this.humidityList,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tbody">
|
<div class="tbody">
|
||||||
<vue-scroll style="width: 95%">
|
<vue-scroll style="width: 95%;height:250px">
|
||||||
<div class="row" v-for="(item, index) in tableData" :key="index">
|
<div class="row" v-for="(item, index) in tableData" :key="index">
|
||||||
<div class="td">{{ item.eventType }}</div>
|
<div class="td">{{ item.eventType }}</div>
|
||||||
<div class="td">{{ item.detectionDate }}</div>
|
<div class="td">{{ item.detectionDate }}</div>
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<Card title="数字工地" showRefresh @query="handleQuery" class="mapContent">
|
<Card title="数字工地" showRefresh @query="handleQuery" class="mapContent">
|
||||||
<vue-scroll>
|
<vue-scroll>
|
||||||
<div class="pane mapUrl">
|
<div class="pane mapUrl">
|
||||||
<img :src="imageUrlMap" alt="" class="bgPackImg" ref="bgPackImg" @load="countBoxSize" style="width: 100%; height: 571; position: relative;top:7px">
|
<img :src="imageUrlMap" alt="" class="bgPackImg" ref="bgPackImg" @load="countBoxSize" style="width: 100%; height: 571px; position: relative;top:7px">
|
||||||
<div
|
<div
|
||||||
class="point"
|
class="point"
|
||||||
:class="[`i-video`, { show: tabIndex === 0 || point === tabs[tabIndex].value }]"
|
:class="[`i-video`, { show: tabIndex === 0 || point === tabs[tabIndex].value }]"
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<Card title="主材累计消耗量">
|
<Card title="主材累计消耗量">
|
||||||
<div class="flexOutside">
|
<div class="flexOutside">
|
||||||
<div v-for="(item, index) in coplist" :key="index">
|
<div v-for="(item, index) in list" :key="index">
|
||||||
<div :style="'background-image:url(' + item.url + ')'" class="item">
|
<div :style="'background-image:url(' + item.url + ')'" class="item">
|
||||||
<div>{{ item.name }}</div>
|
<div>{{ item.name }}</div>
|
||||||
<div>{{ item.consumeValue}}</div>
|
<div>{{ item.consumeValue }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -12,57 +12,102 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Card from '../components/Card.vue'
|
import Card from "../components/Card.vue";
|
||||||
import MaterialTable from './components/MaterialTable.vue'
|
import MaterialTable from "./components/MaterialTable.vue";
|
||||||
import {
|
import {
|
||||||
getSumConsumeList,//每个类别所有消耗量列表-主材累计消耗量
|
getSumConsumeList, //每个类别所有消耗量列表-主材累计消耗量
|
||||||
} from "@/assets/js/api/markingRoom";
|
} from "@/assets/js/api/markingRoom";
|
||||||
export default {
|
export default {
|
||||||
components: { Card, MaterialTable },
|
components: { Card, MaterialTable },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
list: [
|
list: [
|
||||||
{ name: '混凝土', consumeValue: '1000m³', url: require('../assets/images/carbon/top1.png') },
|
{
|
||||||
{ name: '钢筋', consumeValue: '500t', url: require('../assets/images/carbon/top2.png') },
|
name: "混凝土",
|
||||||
{ name: '水泥', consumeValue: '100t', url: require('../assets/images/carbon/top3.png') },
|
consumeValue: "1000m³",
|
||||||
{ name: '幕墙', consumeValue: '100㎡', url: require('../assets/images/carbon/top4.png') },
|
url: require("../assets/images/carbon/top1.png"),
|
||||||
{ name: '砂浆', consumeValue: '600m³', url: require('../assets/images/carbon/bottom1.png') },
|
},
|
||||||
{ name: '加砌块', consumeValue: '5000m³', url: require('../assets/images/carbon/bottom2.png') },
|
{
|
||||||
{ name: '瓷砖', consumeValue: '200㎡', url: require('../assets/images/carbon/bottom3.png') },
|
name: "钢筋",
|
||||||
{ name: '钢构', consumeValue: '200t', url: require('../assets/images/carbon/bottom4.png') }
|
consumeValue: "500t",
|
||||||
|
url: require("../assets/images/carbon/top2.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "水泥",
|
||||||
|
consumeValue: "100t",
|
||||||
|
url: require("../assets/images/carbon/top3.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "幕墙",
|
||||||
|
consumeValue: "100㎡",
|
||||||
|
url: require("../assets/images/carbon/top4.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "砂浆",
|
||||||
|
consumeValue: "600m³",
|
||||||
|
url: require("../assets/images/carbon/bottom1.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "加砌块",
|
||||||
|
consumeValue: "5000m³",
|
||||||
|
url: require("../assets/images/carbon/bottom2.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "瓷砖",
|
||||||
|
consumeValue: "200㎡",
|
||||||
|
url: require("../assets/images/carbon/bottom3.png"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "钢构",
|
||||||
|
consumeValue: "200t",
|
||||||
|
url: require("../assets/images/carbon/bottom4.png"),
|
||||||
|
},
|
||||||
],
|
],
|
||||||
sn:'',
|
sn: "",
|
||||||
coplist:[]
|
coplist: [],
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
created(){
|
created() {
|
||||||
this.sn=this.$store.state.projectSn
|
this.sn = this.$store.state.projectSn;
|
||||||
this.getData()
|
this.getData();
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
getData(){
|
getData() {
|
||||||
getSumConsumeList({
|
getSumConsumeList({
|
||||||
projectSn:this.sn
|
projectSn: this.sn,
|
||||||
}).then(res=>{
|
}).then((res) => {
|
||||||
console.log('消耗数据',res);
|
console.log("消耗数据", res);
|
||||||
for(let i = 1; i <= res.result.length; i++) {
|
let data = res.result;
|
||||||
let dat = "";
|
|
||||||
if (this.list[i-1].name == "钢筋" || this.list[i-1].name == "水泥" || this.list[i-1].name == "钢构") {
|
|
||||||
dat = "t"
|
|
||||||
}else if(this.list[i-1].name == "混凝土" || this.list[i-1].name == "砂浆" || this.list[i-1].name == "加砌块") {
|
|
||||||
dat = "m³"
|
|
||||||
}else if(this.list[i-1].name == "幕墙" || this.list[i-1].name == "瓷砖" ) {
|
|
||||||
dat = "㎡"
|
|
||||||
|
|
||||||
}
|
for (let i = 1; i <= res.result.length; i++) {
|
||||||
this.list[i-1].name = res.result[i-1].name
|
let dat = "";
|
||||||
this.list[i-1].consumeValue = res.result[i-1].consumeValue+dat
|
|
||||||
this.coplist.push(this.list[i-1])
|
if (
|
||||||
}
|
res.result[i - 1].name === "钢筋" ||
|
||||||
})
|
res.result[i - 1].name === "水泥" ||
|
||||||
}
|
res.result[i - 1].name === "钢构"
|
||||||
}
|
) {
|
||||||
}
|
dat = "t";
|
||||||
|
} else if (
|
||||||
|
res.result[i - 1].name === "混凝土" ||
|
||||||
|
res.result[i - 1].name === "砂浆" ||
|
||||||
|
res.result[i - 1].name === "加砌块"
|
||||||
|
) {
|
||||||
|
dat = "m³";
|
||||||
|
} else if (
|
||||||
|
res.result[i - 1].name === "幕墙" ||
|
||||||
|
res.result[i - 1].name === "瓷砖"
|
||||||
|
) {
|
||||||
|
dat = "㎡";
|
||||||
|
}
|
||||||
|
this.list[i - 1].name = res.result[i - 1].name;
|
||||||
|
this.list[i - 1].consumeValue = res.result[i - 1].consumeValue + dat;
|
||||||
|
this.coplist.push(this.list[i - 1]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@ -78,12 +123,12 @@ export default {
|
|||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
div:nth-child(1){
|
div:nth-child(1) {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: rgb(91, 183, 222);
|
color: rgb(91, 183, 222);
|
||||||
padding: 18px 64px 0 0;
|
padding: 18px 64px 0 0;
|
||||||
}
|
}
|
||||||
div:nth-child(2){
|
div:nth-child(2) {
|
||||||
font-size: 23px;
|
font-size: 23px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 3px 50px 0 0;
|
margin: 3px 50px 0 0;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user