dkyChenJiang.git

			@@ -55,7 +55,7 @@
			</head>
			<body>
			<div id="app" v-cloak>
			<el-row style="height: 200px;">
			<el-row>
			<el-col :span="8">
			<el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;">
			<div slot="header" class="clearfix">
			@@ -77,6 +77,7 @@
			</template>
			{{project.code}}
			</el-descriptions-item>

			<el-descriptions-item>
			<template slot="label">
			<i class="el-icon-map-location"></i>
			@@ -97,7 +98,7 @@
			<i class="el-icon-user"></i>
			负责人：
			</template>
			{{project.leaderName}}
			{{project.leader}}
			</el-descriptions-item>
			<el-descriptions-item>
			<template slot="label">
			@@ -119,25 +120,18 @@
			</el-col>

			<el-col :span="10" >
			<el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;">
			<el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;">
			<div slot="header" class="clearfix">
			<span>钻孔进度</span>
			<span>钻孔分布图</span>
			</div>
			<template>
			<el-table :data="holeData" size="small" style="width: 100%">
			<el-table-column prop="code" label="编号"></el-table-column>
			<el-table-column prop="type" label="类型"></el-table-column>
			<el-table-column prop="footage" label="总进尺(m)"></el-table-column>
			<el-table-column prop="footageCpl" label="已完成(m)"></el-table-column>
			<el-table-column label="进度(%)">
			<template slot-scope="scope">
			<el-progress :percentage=(scope.row.rate*100).toFixed(0) ></el-progress>
			</template>
			</el-table-column>

			</el-table>
			</template>

			<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>

			@@ -148,23 +142,52 @@
			</div>
			<div>
			<div style="padding-left: 20%;">
			<el-progress type="dashboard" color="#FF0000" :percentage="50">
			<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-green" style="height: 320px;margin-top: 20px">
			</el-row>

			<el-row style="margin-top: 10px;">
			<el-col :span="24" >
			<el-card class="box-card card-blue" style="height: 400px;">
			<div slot="header" class="clearfix">
			<span>钻孔进度</span>
			</div>
			<div style="height: 320px;">
			<template>
			<el-table :data="holeData" size="small" style="width: 99%" height="320">
			<el-table-column prop="code" label="编号"></el-table-column>
			<el-table-column prop="type" label="类型"></el-table-column>
			<el-table-column prop="footage" label="总进尺(m)"></el-table-column>
			<el-table-column prop="footageCpl" label="已完成(m)"></el-table-column>
			<el-table-column label="进度(%)">
			<template slot-scope="scope">
			<el-progress :percentage=(scope.row.rate*100).toFixed(0) ></el-progress>
			</template>
			</el-table-column>

			</el-table>
			</template>

			</div>
			</el-card>
			</el-col>

			</el-row>

			<el-row>
			<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>
			<el-col :span="10" style="height: 320px;">
			<template>
			<el-table :data="tubLogs" border size="small" style="width: 100%"
			<el-table :data="tubLogs" border size="small" style="width: 99%"
			:header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}"
			:row-class-name="tableRowClassName">
			<el-table-column prop="tubName" label="名称"></el-table-column>
			@@ -178,26 +201,6 @@
			<div id="column-chart" style="height: 250px; width: 100%;"></div>
			</el-col>
			</el-card>
			<!-- <el-card class="box-card card-green" style="height: 320px;margin-top: 20px">-->
			<!-- <div slot="header" class="clearfix">-->
			<!-- <span>材料信息</span>-->
			<!-- </div>-->
			<!-- <div>-->
			<!-- <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>-->
			<!-- </div>-->
			<!-- </el-card>-->



			</el-col>
			@@ -211,18 +214,36 @@

			<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";
			var prefix2 = ctx + "geo/TubLog";

			$(function() {
			//场地钻孔列表
			var url = prefix + "/holelist?projectId=" + projectId;
			$.ajaxSettings.async = false;
			$.get(url,{},function(res){
			vm.holeData = res.data;
			});
			vm.project = project;
			//场地进度
			var url2 = prefix + "/holeProcess?projectId=" + projectId;
			$.ajaxSettings.async = false;
			$.get(url2,{},function(res){
			vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0);
			});

			vm.src = projectUrl;
			vm.srcList = arrayImg;
			tubLogs();
			});

			@@ -260,7 +281,11 @@
			emphasis: {
			focus: 'series'
			},
			data: []
			data: [],
			itemStyle: {
			// 修改柱子的颜色
			color: '#e2b507'
			}
			},
			{
			name: '入库',
			@@ -269,7 +294,11 @@
			emphasis: {
			focus: 'series'
			},
			data: []
			data: [],
			itemStyle: {
			// 修改柱子的颜色
			color: '#2992c6'
			}
			},

			]
			@@ -299,9 +328,12 @@
			el: "#app",
			data() {
			return {
			holeProcess:"",
			project: "",
			holeData: [],
			tubLogs:[],
			src:"",
			srcList:[],
			};
			},
			methods: {