<wxs module="format" src="/utils/format.wxs"></wxs>
<view class="header_title">
  <view class="header_title_row">
    <van-row>
      <van-col span="4">
        <view class="header_img" bindtap="XMLB">
          <image src="/images/left.png"></image>
          <text class="header_fh">返回</text>
        </view>
      </van-col>
      <van-col span="3">
        <user-infos></user-infos>
      </van-col>
      <van-col span="10">
        <view class="header_name">{{title}}</view>
      </van-col>
    </van-row>
  </view>
</view>

<!-- 中间内容 -->
<view class="max_content">
	<project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>
	<view class="gk_open" style="margin-top: 5rpx;border: 1px solid transparent;">
		<van-collapse value="{{activeNames}}" bind:change="onCollChange">
			<van-collapse-item title="项目基本信息" name="base">
				<view class="gk_open_con">
					<view>
						<image src="/images/s_12.png"></image>项目单位:<text>{{projectInfo.comName}}</text>
					</view>
					<view wx:if="{{projectInfo.province && projectInfo.city}}">
						<image src="/images/s_1.png"></image>所属区域:<text>{{projectInfo.province+' - '+projectInfo.city}}</text>
					</view>
					<view>
						<image src="/images/s_2.png"></image>详细地址:<text>{{projectInfo.projectAddress}}</text>
					</view>
					<view>
						<image src="/images/s_3.png"></image>项目类型:<text>{{projectInfo.projectTypeName}}</text>
					</view>
					<view wx:if="{{false}}">
						<image src="/images/s_4.png"></image>总建筑面积:<text>{{projectInfo.totalBuildingArea}}</text>
					</view>
					<view>
						<image src="/images/s_5.png"></image>计划开工日期:<text>{{projectInfo.scheduledStartTime}}</text>
					</view>
					<view>
						<image src="/images/s_6.png"></image>实际开工日期:<text>{{projectInfo.actualOperatingTime}}</text>
					</view>
					<view>
						<image src="/images/s_7.png"></image>计划竣工日期:<text>{{projectInfo.plannedCompletionTime}}</text>
					</view>
					<view wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}">
						<image src="/images/s_8.png"></image>总工期:<text>{{projectInfo.projectTimeLimit + ' 天'}}</text>
					</view>
					<view wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}">
						<image src="/images/s_10.png"></image>项目负责人:<text>{{projectInfo.projectPerson}}</text>
					</view>
					<view wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}">
						<image src="/images/s_11.png"></image>负责人手机号:<text>{{projectInfo.projectPersonPhone}}</text>
					</view>
					<view wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}">
						<image src="/images/s_15.png"></image>项目概述:<text>{{projectInfo.projectSummarize}}</text>
					</view>
				</view>
			</van-collapse-item>
			<van-collapse-item wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}" title="建设及管理单位信息" name="dept">
				<view class="construction_unit" wx:for="{{projectDeptsList}}" wx:key="unique">
					<view class="construction_unit_image">
						<image src="{{item.iconSrc}}"></image>
					</view>
					<view class="construction_unit_list">
						<view class="construction_unit_title">{{item.deptType}}</view>
						<view class="construction_unit_name">{{item.deptName}}</view>
						<view class="construction_unit_phone" bindtap="calling" data-phone="{{item.phone}}">{{item.leader}} {{item.phone}}</view>
					</view>
				</view>
			</van-collapse-item>
		</van-collapse>
	</view>
	
	<view class="echarts_max" wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78'}}">
		<view class="echarts_min">
			<view class="eharts_title module_title_flex">
				劳务人员
				<!-- <view class="module_see_info" bindtap="goLWGL">查看详情
          <van-icon name="arrow" />
        </view> -->
			</view>
			<!-- tab栏切换 -->
			<view class="information-review-tab" bindtap="selectedTab">
				<view class="{{nactive===index?'active':''}}" data-set="{{index}}" wx:for="{{labourTypeList}}" wx:key="index">
					{{item.name}}({{item.total}})
				</view>
			</view>
			<view class="video_ai_survey">
				<van-row>
					<van-col span="8">
						<view class="survey_content">
							<view class="survey_content_img">
								<image animation="{{animationData}}" src="{{labourImg}}" />
							</view>
						</view>
						<view class="survey_content_number labour-survey_content_number">
							<view class="survey_content_value">
								<text>{{ labourTotal }}</text> 人
							</view>
						</view>
					</van-col>
					<van-col span="16">
						<safety-bar-chart id="userChart" chart-id="userChart" data="{{labourData}}" height="350"></safety-bar-chart>
					</van-col>
				</van-row>
			</view>
		</view>
	</view>

	<view class="echarts_max" wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78'}}">
		<view class="echarts_min">
			<view class="eharts_title module_title_flex">
				今日出勤
				<!-- <view class="module_see_info" bindtap="goLWGL">查看详情
          <van-icon name="arrow" />
        </view> -->
			</view>
			<view class="video_ai_survey">
				<van-row>
					<van-col span="8">
						<view class="survey_content">
							<view class="survey_content_img">
								<image animation="{{animationData}}" src="https://szgcwx.jhncidg.com/staticFiles/icon/dw.png" />
							</view>
						</view>
						<view class="survey_content_number labour-survey_content_number">
							<view class="survey_content_value">
								<text>{{ labourDaysTotal }}</text> 人
							</view>
						</view>
					</van-col>
					<van-col span="16">
						<safety-bar-chart id="attsChart" chart-id="attsChart" data="{{labourDays}}" height="350"></safety-bar-chart>
					</van-col>
				</van-row>
			</view>
		</view>
	</view>

	<view class="echarts_max" wx:if="{{userData.userType=='80' || userData.userType=='79' || userData.userType=='78'}}">
		<view class="echarts_min">
			<view class="eharts_title module_title_flex">
				我的二维码
			</view>
			<view class="video_ai_survey">
				<van-row>
					<van-col span="10" class="qrcode">
						<image src="{{imgBaseUrl+subDeptUserInfo.qrCode}}"></image>
					</van-col>
					<van-col span="14">
						<view wx:if="{{userData.userType=='80'}}" class="qrtext"><text class="zz">项目经理 </text>扫描二维码登记信息,完成安全学习和在线考试,签署安全承诺书后可申请入场。</view>
						<view wx:if="{{userData.userType=='79'}}" class="qrtext"><text class="zz">班组组长 </text>扫描二维码登记信息,完成安全学习和在线考试,签署安全承诺书后可申请入场。</view>
						<view wx:if="{{userData.userType=='78'}}" class="qrtext"><text class="zz">劳务人员 </text>扫描二维码登记信息,完成安全学习和在线考试,签署安全承诺书后可申请入场。</view>
					</van-col>
				</van-row>
			</view>
		</view>
	</view>

	<view class="echarts_max" wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}">
		<view class="echarts_min">
			<view class="eharts_title module_title_flex">
				最近出勤
				<!-- <view class="module_see_info" bindtap="goZJCQ">查看详情
          <van-icon name="arrow" />
        </view> -->
			</view>
			<view class="video_ai_survey">
				<bar-chart id="chartBar" chartId="chartBar" chartData="{{labourDatas}}"></bar-chart>
			</view>
		</view>
	</view>

	<view class="echarts_max" wx:if="{{userData.userType=='77'}}">
		<view class="echarts_min">
			<view class="eharts_title module_title_flex">
				最近出勤
				<!-- <view class="module_see_info" bindtap="goZJCQ">查看详情
          <van-icon name="arrow" />
        </view> -->
			</view>
			<view class="video_ai_survey">
				<view class="inspect_max_scroll">
					<view class="safety_prop module_title_flex summury">
						<text class="color_orange">默认展示近7天考勤数据!</text>
					</view>
					<view class="inspect_for_scroll" v-if="{{ attendanceListData.length>0 }}" wx:for="{{attendanceListData}}" wx:key="index">
						<view class="inspect_for_bgd">
							<view class="inspect_list_title">
								<view class="inspect_list_title_label inspect_list_title_width">
									<view class="inspect_list_title_number">{{index < 9 ?'0'+(index+1):(index+1)}}</view>
									<view class="module_title module_title_flex inspect_list_title_label">考勤时间:{{format.dateStrEv(item.inTime,item.outTime)}}</view>
								</view>
							</view>
							<view class="inspect_list_info">
								<view class="inspect_list_info_details">
									<view class="inspect_list_info_img">
										<van-image wx:if="{{item.inPhoto}}" width="120rpx" height="120rpx" fit="cover" src="{{imgBaseUrl+item.inPhoto}}" />
										<van-image wx:else width="120rpx" height="120rpx" fit="cover" src="{{imgBaseUrl+item.outPhoto}}" />
									</view>
									<view class="inspect_list_info_data">
										<view class="inspect_list_info_data_prop color_blue">人员姓名:<text>{{item.userName}}</text></view>
										<view class="inspect_list_info_data_prop">入场时间:
											<text wx:if="{{item.inTime}}">{{format.timeStr(item.inTime)}}</text>
											<text wx:else class="color_red">未打卡</text>
										</view>
										<view class="inspect_list_info_data_prop">离场时间:
											<text wx:if="{{item.outTime}}">{{format.timeStr(item.outTime)}}</text>
											<text wx:else class="color_red">未打卡</text>
										</view>
									</view>
								</view>
								<view class="inspect_list_info_position">
									<text class="color_purple">单位名称:{{item.subDeptName}}</text>
								</view>
							</view>
						</view>
					</view>
					<view wx:if="{{attendanceListData.length==0}}">
						<view style="padding-top: 5px;text-align: -webkit-center;">
							<image src="https://szgcwx.jhncidg.com/staticFiles/nodata.png" style="width: 130px;height: 105px;"></image>
							<view style="color: #a5abbb;">暂无数据</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</view>

