<!--pages/technical-management/index.wxml-->
<!-- 技术管理 -->


<view class="All-content">
 <!-- <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> -->

<!-- <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> -->
<!-- 头部模块 -->

	<view class="max_new_content" style="width:100%;height: 105rpx;">
		<project-select width='640rpx' left='-30rpx'  init="{{initData}}" bindchange="onProjectSelect"></project-select>
<!-- 四级交底概况 -->
<view class="sijijiaodi" style="margin-top: 64rpx;">
		<view class="eharts_title">
			技术交底管理
		</view>
		<view class="sijijiaodi-content">
			<view class="sijijiaodi-content-top">
				<view style="display: flex;align-items: center;width: 50%;">
					<view class="sijijiaodi-content-top-left">
						<!-- <image src="http://fileimg.makalu.cc/WEB_71127816E67140C28E785D78F8A2EAEA.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;">管理交底</view>
						<view style="color: #6190b9;"> {{fourClarificaiton.gljd}} </view>
					</view>
				</view>
				<view style="display: flex;align-items: center;width: 50%;">
					<view class="sijijiaodi-content-top-right">
						<!-- <image src="http://fileimg.makalu.cc/WEB_2ADF92E981FD41599F59AC9E97CF3118.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;"> 施组交底 </view>
						<view style="color: #45a183;"> {{fourClarificaiton.szjd}} </view>
					</view>
				</view>
			</view>
			<view class="sijijiaodi-content-top">
				<view style="display: flex;align-items: center;width: 50%;">
					<view class="sijijiaodi-content-top-left">
						<!-- <image src="http://fileimg.makalu.cc/WEB_71127816E67140C28E785D78F8A2EAEA.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;"> 危大工程交底 </view>
						<view style="color: #6190b9;">
							<text>{{fourClarificaiton.zxfajd}} </text>
							<text style="font-size: 28rpx;color: #fff;padding-left: 10rpx;">次</text>
						</view>
					</view>
				</view>
				<view style="display: flex;align-items: center;width: 50%;">
					<view class="sijijiaodi-content-top-right">
						<!-- <image src="http://fileimg.makalu.cc/WEB_2ADF92E981FD41599F59AC9E97CF3118.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;">技术交底 </view>
						<view style="color: #45a183;">
							<text>{{fourClarificaiton.jsjd}} </text>
							<text style="color: #fff;font-size: 28rpx;padding-left: 10rpx;">次</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	<!-- 危大工程方案 -->
	<view class="weidagongcheng">
	<!-- 标题 -->
		<view class="weidagongcheng-header">
			<view class="eharts_title">
				方案管理
			</view>
			<view class="weidagongcheng-footer" bindtap="checkMajorNodes">
				<text>查看详情 </text> 
				<image src="http://fileimg.makalu.cc/WEB_8F0C5A9F72B4450AAF3362E8FC2CC3D8.png" mode="" style="width: 30rpx;height: 30rpx;margin-left: 10rpx;"/>
			</view>
		</view>
		<view style="padding: 20rpx;">
			<view class="weidagongcheng-footer-bottom">
				<view class="weidagongcheng-footer-bottom-left">
					<view class="weidagongcheng-footer-bottom-Img">
						<!-- <image src="http://fileimg.makalu.cc/WEB_F9F7D5436F8E490EA703E3004D392CD7.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;"> 方案总数 </view>
						<view> {{dangerName.length}} 个 </view>
					</view>
				</view>
				<view class="weidagongcheng-footer-bottom-left">
					<view class="weidagongcheng-footer-bottom-Imgs">
						<!-- <image src="http://fileimg.makalu.cc/WEB_09E02AB78B6C469FABF8982E8C4E83EE.png" mode="" style="width: 100%;height: 100%;transform: scale(0.5);"/> -->
					</view>
					<view style="padding-left:15rpx;font-size: 30rpx;">
						<view style="padding-bottom: 20rpx;"> 方节点数 </view>
						<view>{{planNodelNumber}} 个</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	<!-- 变更签认 -->
	<view class="biangengqianren">
			<!-- 标题 -->
			<view class="weidagongcheng-header">
			<view class="eharts_title">
				设计文件管理
			</view>
			<view class="weidagongcheng-footer" bindtap="checkSignature">
				<text>查看详情 </text> 
				<image src="http://fileimg.makalu.cc/WEB_8F0C5A9F72B4450AAF3362E8FC2CC3D8.png" mode="" style="width: 30rpx;height: 30rpx;margin-left: 10rpx;"/>
			</view>
			</view>
			<!-- 变更签认顶部栏 -->
			<view class="biangengqianren-title">
				<view style="display: flex;align-items: center;text-align: center;font-size: 30rpx;">
					设计变更数:
					<view style="font-size: 36rpx; color: #6aa7ee;padding-left: 12rpx;">
						{{constructionNum}}
					</view>
				</view>
				<view  style="display: flex;align-items: center;text-align: center;font-size: 30rpx;">
					工程签证数:
					<view style="font-size: 36rpx; color: #6aa7ee;padding-left: 12rpx;">
						{{alterationNum}}
					</view>
				</view>
			</view>
			<!-- 数据展示栏 -->
			<view class="biangengqianren-content">
				<view class="biangengqianren-content-left"  >
					<ec-canvas id="mychart-dom" canvas-id="mychart" ec="{{ec}}"></ec-canvas>
					<!-- <van-circle value="{{bgWTGNumberRate}}" style="margin-left: 55rpx;"  layer-color="#1e4973" color="#68a8f2" stroke-width="3" text="{{bgWTGNumberRate}}%" size="120" />
					<view style="font-size: 30rpx; color: #ffffff;padding-top: 50rpx;display: flex;align-items: center;text-align: center;margin-left: 100rpx;">
						未完成:
						{{bgWTGNumber}}
					</view> -->
			
				</view>
			
				<view  class="biangengqianren-content-left">
					<ec-canvas id="mychart-dom1" canvas-id="mychart1" ec="{{ec1}}"></ec-canvas>
					<!-- <van-circle value="{{gcWTGNumberRate}}" style="margin-left: 50rpx;"  layer-color="#1e4973" color="#68a8f2" stroke-width="3" text="{{gcWTGNumberRate}}%" size="120" />
					<view style="font-size: 30rpx; color: #ffffff;padding-top: 50rpx;display: flex;align-items: center;text-align: center;margin-left: 105rpx;">
						未完成:
						{{gcWTGNumber}}
					</view> -->
				</view>
			</view>
	</view>
	<!-- 科技创新 -->
	<view class="kejichuangxin">
			<!-- 标题 -->
			<view class="weidagongcheng-header">
			<view class="eharts_title">
			科技创新({{sciencelnnovateDataList.length}}) 
			</view>
			<!-- <view class="weidagongcheng-footer">
				<view>
					查看详情
				</view>
				<view style="width: 40rpx;height: 40rpx;">
					<image src="http://fileimg.makalu.cc/WEB_8F0C5A9F72B4450AAF3362E8FC2CC3D8.png" mode="" style="width: 100%;height: 100%;transform: scale(0.6);"/>
				</view>
			</view> -->
			</view>
			<!-- 科技创新内容 -->
			<view class="kejichuangxin-content">
				<view class="kejichuangxin-content-box">
				<view id="bigBox" style="width: 1852rpx;display: flex;font-size: 30rpx;">
					<view class="kejichuangxin-content-box-left"  data-set="{{index}}">
						<view style="margin: 20rpx 0;">
							课程名称:
						</view>
						<view style="color:#68a8f2;">
							{{sciencelnnovateDataList[index1].name}}
						</view>
						<view style="margin: 50rpx 0;">
							技术指标:
						</view>
						<view class="kejichuangxin-content-box-bottom">
						<!-- 每一个进行中 -->
							<view class="kejichuangxin-content-box-bottom-small"   
							wx:for="{{sciencelnnovateDataList[index1].context}}"  wx:key="i">

								<view style="display: flex;align-items: center;width: 150rpx;">
									<view style="width:20rpx;height: 20rpx;background-color:#68a8f2;border-radius: 50%;margin-right: 10rpx;">
									</view>
									<view>
										{{item.name}}
									</view>
								</view>
								<view style="border: 1px dashed #68a8f2;width: 30%;">
								</view>
								<view wx:if="{{item.status=='' ||item.status=='未开始'}}" style="border: 1px solid gray;padding: 0 10rpx;">
									未涉及
								</view>
								<view wx:elif="{{item.status=='进行中'}}" style="border: 1px solid orange;padding: 0 10rpx;">
									{{item.status}}
								</view>
								<view wx:elif="{{item.status=='已完成'}}" style="border: 1px solid green;padding: 0 10rpx;">
									{{item.status}}
								</view>
							</view>
						</view>
						<!-- 左键 -->
						<view class="left-button" bindtap="onLeftBtn">
							<image src="http://fileimg.makalu.cc/WEB_1CFE1E31022543CB934B01E8777B5907.png" mode="" style="width: 100%;height: 100%;"/>
						</view>
						<!-- 右键 -->
						<view class="right-button" bindtap="onRightBtn">
							<image src="http://fileimg.makalu.cc/WEB_29360F140971499B92F291E64DA8B748.png" mode="" style="width: 100%;height: 100%;"/>
						</view>
					</view>
				</view>
				</view>
			</view>
	</view>
	<!-- 四新应用 -->
	<view class="sixinyinyong">
		<!-- 标题 -->
		<view class="weidagongcheng-header">
			<view class="eharts_title">
				四新技术推广应用
			</view>
			<!-- <view class="weidagongcheng-footer">
				<view>
					查看详情
				</view>
				<view style="width: 40rpx;height: 40rpx;">
					<image src="http://fileimg.makalu.cc/WEB_8F0C5A9F72B4450AAF3362E8FC2CC3D8.png" mode="" style="width: 100%;height: 100%;transform: scale(0.6);"/>
				</view>
			</view> -->
		</view>
		<!-- 应用主题 -->
		<view class="sixinyinyong-title" style="font-size: 30rpx;">
			工艺视频({{videoList.length}})
		</view>
		<!-- 四新应用图片展示 -->
		<view class="sixinyinyong-content">
			<view style="width:520rpx;height: 248rpx;">
				<swiper circular>
					<swiper-item wx:for="{{videoList}}" wx:key="videoIndex">
							<video wx:if="{{item.url !=''}}"  src="{{item.url}}" style="width: 100%;height: 100%;"/>
					</swiper-item>
				</swiper>
			</view>
		</view>
	</view>
	</view>
	
</view>
