| | |
| | | padding: 0 40px; |
| | | align-content: center; |
| | | } |
| | | .ilblock span{ |
| | | .ilblock>span{ |
| | | display: block; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | |
| | | <!-- 表格样式 --> |
| | | .el-table, .el-table__expanded-cell { |
| | | background-color: transparent; |
| | | color: #4D4D4D; |
| | | font-size: 13px; |
| | | } |
| | | |
| | | .el-table th, |
| | | .el-table tr, |
| | | .el-table td { |
| | | background-color: transparent; |
| | | border: 0px; |
| | | color: #4D4D4D; |
| | | font-size: 13px; |
| | | font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal; |
| | | font-weight: Normal; |
| | | } |
| | | .el-table::before { |
| | | height: 0px; |
| | | } |
| | | .el-table__body tr, |
| | | .el-table__body td { |
| | | padding: 0; |
| | | height: 22px; |
| | | } |
| | | .el-table__row.warning-row { |
| | | background:rgb(252,212,165); |
| | | } |
| | | .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | background-color: rgb(252,212,165); |
| | | } |
| | | .el-table__body-wrapper::-webkit-scrollbar { |
| | | width: 10px; |
| | | opacity: 0.5; |
| | | } |
| | | .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | border-radius: 15px; |
| | | background-color:rgb(252,212,165); |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | |
| | | </div> |
| | | |
| | | <div style="flex:6;" class="ilblock"> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 协调中 |
| | | <span style="float: right"> |
| | | {{indexDataCount.projectStatus0}} |
| | | </span> |
| | | <span style="float: right">{{indexDataCount.projectStatus0}}</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #f56c6c">--> |
| | | |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 待开工 |
| | | <span style="float: right">{{indexDataCount.projectStatus1}}</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #e6a23c">--> |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 进行中 |
| | | <span style="float: right">{{indexDataCount.projectStatus2}}</span> |
| | | <!-- <li class="el-icon-caret-top" style="color: #409eff">--> |
| | |
| | | </div> |
| | | |
| | | <div style="flex:6;" class="ilblock"> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 总进尺 <span style="float: right">{{indexDataCount.footageCount}}m</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #f56c6c">--> |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 已完成 <span style="float: right">{{indexDataCount.footageCplCount}}m</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #409eff">--> |
| | | </span> |
| | |
| | | <div> |
| | | |
| | | </div> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 已安装 <span style="float: right">0</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #f56c6c">--> |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 未安装 <span style="float: right">68</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #409eff">--> |
| | | </span> |
| | |
| | | </div> |
| | | |
| | | <div style="flex:6;" class="ilblock"> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 施工资料 <span style="float: right">0</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #f56c6c">--> |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 安全资料 <span style="float: right">0</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #409eff">--> |
| | | </span> |
| | | <span style="color:rgba(0,0,0,.65);font-size: 15px;"> |
| | | <span style="color:rgba(0,0,0,.87);font-size: 15px;"> |
| | | 质量资料 <span style="float: right">0</span> |
| | | <!-- <li class="el-icon-caret-bottom" style="color: #409eff">--> |
| | | </span> |
| | |
| | | <el-row> |
| | | <el-col :span="16"> |
| | | <el-card class="box-card"> |
| | | <div style="height: 200px;"> |
| | | <div style="height: 200px;width: 100%;"> |
| | | <h3>材料统计</h3> |
| | | <el-col :span="10" style="height: 200px;"> |
| | | <template> |
| | | <el-table :data="tubLogs" border size="small" style="width: 100%" |
| | | :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}" |
| | | :row-class-name="tableRowClassName"> |
| | | <!-- <el-table-column prop="code" label="序号"></el-table-column>--> |
| | | <el-table-column prop="tubName" label="名称"></el-table-column> |
| | | <el-table-column prop="inboundNumber" label="入库数量"></el-table-column> |
| | | <el-table-column prop="outboundNumber" label="出库数量"></el-table-column> |
| | | <el-table-column prop="unit" label="单位"></el-table-column> |
| | | |
| | | </el-table> |
| | | </template> |
| | | </el-col> |
| | | <el-col :span="14" style="height: 200px;"> |
| | | </el-col> |
| | | </div> |
| | | </el-card> |
| | | |
| | |
| | | totalProcess(); |
| | | stationProcess(); |
| | | indexCount(); |
| | | tubLogs(); |
| | | }) |
| | | //场地和地图点击联动 |
| | | function viewStation(station) { |
| | | var lng = station.lng; |
| | | var lat = station.lat; |
| | | map.centerAndZoom(new T.LngLat(lng, lat), 13); |
| | | // $.modal.openTab("场地导航",ctx+"/geo/project/navigate?ids="+id); |
| | | } |
| | | |
| | | function tubLogs() { |
| | | let url = ctx + "/system/tubLogData"; |
| | | $.ajaxSettings.async = false; |
| | | $.get(url,{},function(res){ |
| | | vm.tubLogs = res.tubLogs; |
| | | }) |
| | | $.ajaxSettings.async = false; |
| | | console.log(vm.tubLogs); |
| | | } |
| | | |
| | | //首页第一行个数统计 |
| | | function indexCount() { |
| | | let url = ctx + "/system/indexDataCount"; |
| | | $.ajaxSettings.async = false; |
| | |
| | | vm.indexDataCount = res.data; |
| | | }) |
| | | $.ajaxSettings.async = false; |
| | | } |
| | | |
| | | } |
| | | //场地进度 |
| | | function stationProcess() { |
| | | let url = ctx + "/system/projectProcess"; |
| | | $.ajaxSettings.async = false; |
| | |
| | | return { |
| | | stationProcessData: [], |
| | | indexDataCount :"", |
| | | tubLogs:[], |
| | | }; |
| | | }, |
| | | methods: { |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if (rowIndex % 2 == 0) { |
| | | return ""; |
| | | } else { |
| | | return "warning-row"; |
| | | } |
| | | }, |
| | | } |
| | | }); |
| | | // 加载地图 |
| | |
| | | $.get(url,{},function(res){ |
| | | pointerData = res.pointerData; |
| | | pointerData = (pointerData*100).toFixed(0); |
| | | }) |
| | | }); |
| | | |
| | | $.ajaxSettings.async = false; |
| | | var option = { |
| | | backgroundColor: "#fff", |