dkyChenJiang.git

			@@ -13,6 +13,10 @@
			.content {
			width: 100%;
			background-color: rgba(0,0,0,0.01) !important;
			padding:10px;
			}
			[v-cloak]{
			display: none;
			}
			.el-card__header{
			height: 40px;
			@@ -24,7 +28,19 @@
			border-radius: 50%;
			font-size: 14px;
			color: white;
			background: #314659;
			background: #F56C6C;
			text-align: center;
			line-height: 20px;
			float: left;
			}

			.active-yellow{
			width: 20px;
			height: 20px;
			border-radius: 50%;
			font-size: 14px;
			color: white;
			background: #E6A23C;
			text-align: center;
			line-height: 20px;
			float: left;
			@@ -34,9 +50,9 @@
			width: 20px;
			height: 20px;
			border-radius: 50%;
			font-size: 16px;
			font-size: 14px;
			color: white;
			background: dodgerblue;
			background: #67C23A;
			text-align: center;
			line-height: 20px;
			float: left;
			@@ -62,36 +78,93 @@
			}
			.rankrow{
			margin-top: 12px;
			cursor: pointer;
			}
			.ilblock{
			border-left: 1px solid #e3e5e7;
			padding: 0 40px;
			align-content: center;
			}
			.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>

			<body class="gray-bg">
			<div class="content" id="app">
			<el-row style="height: 130px;">
			<div class="content" id="app" v-cloak>
			<el-row style="height: 127px;">
			<el-col :span="6">
			<el-card class="box-card">
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">场地数量</span>
			<li class="el-icon-s-promotion" style="font-size: 18px;float: right;color: grey">
			</div>
			<div>
			<span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">34个
			<div style="flex:4;padding-right: 20px;" >
			<div>
			<li class="el-icon-s-promotion" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #409eff;"></li>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">场地数量</span>
			</div>
			<div style="text-align: center;">
			<span style="color:#ED1C24;font-size: 30px;word-break: break-all;line-height: 70px">34
			</span>
			</div>
			</div>
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">

			<div style="flex:6;" class="ilblock">
			<span style="color:rgba(0,0,0,.87);font-size: 15px;">
			协调中
			<li class="el-icon-caret-bottom" style="color: #f56c6c">
			<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;">
			待开工 34
			<li class="el-icon-caret-bottom" style="color: #e6a23c">
			<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;">
			进行中 0
			<li class="el-icon-caret-top" style="color: #409eff">
			<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">-->
			</span>

			</div>
			@@ -100,22 +173,25 @@

			<el-col :span="6">
			<el-card class="box-card">
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">钻孔进尺</span>
			<li class="el-icon-coin" style="font-size: 18px;float: right;color: grey">
			</div>
			<div>
			<span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">647个
			<div style="flex:4;padding-right: 20px;">
			<div>
			<li class="el-icon-coin" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #085abe"></li>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">钻孔进尺</span>
			</div>
			<div style="text-align: center">
			<span style="color:#1894F6;font-size: 30px;word-break: break-all;line-height: 70px;">647
			</span>
			</div>
			</div>
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">
			总进尺 134,1000.00m
			<li class="el-icon-caret-bottom" style="color: #f56c6c">

			<div style="flex:6;" class="ilblock">
			<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;">
			已完成 12,322.23m
			<li class="el-icon-caret-bottom" style="color: #409eff">
			<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>
			</el-card>
			@@ -123,44 +199,58 @@

			<el-col :span="6">
			<el-card class="box-card">
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">实时监控</span>
			<li class="el-icon-video-camera" style="font-size: 18px;float: right;color: grey">
			</div>
			<div>
			<span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">68个
			<div style="flex:4;padding-right: 20px;">
			<div>
			<li class="el-icon-video-camera" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #11d713"></li>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">实时监控</span>
			</div>
			<div style="text-align: center">
			<span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px">68
			</span>
			</div>
			</div>
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">
			已安装 0
			<li class="el-icon-caret-bottom" style="color: #f56c6c">

			<div style="flex:6;" class="ilblock">
			<div>

			</div>
			<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;">
			未安装 68
			<li class="el-icon-caret-bottom" style="color: #409eff">
			<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>
			</el-card>
			</el-col>
			<el-col :span="6">
			<el-card class="box-card">
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">资料文件</span>
			<li class="el-icon-s-order" style="font-size: 18px;float: right;color: grey">
			</div>
			<div>
			<span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">3813
			<div style="flex:4;padding-right: 20px;">
			<div>
			<li class="el-icon-s-order" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #917ed0"></li>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">资料文件</span>
			</div>
			<div style="text-align: center">
			<span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px;">
			{{indexDataCount.fileCount}}
			</span>
			</div>
			</div>
			<div>
			<span style="color:rgba(0,0,0,.65);font-size: 15px;">
			总进尺 134,1000.00m
			<li class="el-icon-caret-bottom" style="color: #f56c6c">

			<div style="flex:6;" class="ilblock">
			<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;">
			已完成 12,322.23m
			<li class="el-icon-caret-bottom" style="color: #409eff">
			<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,.87);font-size: 15px;">
			质量资料 <span style="float: right">0</span>
			<!-- <li class="el-icon-caret-bottom" style="color: #409eff">-->
			</span>
			</div>

			@@ -170,12 +260,28 @@
			<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>

			<el-card class="box-card">
			<el-card class="box-card" style="margin-top: 20px;">
			<div id="map_div" style="width: 100%;height: 550px;"></div>
			</el-card>

			@@ -183,36 +289,44 @@

			<el-col :span="8">
			<el-card class="box-card">
			<div style="width: 100%;height: 20px;">
			<h3>项目总体进度(%)</h3>
			<div style="height: 200px;width: 100%">
			<div style="width: 100%;height: 20px;">
			<h3>项目总体进度2(%)</h3>
			</div>
			<div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
			</div>
			<div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
			</el-card>

			<el-card class="box-card">
			<div style="width: 100%;height: 20px;">
			<h3>场地详细进度(%)</h3>
			</div>
			<div style="width: 100%;height: 500px;overflow: auto">
			<el-card class="box-card" style="margin-top: 20px;">
			<div style="width: 100%">
			<div style="width: 100%;height: 20px;margin-bottom: 10px;text-align: center;">
			<h3>场地详细进度(%)</h3>
			</div>
			<div style="width: 100%;height: 500px;overflow: auto">

			<!-- <el-row class="rankrow" v-for='entity in stationProcessData'>-->
			<!-- <el-col :span="2">-->
			<!-- <div class="active-red">{{entity.ranking}}</div>-->
			<!-- </el-col>-->
			<el-row class="rankrow" v-for='entity in stationProcessData' @click.native='viewStation(entity)'>
			<el-col :span="2" >
			<div v-if="entity.status=='协调中'" class="active-red">{{entity.ranking}}</div>
			<div v-if="entity.status=='待开工'" class="active-yellow">{{entity.ranking}}</div>
			<div v-if="entity.status=='进行中'" class="active-blue">{{entity.ranking}}</div>

			<!-- <el-col :span="4">-->
			<!-- <div style="font-size: 16px">{{entity.station}}</div>-->
			<!-- </el-col >-->
			</el-col>

			<!-- <el-col :span="4">-->
			<!-- <div style="font-size: 16px">{{entity.status}}</div>-->
			<!-- </el-col>-->
			<el-col :span="7">
			<div style="font-size: 16px">{{entity.station}}</div>
			</el-col >

			<!-- <el-col :span="12">-->
			<!-- <div><el-progress :stroke-width="12" :percentage="{{entity.status}}"></el-progress></div>-->
			<!-- </el-col>-->
			<!-- </el-row>-->
			<el-col :span="5">
			<div style="font-size: 16px">{{entity.status}}</div>
			</el-col>

			<el-col :span="8">
			<div>
			<el-progress :stroke-width="10" :percentage="entity.value"></el-progress>
			</div>
			</el-col>
			</el-row>
			</div>
			</div>

			</el-card>
			@@ -244,26 +358,42 @@
			loadMap();
			getReallyData();
			totalProcess();
			//stationProcess();
			stationProcess();
			indexCount();
			tubLogs();
			})
			//场地和地图点击联动
			function viewStation(station) {
			var lng = station.lng;
			var lat = station.lat;
			map.centerAndZoom(new T.LngLat(lng, lat), 13);
			}

			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;
			$.get(url,{},function(res){
			console.log(res);
			//vm.indexDataCount = res.projectData;
			vm.indexDataCount = res.data;
			})
			$.ajaxSettings.async = false;
			console.log(vm.stationProcessData);
			}

			}
			//场地进度
			function stationProcess() {
			let url = ctx + "/system/projectProcess";
			$.ajaxSettings.async = false;
			$.get(url,{},function(res){
			console.log(res.projectData);
			vm.stationProcessData = res.projectData;
			})
			$.ajaxSettings.async = false;
			@@ -276,9 +406,17 @@
			return {
			stationProcessData: [],
			indexDataCount :"",
			tubLogs:[],
			};
			},
			methods: {
			tableRowClassName({ row, rowIndex }) {
			if (rowIndex % 2 == 0) {
			return "";
			} else {
			return "warning-row";
			}
			},
			}
			});
			// 加载地图
			@@ -400,6 +538,7 @@
			map.openInfoWindow(markerInfoWin, point); //开启信息窗口
			}


			//总进度仪表盘
			function totalProcess() {
			var Chart1 = echarts.init(document.getElementById('Chart1'));
			@@ -409,7 +548,8 @@
			$.get(url,{},function(res){
			pointerData = res.pointerData;
			pointerData = (pointerData*100).toFixed(0);
			})
			});

			$.ajaxSettings.async = false;
			var option = {
			backgroundColor: "#fff",