中建四局(政企联合):质量检测模块

This commit is contained in:
骆乐 2022-08-29 18:37:41 +08:00
parent 7c68c20f0e
commit 4d2e6090db
7 changed files with 185 additions and 11 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -16,7 +16,7 @@ var PROJECT = {
}
var PROJECT_TYPE = PROJECT.local_test
var PROJECT_TYPE = PROJECT.online_hq
var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs

View File

@ -15,7 +15,7 @@
<div style="margin-left:10px">
<p>{{ $store.state.userInfo.companyName }}</p>
<!-- 横琴和鹤洲不需要客服电话-->
<p v-if="projectType != 'hengqin'">客服电话{{$store.state.userInfo.customerServicePhone}}</p>
<!-- <p v-if="projectType != 'hengqin'">客服电话{{$store.state.userInfo.customerServicePhone}}</p> -->
<p
v-if="projectType == 'hengqin' && $store.state.currentProDetail != null "
>入场码{{$store.state.currentProDetail.placeCode}}</p>

View File

@ -45,8 +45,8 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
// UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
// FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */
// tag: 部署河南项目时,需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image',
@ -56,8 +56,8 @@ export default new Vuex.Store({
// UPLOADURL: 'http://192.168.34.125:6023/upload/image',
// FILEURL: 'http://192.168.34.125:6023/image/',
// 邱平毅的
UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL: 'http://192.168.34.216:6023/upload/image',
// FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -1,14 +1,188 @@
<template>
<Card title="质量检测">
质量检测
<div class="contentBox">
<div class="topBox">
<div class="top">
<div class="left">
<div class="point"></div>
<span class="mintit">监测报告统计</span>
<div class="rowInfo">
<span>总分数</span>
<span>10252</span>
<span>合格</span>
<span style="color:#6ee4f0;">9243</span>
</div>
<div class="rowInfo2">
<span>其他</span>
<span>252</span>
<span></span>
<span></span>
</div>
</div>
<div class="right">
<div class="row">
<p>99.89%</p>
<p>合格率</p>
</div>
</div>
</div>
</div>
<div class="titleRow">
<span>建材类型</span>
<span>检测报告数</span>
<span>合格数</span>
<span>合格率</span>
</div>
<div class="contentBtn">
<template>
<el-table :data="tableData" :show-header="false" style="width: 100%">
<el-table-column prop="date" label="建材类型" width="150"></el-table-column>
<el-table-column prop="name" label="检测报告数" width="120"></el-table-column>
<el-table-column prop="address" label="合格数"></el-table-column>
<el-table-column prop="rale" style="color:red" label="合格率"></el-table-column>
</el-table>
</template>
</div>
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import Card from "../components/Card.vue";
export default {
components: { Card }
}
components: { Card },
data() {
return {
tableData: [
{
date: "混泥土抗压试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "钢筋原材试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "混泥土抗渗试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "混泥土抗压试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "混泥土抗压试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "钢筋原材试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "混泥土抗渗试验",
name: "6430",
address: "5934",
rale: "99.88%"
},
{
date: "混泥土抗压试验",
name: "6430",
address: "5934",
rale: "99.88%"
}
]
};
}
};
</script>
<style></style>
<style lang="less" scoped>
.contentBox {
color: white;
margin-top: 2%;
margin-left: 1%;
.topBox {
.point {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #dddfe2;
display: inline-block;
margin-right: 2%;
}
.mintit {
font-size: 20px;
color: #dddfe2;
}
.top {
display: flex;
margin-top: 4%;
height: 30%;
.left {
width: 70%;
.rowInfo,
.rowInfo2 {
display: flex;
margin-top: 3%;
height: 30px;
line-height: 30px;
color: #c4c7cc;
background-image: url(../assets/images/common/bg-intro.png);
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: 3%;
span {
flex: 1;
margin-left: 8%;
}
}
.rowInfo2 {
background-image: url(../assets/images/common/bgc_other.png);
}
}
.right {
width: 25%;
background-image: url(../assets/images/common/bgc_bluechart.png);
background-size: 100%;
.row {
font-size: 12px;
color: #c4c7cc;
margin-left: 32%;
margin-top: 38%;
}
}
}
}
.titleRow{
margin-top: 5%;
color: #5ec2c8;
display: flex;
span{
flex: 1;
margin-left: 5%;
}
}
.contentBtn {
margin-top: 1%;
color: white;
}
}
::v-deep .el-table {
color: #7f8691;
}
::v-deep .el-table__row .el-table th.is-leaf, .el-table td{
}
</style>