修改中建四局(质量管理、资源管理)页面

This commit is contained in:
yjl 2023-02-10 15:08:38 +08:00
parent bf8023aad8
commit 11fff9dd37
8 changed files with 214 additions and 72 deletions

View File

@ -89,9 +89,15 @@
</div> </div>
<div class="endTime"> <div class="endTime">
<span class="grey">状态</span> <span class="grey">状态</span>
<span style="color:orange" v-if="item.status==1">{{ item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟" }}</span> <span style="color: orange" v-if="item.status == 1">{{
<span style="color:green" v-if="item.status==2">{{ item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟" }}</span> item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟"
<span style="color:red" v-if="item.status==3">{{ item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟" }}</span> }}</span>
<span style="color: green" v-if="item.status == 2">{{
item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟"
}}</span>
<span style="color: red" v-if="item.status == 3">{{
item.status == 1 ? "提前" : item.status == 2 ? "正常" : "延迟"
}}</span>
</div> </div>
</div> </div>
</vue-scroll> </vue-scroll>
@ -147,7 +153,6 @@ export default {
...mapState(["projectSn"]), ...mapState(["projectSn"]),
}, },
methods: { methods: {
getData() { getData() {
// //
getProgressTApi({ projectSn: this.$store.state.projectSn }).then( getProgressTApi({ projectSn: this.$store.state.projectSn }).then(
@ -322,7 +327,11 @@ export default {
background-size: 88% 100%; background-size: 88% 100%;
font-size: 16px; font-size: 16px;
.todo { .todo {
width: 330px;
font-size: 24px; font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 20px; margin-bottom: 20px;

View File

@ -1,5 +1,5 @@
<template> <template>
<Card title="分部(子分部)验收"> <Card title="现场验收">
<div class="list"> <div class="list">
<el-date-picker <el-date-picker
@change="credad" @change="credad"
@ -14,7 +14,7 @@
<div class="thead"> <div class="thead">
<div class="row"> <div class="row">
<div class="td">序号</div> <div class="td">序号</div>
<div class="td">分部(子分部)工程</div> <div class="td">验收内容</div>
<div class="td">计划验收时间</div> <div class="td">计划验收时间</div>
<div class="td">实际验收时间</div> <div class="td">实际验收时间</div>
<div class="td">结论</div> <div class="td">结论</div>
@ -22,7 +22,7 @@
</div> </div>
</div> </div>
<div class="thead"> <div class="thead" style="color:#fff">
<vue-scroll style="width: 95%;height:200px"> <vue-scroll style="width: 95%;height:200px">
<div class="row" v-for="(item, index) in list" :key="index"> <div class="row" v-for="(item, index) in list" :key="index">
<div class="td">{{ index + 1 }}</div> <div class="td">{{ index + 1 }}</div>

View File

@ -2,7 +2,6 @@
<Card title="实测实量"> <Card title="实测实量">
<div class="DataTime"> <div class="DataTime">
<el-date-picker <el-date-picker
v-model="time1" v-model="time1"
type="daterange" type="daterange"
range-separator="-" range-separator="-"
@ -16,12 +15,25 @@
<vue-scroll style="width: 100%; height: 250px"> <vue-scroll style="width: 100%; height: 250px">
<div class="list-item" v-for="(item, index) in listData" :key="index"> <div class="list-item" v-for="(item, index) in listData" :key="index">
<div class="imgDiv"> <div class="imgDiv">
<img :src="$store.state.FILEURL+item.imageUrl" alt="" /> <img
:preview="item.imageUrl[0] ? item.imageUrl[0].url : []"
:src="item.imageUrl[0] ? item.imageUrl[0].url : []"
alt=""
width="50px"
/>
<!-- <img :src="$store.state.FILEURL+item.imageUrl" alt="" /> -->
</div> </div>
<div class="textDiv"> <div class="textDiv">
<p style=" margin: -70px 0 0 120px;;font-size:16px">{{ item.title }}</p> <p style="margin: -70px 0 0 120px; font-size: 16px">
<p style="margin-top:10px;font-size:10px">{{item.measuredRealQuantityNumber}}/{{item.qualifiedNumber}}</p> {{ item.title }}
<el-progress :percentage="item.qualifiedRatio" style="width:260px;margin-left:120px"></el-progress> </p>
<p style="margin-top: 10px; font-size: 10px;margin-left:120px">
{{ item.measuredRealQuantityNumber }}/{{ item.qualifiedNumber }}
</p>
<el-progress
:percentage="item.qualifiedRatio"
style="width: 260px; margin-left: 120px"
></el-progress>
</div> </div>
<div class="dateDiv"> <div class="dateDiv">
{{ item.surveyingDate }} {{ item.surveyingDate }}
@ -35,15 +47,12 @@
<p>{{ $t("message.dataBoard.nodata") }}</p> <p>{{ $t("message.dataBoard.nodata") }}</p>
</div> </div>
</div> </div>
</Card> </Card>
</template> </template>
<script> <script>
import Card from "../components/Card.vue"; import Card from "../components/Card.vue";
import { getLimitOrderBySurveyingDateApi import { getLimitOrderBySurveyingDateApi } from "@/assets/js/api/zhongjianFourth";
} from "@/assets/js/api/zhongjianFourth";
export default { export default {
data() { data() {
@ -121,25 +130,44 @@ export default {
// // date:' 2022-12-20' // // date:' 2022-12-20'
// // }, // // },
// ], // ],
sn:'', sn: "",
listData: [], listData: [],
time1:'', time1: "",
}; };
}, },
created() { created() {
this.sn=this.$store.state.projectSn this.sn = this.$store.state.projectSn;
this.getData() this.getData();
}, },
methods: { methods: {
// //
getData() { getData() {
getLimitOrderBySurveyingDateApi({ getLimitOrderBySurveyingDateApi({
projectSn:this.sn projectSn: this.sn,
}).then(res=>{ }).then((res) => {
console.log('实测实量',res); console.log("实测实量", res);
this.listData=res.result this.listData = res.result;
}) res.result.map((item) => {
if (item.imageUrl.includes("[")) {
item.imageUrl = JSON.parse(item.imageUrl);
console.log("亮点展示 ====");
if (
item.imageUrl.length !== 0 &&
!item.imageUrl[0].url.includes(this.$store.state.FILEURL)
) {
item.imageUrl[0].url =
this.$store.state.FILEURL + item.imageUrl[0].url;
}
} else {
let url = item.imageUrl;
if (url.length !== 0 && !url.includes(this.$store.state.FILEURL)) {
item.imageUrl = [{}];
item.imageUrl[0].url = this.$store.state.FILEURL + url;
}
}
});
});
}, },
}, },
components: { components: {
@ -166,7 +194,7 @@ getData(){
margin-top: 10px; margin-top: 10px;
.dateDiv { .dateDiv {
margin-left: 300px; margin-left: 300px;
margin-top: -68px; margin-top: -80px;
font-size: 10px; font-size: 10px;
} }
.imgDiv { .imgDiv {
@ -188,7 +216,7 @@ getData(){
.dataImg { .dataImg {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: -120% 0px 0px 40%;; margin: -120% 0px 0px 40%;
p { p {
margin: 6px 0 0 13px; margin: 6px 0 0 13px;
} }
@ -238,5 +266,4 @@ getData(){
::v-deep .el-progress-bar__inner { ::v-deep .el-progress-bar__inner {
background-color: #5ce2f6; background-color: #5ce2f6;
} }
</style> </style>

View File

@ -19,7 +19,7 @@
<div class="row"> <div class="row">
<div class="td">事件类型</div> <div class="td">事件类型</div>
<div class="td" style="margin-left: 5px">检测时间</div> <div class="td" style="margin-left: 5px">检测时间</div>
<div class="td">检测结果</div> <div class="td" style="margin-left: 20px">检测结果</div>
</div> </div>
</div> </div>
<div class="tbody"> <div class="tbody">
@ -141,7 +141,7 @@ getLimitList(){
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
margin: 20px 0 0 0; margin: 20px 0 0 7px;
} }
img { img {

View File

@ -114,6 +114,46 @@ export default {
}, },
], ],
tableData: [ tableData: [
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 10.262,
},
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 22.774,
},
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 12.862,
},
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 10.31,
},
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 10.604,
},
{
nameType: "西林 HRB400E 螺纹钢",
dateTime: "2023-02-07",
mobilization: 32.78,
},
{
nameType: "西林 HRB400E 螺纹钢",
dateTime: "2023-02-03",
mobilization: 31.21,
},
{
nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-02-03",
mobilization: 32.958,
},
{ {
nameType: "韶钢 HRB400E 螺纹钢", nameType: "韶钢 HRB400E 螺纹钢",
dateTime: "2023-01-10", dateTime: "2023-01-10",
@ -224,6 +264,62 @@ export default {
isShow:false, isShow:false,
tableDataTest: {}, tableDataTest: {},
tableDataShow:[ tableDataShow:[
{
showTime:'2023-02-07',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:10.262,
showLicensePlate:'粤F07667',
},
{
showTime:'2023-02-07',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:22.774,
showLicensePlate:'粤F07667',
},
{
showTime:'2023-02-07',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:12.862,
showLicensePlate:'粤F20148',
},
{
showTime:'2023-02-07',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:10.31,
showLicensePlate:'粤F20148',
},
{
showTime:'2023-02-07',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:10.604,
showLicensePlate:'粤F20148',
},
{
showTime:'2023-02-07',
showType:'西林 HRB400E 螺纹钢',
showManufactor:'建龙西林钢铁有限公司',
showVolume:32.78,
showLicensePlate:'粤ADY795',
},
{
showTime:'2023-02-03',
showType:'西林 HRB400E 螺纹钢',
showManufactor:'建龙西林钢铁有限公司',
showVolume:31.21,
showLicensePlate:'粤ACQ953',
},
{
showTime:'2023-02-03',
showType:'韶钢 HRB400E 螺纹钢',
showManufactor:'广东韶钢松山股份有限公司',
showVolume:32.958,
showLicensePlate:'粤F69281',
},
{ {
showTime:'2023-01-10', showTime:'2023-01-10',
showType:'韶钢 HRB400E 螺纹钢', showType:'韶钢 HRB400E 螺纹钢',
@ -429,7 +525,7 @@ export default {
// margin-top: -4%; // margin-top: -4%;
height: 108%; height: 108%;
color: #fff; color: #fff;
margin-left: 15px; margin-left: 35px;
margin-top: 20px; margin-top: 20px;
.thead { .thead {
color: #6ae3eb; color: #6ae3eb;

View File

@ -4,7 +4,7 @@
<div v-for="(item, index) in list" :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 class="consumeStyle">{{ item.consumeValue }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -116,6 +116,9 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-evenly;
} }
.consumeStyle:nth-child(2){
margin-left: 20px;
}
.item { .item {
width: 280px; width: 280px;
height: 85px; height: 85px;

View File

@ -2,7 +2,8 @@
<div class="aiAnlysis"> <div class="aiAnlysis">
<closePage></closePage> <closePage></closePage>
<div class="title_wrap flex3"> <div class="title_wrap flex3">
<div class="title_l">{{time}}</div> <span>{{ date }}</span>
<span class="styleText">{{time}}</span>
<div class="title_c">{{$store.state.currentProDetail.projectName}} - {{$t('message.aiAnalysis.analyze')}}</div> <div class="title_c">{{$store.state.currentProDetail.projectName}} - {{$t('message.aiAnalysis.analyze')}}</div>
<div class="flex3 title_r"> <div class="flex3 title_r">
<div style="text-align: center;"> <div style="text-align: center;">
@ -290,6 +291,7 @@ export default {
projectDetail:{}, projectDetail:{},
weatherInfo:{}, weatherInfo:{},
time:'', time:'',
date:'',
}; };
}, },
mounted() { mounted() {
@ -300,10 +302,10 @@ export default {
methods: { methods: {
getTime() { getTime() {
var myDate = new Date(); // var myDate = new Date(); //
this.time=myDate.getFullYear(); // this.date = myDate.getFullYear(); //
this.time+='-'+myDate.getMonth()+1; //01 this.date += '-' + (myDate.getMonth() + 1); //01
this.time+='-'+myDate.getDate(); // this.date += '-' + myDate.getDate(); //
this.time+=' '+myDate.getHours(); // this.time = ' ' + myDate.getHours(); //
this.time += ':' + myDate.getMinutes(); // this.time += ':' + myDate.getMinutes(); //
this.time += ':' + myDate.getSeconds(); // this.time += ':' + myDate.getSeconds(); //
@ -488,8 +490,8 @@ export default {
.title_c { .title_c {
font-size: 28px; font-size: 28px;
font-weight: 600; font-weight: 600;
// margin-right: -7.5%; margin-bottom: -30px;
margin-bottom: -10px; margin-left: 285px;
} }
.title_r{ .title_r{
width: 20%; width: 20%;
@ -668,6 +670,7 @@ export default {
} }
} }
// .showBg { // .showBg {
// background: #0c1f3f; // background: #0c1f3f;
// } // }
@ -757,6 +760,10 @@ export default {
} }
} }
} }
.styleText{
position: absolute;
margin-left: 80px;
}
/deep/ .el-carousel__container { /deep/ .el-carousel__container {
height: 100%; height: 100%;
} }

View File

@ -85,9 +85,9 @@
<el-form-item label="检测时间" prop="detectionDate"> <el-form-item label="检测时间" prop="detectionDate">
<el-date-picker <el-date-picker
v-model="dialogdata.detectionDate" v-model="dialogdata.detectionDate"
type="datetime" type="date"
placeholder="选择日期" placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd"
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>