中建四局-大屏调整

This commit is contained in:
骆乐 2023-01-11 02:18:25 +08:00
parent e2e82c2192
commit 7c9d5a37f7
10 changed files with 130 additions and 63 deletions

View File

@ -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>

View File

@ -49,7 +49,7 @@ export default {
{ {
id: 2, id: 2,
name: "地下室结构施工", name: "地下室结构施工",
Time: "2022-04-11", Time: "2023-04-11",
}, },
{ {
id: 3, id: 3,

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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'

View File

@ -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, //shadowBlurshadowColor,shadowOffsetX/Y, shadowBlur: 100, //shadowBlurshadowColor,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, //shadowBlurshadowColor,shadowOffsetX/Y, shadowBlur: 100, //shadowBlurshadowColor,shadowOffsetX/Y,
}, },
}, },
data: this.temperatureList, data: this.humidityList,
}, },
], ],
}; };

View File

@ -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>

View File

@ -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 }]"

View File

@ -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++) {
let dat = "";
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].name = res.result[i - 1].name;
this.list[i-1].consumeValue = res.result[i-1].consumeValue+dat this.list[i - 1].consumeValue = res.result[i - 1].consumeValue + dat;
this.coplist.push(this.list[i-1]) 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;