<!-- 底部导航 -->
<van-tabbar wx:if="{{userData.userType!='77'}}" active="{{ active }}" bind:change="onChange" active-color="#ffffff" inactive-color="#7d95d6">
	<van-tabbar-item>
		<image slot="icon" src="/images/footer_5.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		<image slot="icon-active" src="/images/foot_5.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		项目概况
	</van-tabbar-item>

	<van-tabbar-item wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}" bindtap="XMSP">
		<image slot="icon" src="/images/footer_7.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		<image slot="icon-active" src="/images/foot_7.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		安全管理
		<span class="tabNum" wx:if="{{aq>0}}">{{aq}}</span>
	</van-tabbar-item>

	<van-tabbar-item wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}" bindtap="ZLGL">
		<image slot="icon" src="/images/footer_5.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		<image slot="icon-active" src="/images/foot_5.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		质量管理
		<span class="tabNum" wx:if="{{approveDb>0}}">{{approveDb}}</span>
	</van-tabbar-item>

	<van-tabbar-item wx:if="{{userData.userType!='80' && userData.userType!='79' && userData.userType!='78' && userData.userType!='77'}}" bindtap="JDGL2">
		<image slot="icon" src="/images/footer_6.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		<image slot="icon-active" src="/images/foot_6.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		进度管理
	</van-tabbar-item>

	<van-tabbar-item bindtap="GDGN">
		<image slot="icon" src="/images/footer_1.png" mode="aspectFit" style="width:40rpx; height: 40rpx;" />
		<image slot="icon-active" src="/images/foot_1.png" mode="aspectFit" style="width:40rpx; height:40rpx;" />
		项目管理
		<span class="tabNum" wx:if="{{todoDb>0}}">{{todoDb}}</span>
	</van-tabbar-item>

</van-tabbar>