中建四局(政企联合):质量检测模块
This commit is contained in:
parent
7c68c20f0e
commit
4d2e6090db
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 |
BIN
src/views/projectAdmin/zjsj/assets/images/common/bgc_other.png
Normal file
BIN
src/views/projectAdmin/zjsj/assets/images/common/bgc_other.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user