中建四局(政企联合):页面更改
This commit is contained in:
骆乐
parent
b23942ac1a
commit
9e83537290
@ -18,7 +18,7 @@ var PROJECT = {
|
||||
}
|
||||
|
||||
|
||||
var PROJECT_TYPE = PROJECT.local_test
|
||||
var PROJECT_TYPE = PROJECT.online_zjsj
|
||||
|
||||
var headerShow = true; // 是否显示头部
|
||||
var tabsShow = true; // 是否显示tabs
|
||||
|
||||
@ -40,18 +40,17 @@ if (process.env.NODE_ENV == 'development') {
|
||||
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
|
||||
// tag: 本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
|
||||
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.216:6024/'
|
||||
// axios.defaults.baseURL = 'http://139.9.66.234:6324/' // 河南春笋
|
||||
// axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
|
||||
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
|
||||
// axios.defaults.baseURL ='http://47.97.202.104:6023/' //金林湾线上
|
||||
// axios.defaults.baseURL = 'http://192.168.34.216:18070/' // 邱平毅本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
|
||||
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
|
||||
// axios.defaults.baseURL = 'http://139.9.66.234:8/';
|
||||
// axios.defaults.baseURL = 'http://120.196.217.6:7000/'; // 鹤洲
|
||||
axios.defaults.baseURL = 'http://182.90.224.237:7000/'; // 广西
|
||||
// axios.defaults.baseURL = 'http://182.90.224.237:7000/'; // 广西
|
||||
// axios.defaults.baseURL = 'http://120.196.217.6:7000/' //鹤洲
|
||||
|
||||
// axios.defaults.baseURL = 'http://117.156.17.59:9090/'; //
|
||||
|
||||
@ -44,13 +44,13 @@ export default {
|
||||
display: flex;
|
||||
.td {
|
||||
color: #fff;
|
||||
opacity: 0.5;
|
||||
// opacity: 0.5;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
#tr{
|
||||
color: #66D4D9 ;
|
||||
opacity: 0.5;
|
||||
// opacity: 0.5;
|
||||
}
|
||||
&:nth-child(1) {
|
||||
font-size: 14px;
|
||||
|
||||
@ -57,7 +57,7 @@ export default {
|
||||
windSpeed: {
|
||||
label: '风速',
|
||||
value: 60,
|
||||
unit: 'km/h',
|
||||
unit: 'm/s',
|
||||
image: require('../assets/images/command-center/icon-windSpeed.png'),
|
||||
color: '#f66629',
|
||||
valueBackgroundImage: require('../assets/images/command-center/block3.png')
|
||||
|
||||
@ -7,11 +7,11 @@
|
||||
<div class="contentBox">
|
||||
<p>
|
||||
<span>是否发现问题</span>
|
||||
<a style="color:#55aeb7">{{item.question == 1 ? '是' : '否' }}</a>
|
||||
<a>{{item.question == 1 ? '是' : '否' }}</a>
|
||||
</p>
|
||||
<p>
|
||||
<span>巡检单位</span>
|
||||
<a style="color:#bc5935">{{item.utils}}</a>
|
||||
<a>{{item.utils}}</a>
|
||||
</p>
|
||||
<p>
|
||||
<span>监督员</span>
|
||||
@ -19,15 +19,15 @@
|
||||
</p>
|
||||
<p>
|
||||
<span>抽查类型</span>
|
||||
<a style="color:#c4c7cc">{{item.type}}</a>
|
||||
<a>{{item.type}}</a>
|
||||
</p>
|
||||
<p>
|
||||
<span>检查部位</span>
|
||||
<a style="color:#c4c7cc">{{item.position}}</a>
|
||||
<a>{{item.position}}</a>
|
||||
</p>
|
||||
<p>
|
||||
<span>是否下发整改</span>
|
||||
<a style="color:#c4c7cc">{{item.change}}</a>
|
||||
<a>{{item.change}}</a>
|
||||
</p>
|
||||
</div>
|
||||
</el-timeline-item>
|
||||
@ -45,7 +45,7 @@ export default {
|
||||
contentList: [
|
||||
{
|
||||
time: "2022-06-14",
|
||||
question: 1,
|
||||
question: 2,
|
||||
utils: "中国建筑第四工程局有限公司",
|
||||
safe: "张三、李四",
|
||||
type: "安全",
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
},
|
||||
{
|
||||
time: "2022-07-28",
|
||||
question: 1,
|
||||
question: 2,
|
||||
utils: "中国建筑第四工程局有限公司",
|
||||
safe: "张三、李四",
|
||||
type: "安全",
|
||||
@ -63,7 +63,7 @@ export default {
|
||||
},
|
||||
{
|
||||
time: "2022-08-11",
|
||||
question: 1,
|
||||
question: 2,
|
||||
utils: "中国建筑第四工程局有限公司",
|
||||
safe: "张三、李四",
|
||||
type: "安全",
|
||||
@ -72,7 +72,7 @@ export default {
|
||||
},
|
||||
{
|
||||
time: "2022-08-14",
|
||||
question: 1,
|
||||
question: 2,
|
||||
utils: "中国建筑第四工程局有限公司",
|
||||
safe: "张三、李四",
|
||||
type: "安全",
|
||||
@ -81,7 +81,7 @@ export default {
|
||||
},
|
||||
{
|
||||
time: "2022-08-14",
|
||||
question: 1,
|
||||
question: 2,
|
||||
utils: "中国建筑第四工程局有限公司",
|
||||
safe: "张三、李四",
|
||||
type: "安全",
|
||||
@ -116,7 +116,7 @@ export default {
|
||||
.timeline {
|
||||
box-sizing: border-box;
|
||||
padding-top: 3%;
|
||||
height: 100%;
|
||||
height: 97%;
|
||||
width: 97%;
|
||||
overflow: auto;
|
||||
|
||||
@ -124,15 +124,15 @@ export default {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin-right: 5px;
|
||||
background-color: #e2e4e6;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
.mintit{
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
color: #c4c7cc;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
.contentBox {
|
||||
// background-color: rosybrown;
|
||||
@ -148,8 +148,8 @@ export default {
|
||||
}
|
||||
}
|
||||
::v-deep .el-timeline {
|
||||
margin: 5px !important;
|
||||
font-size: 16px;
|
||||
margin: 8px !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
::v-deep .el-timeline-item__tail {
|
||||
position: absolute;
|
||||
@ -158,7 +158,7 @@ export default {
|
||||
border-left: 3px solid #274b5f;
|
||||
}
|
||||
::v-deep .el-timeline-item__content {
|
||||
color: #888e98;
|
||||
color: #fff;
|
||||
}
|
||||
::v-deep .el-timeline {
|
||||
margin: 3px;
|
||||
@ -170,4 +170,7 @@ export default {
|
||||
::v-deep .el-timeline-item__node{
|
||||
box-shadow: 0px 0px 6px 2px #bddade;
|
||||
}
|
||||
::v-deep .el-timeline-item__timestamp{
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="top">
|
||||
<div class="left">
|
||||
<div class="point"></div>
|
||||
<span class="mintit">监测报告统计</span>
|
||||
<span class="mintit">检测报告统计</span>
|
||||
<div class="rowInfo">
|
||||
<span>总分数</span>
|
||||
<span>252份</span>
|
||||
@ -36,7 +36,12 @@
|
||||
<div class="contentBtn">
|
||||
<template>
|
||||
<el-table :data="tableData" :show-header="false" style="width: 100%;font-size:16px;">
|
||||
<el-table-column prop="date" label="建材类型" width="155"></el-table-column>
|
||||
<el-table-column prop="date" label="建材类型" width="155">
|
||||
<template slot-scope="scope">
|
||||
<span class="raleNum"
|
||||
>{{ scope.row.date }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="检测报告数" width="110">
|
||||
<template slot-scope="scope">
|
||||
<span class="raleNum"
|
||||
@ -149,7 +154,7 @@ export default {
|
||||
|
||||
<style lang="less" scoped>
|
||||
.contentBox {
|
||||
color: white;
|
||||
color: #fff;
|
||||
margin-top: 2%;
|
||||
margin-left: 1%;
|
||||
width: 100%;
|
||||
@ -160,13 +165,12 @@ export default {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #dddfe2;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.mintit {
|
||||
font-size: 20px;
|
||||
color: #dddfe2;
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
@ -180,7 +184,6 @@ export default {
|
||||
margin-top: 3%;
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
color: #c4c7cc;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-size: 120%;
|
||||
background-repeat: no-repeat;
|
||||
@ -201,7 +204,6 @@ export default {
|
||||
background-repeat: no-repeat;
|
||||
.row {
|
||||
font-size: 12px;
|
||||
color: #c4c7cc;
|
||||
margin-left: 38%;
|
||||
margin-top: 39%;
|
||||
}
|
||||
|
||||
@ -78,11 +78,11 @@ export default {
|
||||
xAxis: {
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
data: ["2022-1", "2022-3", "2022-6", "2022-8"],
|
||||
data: ["2022-1", "2022-3", "2022-6", "2022-7","2022-8"],
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#9ea3ab"
|
||||
color: "#fff"
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -99,13 +99,13 @@ export default {
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#9ea3ab"
|
||||
color: "#fff"
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: [4500, 5100, 2000, 6200],
|
||||
data: [1200,6200,1200,6200,1200],
|
||||
type: "line",
|
||||
smooth: true,
|
||||
color: "#f56c35"
|
||||
|
||||
@ -35,10 +35,10 @@ export default {
|
||||
width: 24%;
|
||||
height: 100%;
|
||||
.top {
|
||||
height: 33%;
|
||||
height: 30%;
|
||||
}
|
||||
.middle {
|
||||
height: 47%;
|
||||
height: 50%;
|
||||
}
|
||||
.bottom {
|
||||
height: 20%;
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="contentBtn">
|
||||
<p class="num2">5649</p>
|
||||
<p class="text">核酸人数</p>
|
||||
<p class="text">做核酸人数</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentbut">
|
||||
@ -70,7 +70,7 @@ export default {
|
||||
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
color: #a4a9b0;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@ -79,7 +79,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #a4a9b0;
|
||||
color: #fff;
|
||||
.lw,
|
||||
.cq,
|
||||
.tc {
|
||||
|
||||
@ -26,13 +26,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="rowInfo">
|
||||
<span>
|
||||
<span class="leftlogo">
|
||||
下发整改通知书
|
||||
<span style="font-size:20px;color:#e1e2e4">36</span> 份
|
||||
</span>
|
||||
<span>
|
||||
<img class="image" src="../assets/images/common/icon_jt.png" />
|
||||
</span>
|
||||
<!-- <span class="leftlogo"> -->
|
||||
<!-- </span> -->
|
||||
<div class="leftnum">
|
||||
<span>
|
||||
已整改
|
||||
<span style="font-size:20px;color:#66d4d9">18</span>
|
||||
@ -42,7 +42,11 @@
|
||||
<span style="font-size:20px;color:#f89872">18</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mintit">
|
||||
<span class="blueline">巡查记录</span>
|
||||
<span>问题分析</span>
|
||||
</div>
|
||||
<div class="echarts">
|
||||
<div class="checkChart" ref="checkChart"></div>
|
||||
<div class="right">
|
||||
@ -86,13 +90,13 @@ export default {
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#9ea3ab"
|
||||
color: "#fff"
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
splitNumber: 4,
|
||||
splitNumber: 3,
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
@ -103,7 +107,7 @@ export default {
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#9ea3ab"
|
||||
color: "#fff"
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -116,13 +120,13 @@ export default {
|
||||
color: "#f56c35",
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||||
{ offset: 0, color: "rgba(213, 97, 52,0.5)" },
|
||||
{ offset: 1, color: "rgba(213, 97, 52,0.3)" }
|
||||
{ offset: 0, color: "rgba(213, 97, 52,0.3)" },
|
||||
{ offset: 1, color: "rgba(213, 97, 52,0.1)" }
|
||||
])
|
||||
}
|
||||
},
|
||||
{
|
||||
data: [0.5, 2.5, 1.8, 1.2],
|
||||
data: [0.5, 2.0, 1.4, 1.2],
|
||||
type: "line",
|
||||
smooth: true,
|
||||
showSymbol: false,
|
||||
@ -148,7 +152,7 @@ export default {
|
||||
height: 100%;
|
||||
margin-top: 2%;
|
||||
margin-left: 10px;
|
||||
color: #bec1c7;
|
||||
color: #fff;
|
||||
.person {
|
||||
span {
|
||||
margin: 5px 5px 10px 0px;
|
||||
@ -183,7 +187,7 @@ export default {
|
||||
}
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
color: #a4a9b0;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@ -195,8 +199,9 @@ export default {
|
||||
}
|
||||
}
|
||||
.rowInfo {
|
||||
color: #69717d;
|
||||
color: #fff;
|
||||
margin-top: 3%;
|
||||
position: relative;
|
||||
span {
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
@ -204,7 +209,40 @@ export default {
|
||||
height: 25px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.leftlogo::after{
|
||||
position: absolute;
|
||||
content: url(../assets/images/common/icon_jt.png);
|
||||
top: 10%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
left: 44%;
|
||||
}
|
||||
.leftnum{
|
||||
display: inline-block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
.mintit{
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
padding-left: 20px;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
span{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.blueline::after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 30px;
|
||||
height: 2px;
|
||||
border-radius: 10%;
|
||||
background-color: #5CE2F6;
|
||||
top: 88%;
|
||||
left: 13%;
|
||||
}
|
||||
}
|
||||
|
||||
.echarts {
|
||||
width: 100%;
|
||||
height: 55%;
|
||||
@ -229,7 +267,7 @@ export default {
|
||||
}
|
||||
|
||||
.num{
|
||||
color: #d2a104;
|
||||
color: #fff;
|
||||
margin: 5px 0px 30px 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,27 +2,27 @@
|
||||
<Card title="基本信息">
|
||||
<div class="contentBox">
|
||||
<p class="row">
|
||||
<span>项目位置</span>
|
||||
<span>项目位置:</span>
|
||||
<a>{{list.projectAddress}}</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>用地面积</span>
|
||||
<span>用地面积:</span>
|
||||
<a>{{list.projectAcreage}}㎡</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>建设单位</span>
|
||||
<span>建设单位:</span>
|
||||
<a>{{list.constructionUnit}}</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>设计单位</span>
|
||||
<span>设计单位:</span>
|
||||
<a>{{list.designUnit}}</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>勘察单位</span>
|
||||
<span>勘察单位:</span>
|
||||
<a>{{list.exploreUnit}}</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>监理单位</span>
|
||||
<span>监理单位:</span>
|
||||
<a>{{list.supervisorUnit}}</a>
|
||||
</p>
|
||||
</div>
|
||||
@ -37,25 +37,25 @@ export default {
|
||||
data(){
|
||||
return{
|
||||
list:{
|
||||
projectAddress:'',
|
||||
projectAcreage:'',
|
||||
constructionUnit:"",
|
||||
designUnit:"",
|
||||
exploreUnit:"",
|
||||
supervisorUnit:"",
|
||||
projectAddress:'建宁路与热河交叉路口',
|
||||
projectAcreage:'112768.21㎡',
|
||||
constructionUnit:"中建四局发展(广州天河)有限公司",
|
||||
designUnit:"中国建筑第四工程局有限公司",
|
||||
exploreUnit:"贵州中建建筑科研设计院有限公司",
|
||||
supervisorUnit:"广州宏元建设工程咨询有限公司",
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getData();
|
||||
// this.getData();
|
||||
},
|
||||
methods:{
|
||||
getData(){
|
||||
listProjectInfo({projectSn: this.$store.state.projectSn}).then((res)=>{
|
||||
console.log('========',res)
|
||||
this.list = res.result
|
||||
})
|
||||
}
|
||||
// getData(){
|
||||
// listProjectInfo({projectSn: this.$store.state.projectSn}).then((res)=>{
|
||||
// console.log('========',res)
|
||||
// this.list = res.result
|
||||
// })
|
||||
// }
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -65,47 +65,21 @@ export default {
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
overflow: auto;
|
||||
margin-top: 3%;
|
||||
margin-left: 2%;
|
||||
margin-top: 1%;
|
||||
.row {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-content: left;
|
||||
margin-top: 3px;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
span {
|
||||
margin-left: 10%;
|
||||
color: white;
|
||||
width: 25%;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
}
|
||||
a {
|
||||
color: #c4c7cc;
|
||||
}
|
||||
}
|
||||
.row:active,
|
||||
.row:hover {
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
background-image: url(../assets/images/common/bg-ihover.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
a {
|
||||
color: #bc5935;
|
||||
}
|
||||
span::before {
|
||||
content: "";
|
||||
top: 30%;
|
||||
left: -30%;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-left: 8px solid white;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user