<!--pages/Material-Management/index.wxml-->

<!-- <view class="header_title">
	<view class="header_title_row">
		<van-row>
		<van-col span="3">
			<view class="header_img" bindtap="showPopup"><image src="/images/core.png"></image></view>
		</van-col>
		<van-col span="4">
			<view class="header_img" bindtap="goGCLB">
			<image src="/images/left.png"></image>
			<text class="header_fh">返回</text>
			</view>
		</van-col>
		<van-col span="10">
			<view class="header_name">材料管理</view>
		</van-col>
		</van-row>
	</view>
</view> -->

<!-- 材料管理 -->
<view class="cailiao" style="padding-top: 0;">
	
	<!-- nav顶部 -->
	<view class="nav-cailiao">
		 <project-select  width='640rpx' left='-30rpx'  init="{{initData}}" bindchange="onProjectSelect"></project-select>
	</view>
	<!-- 完结超耗 -->
	<view class="cailiao-content" style="margin-top: 64rpx;">
		<!-- 头部 -->
		<view class="header-cailiao">
			<!-- 头部左边 -->
			<view class="eharts_title">
				完结工号超耗情况
			</view>
			<!-- 头部右边 -->
			<!-- <view class="header-cailiao-right">
				<view class="{{indexNum==0?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{0}}" bindtap="onClick">
					本月
				</view>
				<view class="{{indexNum==1?'header-cailiao-right-right active':'header-cailiao-right-right'}}"  data-set="{{1}}" bindtap="onClick">
					开累
				</view>
			</view> -->
			<text class="hj_float" bindtap="onClick" style="margin-left: 140rpx;">{{value2}} </text>
        <van-action-sheet show="{{ show2 }}" actions="{{ actions2 }}" bind:close="onClose" bind:select="onSelect2" />
		</view>
		<!-- 内容部分 -->
		<view class="wanjieNum"> 
		<!-- 已完结功耗数 -->
			<view class="wanjieNum-over">
			<!-- 上面部分 -->
				<view class="project-title">
					<view style="border-bottom: 1px solid #0f498c;height: 36rpx;font-size: 28rpx;">
						已完结工号数({{finishGhNumber}})
					</view>
				</view>
			<!-- 下面部分 -->
				<view class="wanjieNum-over-bottom">
				<!-- 每一行两个小盒子 -->
					<view class="wanjieNum-over-bottom-top">
					<!-- 每一个小盒子 -->
						<view class="wanjieNum-over-bottom-top-box">
							<view class="wanjieNum-over-bottom-top-box-Img">
								<view class="wanjieNum-over-bottom-top-box-Img-small"> 
									<image src="http://fileimg.makalu.cc/WEB_90A967456DFE407BB0575AEEBB6A2823.png" mode="" style="width: 100%;height: 100%;"/>
								</view>
							</view>
							<view class="wanjieNum-over-bottom-top-box-title">
								<view class="wanjieNum-over-bottom-top-box-title-text">
									消耗设计量
								</view>
								<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
								<view style="font-size: 30rpx;color: #0189f3;"> 
									{{finishGhSjl}}
								</view>	m²
								</view>
							</view>
						</view>
						<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
							<view class="wanjieNum-over-bottom-top-box-Img">
								<view class="wanjieNum-over-bottom-top-box-Img-small"> 
									<image src="http://fileimg.makalu.cc/WEB_85DFF1C6FA83430AAFB759BE5E9BF540.png" mode="" style="width: 100%;height: 100%;"/>
								</view>
							</view>
							<view class="wanjieNum-over-bottom-top-box-title">
								<view class="wanjieNum-over-bottom-top-box-title-text">
									消耗实耗
								</view>
								<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
								<view style="font-size: 30rpx;color: #0189f3;"> 
									{{finishGhShl}}
								</view>	m²
								</view>
							</view>
						</view>
					</view>
					<view class="wanjieNum-over-bottom-top">
					<!-- 每一个小盒子 -->
						<view class="wanjieNum-over-bottom-top-box">
							<view class="wanjieNum-over-bottom-top-box-Img">
								<view class="wanjieNum-over-bottom-top-box-Img-small"> 
									<image src="http://fileimg.makalu.cc/WEB_EEA74BB38112403EACC4EEEE147B7B8A.png" mode="" style="width: 100%;height: 100%;"/>
								</view>
							</view>
							<view class="wanjieNum-over-bottom-top-box-title">
								<view class="wanjieNum-over-bottom-top-box-title-text">
									节超量
								</view>
								<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
								<view style="font-size: 30rpx;color: #0189f3;"> 
									{{finishGhJcl}}
								</view>	m³
								</view>
							</view>
						</view>
						<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
							<view class="wanjieNum-over-bottom-top-box-Img">
								<view class="wanjieNum-over-bottom-top-box-Img-small"> 
									<image src="http://fileimg.makalu.cc/WEB_E1531591CFF242DB9C1EE50BAB08059A.png" mode="" style="width: 100%;height: 100%;"/>
								</view>
							</view>
							<view class="wanjieNum-over-bottom-top-box-title">
								<view class="wanjieNum-over-bottom-top-box-title-text">
								节超率
								</view>
								<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
								<view style="font-size: 30rpx;color: #0189f3;"> 
								{{finishGhJclRate}}
								</view>	%
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		<!-- 超耗率TOP5材料 -->
			<view class="chaohao" wx:if="{{topMaterialIsSHowFlag}}">
			<!-- 上面部分 -->
				<view class="project-title">
					<view style="border-bottom: 1px solid #0f498c;height: 36rpx;">
						超耗率TOP5材料
					</view>
				</view>
			<!-- 下面部分 -->
				<view class="chaohao-bottom">
			<!-- echarts图 -->
					<view class="chaohao-content">
						<safety-bar-charts chart-id="chart2" data="{{safetyDeepData}}" height="570"></safety-bar-charts>
					</view>
				</view>
			</view>
		<!-- 超耗原因分析 -->
			<view class="chaohao-fenxi" wx:if="{{topMaterialReasonIsSHowFlag}}">
		<!-- 上面部分 -->
					<view class="project-title">
						<view style="border-bottom: 1px solid #0f498c;height: 36rpx;display: flex;justify-content: space-between;align-items: center;">
							超耗原因分析
							<view style="color:#4675ff;">
							混凝土(m²)
							</view>
						</view>
					</view>
		<!-- 下面部分 -->
			<view class="chaohao-fenxi-bottom">
				<safety-pie-charts chart-id="chart1" title="超耗总量" chart-data="{{videoSurvey}}"></safety-pie-charts>
			</view>
			</view>
		</view>
	</view>
	<!-- 进行中工号用料情况 -->
	<view class="yongliao">
			<!-- 头部 -->
				<view class="header-cailiao">
				<!-- 头部左边 -->
				<view class="eharts_title">
					进行中工号用料情况
				</view>
				<!-- 头部右边 -->
				<!-- <view class="header-cailiao-right">
					<view class="{{indexNum1==1?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{1}}" bindtap="onClick1">
						本月
					</view>
					<view class="{{indexNum1==2?'header-cailiao-right-right active':'header-cailiao-right-right'}}"  data-set="{{2}}" bindtap="onClick1">
						开累
					</view>
				</view> -->
				<text class="hj_float" bindtap="onClick1" style="margin-left: 140rpx;">{{value1}} </text>
        <van-action-sheet show="{{ show1 }}" actions="{{ actions1 }}" bind:close="onClose" bind:select="onSelect1" />
				</view>
			<!-- 用料情况内容 -->
				<view class="wanjieNum">
					<!-- 已完结功耗数 -->
					<view class="wanjieNum-over">
					<!-- 上面部分 -->
						<!-- <view class="project-title">
							<view style="border-bottom: 1px solid #0f498c;height: 36rpx;">
								已完结工号数(30)
							</view>
						</view> -->
					<!-- 下面部分 -->
						<view class="wanjieNum-over-bottom">
						<!-- 每一行两个小盒子 -->
							<view class="wanjieNum-over-bottom-top">
							<!-- 每一个小盒子 -->
								<view class="wanjieNum-over-bottom-top-box">
									<view class="wanjieNum-over-bottom-top-box-ImgA">
										<!-- <view class="wanjieNum-over-bottom-top-box-Img-small"> 
											<image src="http://fileimg.makalu.cc/WEB_90A967456DFE407BB0575AEEBB6A2823.png" mode="" style="width: 100%;height: 100%;"/>
										</view> -->
									</view>
									<view class="wanjieNum-over-bottom-top-box-title">
										<view class="wanjieNum-over-bottom-top-box-title-text">
											进行中工号数
										</view>
										<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
										<view style="font-size: 30rpx;color: #0189f3;"> 
											{{underGhNumber}}
										</view>	
										</view>
									</view>
								</view>
								<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
									<view class="wanjieNum-over-bottom-top-box-ImgB">
										<!-- <view class="wanjieNum-over-bottom-top-box-Img-small"> 
											<image src="http://fileimg.makalu.cc/WEB_85DFF1C6FA83430AAFB759BE5E9BF540.png" mode="" style="width: 100%;height: 100%;"/>
										</view> -->
									</view>
									<view class="wanjieNum-over-bottom-top-box-title">
										<view class="wanjieNum-over-bottom-top-box-title-text">
											正常量
										</view>
										<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
										<view style="font-size: 30rpx;color: #0189f3;"> 
											{{materialZc}}
										</view>	m³
										</view>
									</view>
								</view>
							</view>
							<view class="wanjieNum-over-bottom-top">
							<!-- 每一个小盒子 -->
								<view class="wanjieNum-over-bottom-top-box">
									<view class="wanjieNum-over-bottom-top-box-ImgC">
										<!-- <view class="wanjieNum-over-bottom-top-box-Img-small"> 
											<image src="http://fileimg.makalu.cc/WEB_EEA74BB38112403EACC4EEEE147B7B8A.png" mode="" style="width: 100%;height: 100%;"/>
										</view> -->
									</view>
									<view class="wanjieNum-over-bottom-top-box-title">
										<view class="wanjieNum-over-bottom-top-box-title-text">
											超耗量
										</view>
										<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
										<view style="font-size: 30rpx;color: #0189f3;"> 
											{{materialCh}}
										</view>	m³
										</view>
									</view>
								</view>
								<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
									<view class="wanjieNum-over-bottom-top-box-ImgD">
										<!-- <view class="wanjieNum-over-bottom-top-box-Img-small"> 
											<image src="http://fileimg.makalu.cc/WEB_E1531591CFF242DB9C1EE50BAB08059A.png" mode="" style="width: 100%;height: 100%;"/>
										</view> -->
									</view>
									<view class="wanjieNum-over-bottom-top-box-title">
										<view class="wanjieNum-over-bottom-top-box-title-text">
									临建量
										</view>
										<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
										<view style="font-size: 30rpx;color: #0189f3;"> 
											{{materialLj}}	
										</view>m³
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
	</view>
	<!-- 混凝土使用情况 -->
	<view class="hunningtu">
			<!-- 头部 -->
					<view class="header-cailiao">
						<!-- 头部左边 -->
							<view class="eharts_title">
							混凝土使用情况
							</view>
						<!-- 头部右边 -->
						<text class="hj_float" bindtap="onClick2" style="margin-left: 140rpx;">{{value3}} </text>
        <van-action-sheet show="{{ show3 }}" actions="{{ actions3 }}" bind:close="onClose" bind:select="onSelect3" />
						<!-- <view class="header-cailiaos">
						<view class="header-cailiao-right">
							<view class="{{indexNum2==1?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{1}}" bindtap="onClick2">
								本月
							</view>
							<view class="{{indexNum2==0?'header-cailiao-right-right active':'header-cailiao-right-right'}}"  data-set="{{0}}" bindtap="onClick2">
								开累
							</view>
						</view>
					</view> -->
					</view>
			<!-- 内容有边 -->
					<view style="padding:40rpx 30rpx;">
						<voucher-select columns="{{situationList}}" selectValue="全部" selectIndex="0" placeholder="请选择" bindchange="onSelectEducationType"></voucher-select>
					</view>
			<!-- 数据展示图 -->
			<view class="hunningtu-bottom"> 
				<view class="hunningtu-content">
					<safety-bar-chartss chart-id="chart3" data="{{safetyDeepList}}" height="480"></safety-bar-chartss>
				</view>
			</view>
	</view>
</view>

<van-overlay show="{{loadShow}}">
  <view class="gif">
    <image src="../../images/loding2.gif"></image>
    <view>数据加载中！请稍后...</view>
  </view>
</van-overlay>  

<!-- <van-popup show="{{ show }}" position="left" custom-style="width: 70%;height:100%;background:#191d28" bind:close="onClose" >
  <view class="left_max">
    <van-row class="demo clearfix">
      <van-col span="10">
        <view class="left_head"><image src="http://fileimg.makalu.cc/szgl/9015e824c5004e629049c4f72967cfdc.png"></image></view>
      </van-col>
      <van-col span="14">
        <view class="left_info">
          <view class="left_info_name">{{userName}}</view>
          <view class="left_info_name">{{loginName}}</view>
        </view>
      </van-col>
    </van-row>
  </view>
</van-popup> -->