| | |
| | | <el-col :span="10" > |
| | | <el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>钻孔分布图</span> |
| | | </div> |
| | | <div> |
| | | <el-image :src="src" |
| | | :preview-src-list="srcList"> |
| | | <div slot="placeholder" class="image-slot"> |
| | | 加载中<span class="dot">...</span> |
| | | </div> |
| | | </el-image> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="6" > |
| | | <el-card class="box-card card-red" style="height: 320px;"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>场地进度(%)</span> |
| | | </div> |
| | | <div> |
| | | <div style="padding-left: 20%;"> |
| | | <el-progress type="dashboard" color="#FF0000" :percentage=holeProcess> |
| | | </el-progress> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | |
| | | <el-row style="height: 200px;"> |
| | | <el-col :span="24" > |
| | | <el-card class="box-card card-blue" style="height: 320px;margin-top: 20px"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>钻孔进度</span> |
| | | </div> |
| | | <div style="height: 250px;"> |
| | |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="6" > |
| | | <el-card class="box-card card-red" style="height: 320px;"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>场地进度(%)</span> |
| | | </div> |
| | | <div> |
| | | <div style="padding-left: 20%;"> |
| | | <el-progress type="dashboard" color="#FF0000" :percentage=holeProcess> |
| | | </el-progress> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | |
| | | |
| | | </el-row> |
| | | |
| | | <el-row style="height: 200px;"> |
| | | <el-col :span="24"> |
| | | |
| | | <el-card class="box-card card-yellow" style="height: 320px;margin-top: 20px"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>材料统计</span> |
| | |
| | | |
| | | <script th:inline="javascript"> |
| | | var project =[[${project}]]; |
| | | |
| | | var winURL = window.location.protocol + "//" + window.location.host + "/bjfw/profile"; |
| | | console.log(winURL) |
| | | |
| | | var projectUrl = winURL + project.url; |
| | | var arrayImg= new Array(); |
| | | arrayImg.push(projectUrl); |
| | | |
| | | var projectId=[[${projectId}]]; |
| | | var statusDatas = [[${@dict.getType('hole_status')}]]; |
| | | var prefix = ctx + "geo/hole"; |
| | |
| | | vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0); |
| | | }); |
| | | |
| | | vm.src = projectUrl; |
| | | vm.srcList = arrayImg; |
| | | tubLogs(); |
| | | }); |
| | | |
| | |
| | | project: "", |
| | | holeData: [], |
| | | tubLogs:[], |
| | | src:"", |
| | | srcList:[], |
| | | }; |
| | | }, |
| | | methods: { |