jhwxapp/miniprogram/pages/xiangmugaikuang/xiangmugaikuang.wxml

<!--pages/xiangmugaikuang/xiangmugaikuang.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>

<!-- 左侧账号信息 -->
<van-popup show="{{ show }}" position="left" custom-style="width: 70%;height:100%;background:#191d28" bind:close="onClosePopup" >
  <view class="left_max">
    <van-row class="demo clearfix">
      <van-col span="24">
          <view class="left_info_dept">{{deptName}}</view>
      </van-col>
      <van-col span="10">
        <view class="left_head"><image src="../../images/user_3.png"></image></view>
      </van-col>
      <van-col span="14">
        <view class="left_info">
          <view class="left_info_name">{{nickName}}</view>
          <view class="left_info_name">{{loginName}}</view>
        </view>
      </van-col>
    </van-row>
    <!--<view class="left_manage_max">
       <view class="left_manage_min">
        <view class="left_manage">
          <image src="/images/set.png" class="left_icon"></image>
          <text class="left_pro">账号管理</text> 
          <image src="/images/right.png" class="left_flaot"></image>
        </view>
      </view>
      <view class="left_manage_min">
        <view class="left_manage">
          <image src="/images/set.png" class="left_icon"></image>
          <text class="left_pro">账号管理</text> 
          <image src="/images/right.png" class="left_flaot"></image>
        </view>
      </view> 
    </view>-->
    <view class="left_manage_min">
      <view class="left_manage" bindtap="XGMM">
        <view class="left_password">
          修改密码
        </view>
      </view>
    </view>
    <view class="left_manage_min">
      <view class="left_manage" bindtap="TCDL">
        <view class="left_sign">
          退出登录
        </view>
      </view>
    </view>
  </view>
</van-popup>

<!-- 中间内容 -->
<view class="max_content" >


  <project-select init="{{initData}}" bindchange="onProjectSelect"></project-select>

  <!-- <view class="video_add">
    <view class="video_address">
      <view class="video_address_min" bindtap="GOMAP">
        {{projectNameArgs}}
      </view>
    </view>
  </view> -->

  <!-- <van-notice-bar left-icon="http://fileimg.makalu.cc/CORE_5EE3638A13954B0884A6FA54333F1B82.png" backgroundColor="#191d28"  speed="30"
    text="扬尘预警：今日PM2.5爆表，请注意防范"
  /> -->
  <view class="gk_open" style="margin-top: 5rpx;border: 1px solid transparent;">
    <van-collapse value="{{activeName}}" bind:change="onChange1" bind:open="onOpen" bind:close="onClose">
      <van-collapse-item title="项目基本信息" name="1">
        <view class="gk_open_con">
          <view><image src="/images/s_1.png"></image>所属区域：<text>{{projectInfo.areaName}}</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.projectType}}</text></view>
          <view><image src="/images/s_12.png"></image>项目进度：<text>{{projectInfo.projectSchedule}}</text></view>
          <view><image src="/images/s_4.png"></image>总建筑面积：<text>{{projectInfo.totalBuildingArea}}</text></view>
          <view><image src="/images/s_5.png"></image>计划开工日期<text>{{projectInfo.planStartTime}}</text></view>
          <view><image src="/images/s_6.png"></image>实际开工日期：<text>{{projectInfo.actualStartTime}}</text></view>
          <view><image src="/images/s_7.png"></image>计划竣工日期：<text>{{projectInfo.planCompletedTime}}</text></view>
          <view><image src="/images/s_8.png"></image>总工期：<text>{{projectInfo.projectTimeLimit}}</text></view>
          <view><image src="/images/s_10.png"></image>项目负责人：<text>{{projectInfo.projectPerson}}</text></view>
          <view><image src="/images/s_11.png"></image>项目负责人手机号：<text>{{projectInfo.projectPhone}}</text></view>
          <view><image src="/images/s_15.png"></image>项目概述：<text>{{projectInfo.projectSummarize}}</text></view>
        </view>
      </van-collapse-item>
      <van-collapse-item title="建设及管理单位信息" name="2">
            <view class="construction_unit" wx:for="{{projectUnitsList}}" wx:key="unique">
                <view class="construction_unit_image" >
                  <image src="{{item.unitTypeIcon}}"></image>
                </view>
                <view class="construction_unit_list">
                    <view class="construction_unit_title">{{item.unitTypeName}}</view>
                    <view class="construction_unit_name">{{item.unitName}}</view>
                    <view class="construction_unit_phone" bindtap="calling" data-phone="{{item.unitPersonPhone}}">{{item.unitPersonName}} {{item.unitPersonPhone}}</view>
                </view>
            </view>
      </van-collapse-item>
    </van-collapse>
  </view>
  
  <view class="zdzb_bg">
    重点指标
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">视频监控</view>  
      <van-row>
        <van-col span="12">
          <view class="eharts_head">接入数：<text>{{videoNum}}</text></view>
        </van-col>
        <van-col span="12">
          <view class="eharts_head">正常运行数：<text>{{videoOnline}}</text></view>
        </van-col>
      </van-row>
      <view class="eharts_con">
        <ec-canvas ec="{{ ec_1 }}" id="mychart-one"></ec-canvas>
      </view>  
    </view>
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">
        劳务管理 
        <text class="eharts_title_float">
          <text> {{weather}} </text>
          <text> {{temperature}} ℃ </text>
        </text>
        <image src="{{weatherPic}}" class="eharts_title_float_img"></image>
      </view>  
      <van-row>
        <van-col span="12">
          <view class="eharts_head">今日出勤人数：<text>{{yangchenCount}}</text></view>
        </van-col>
        <van-col span="12">
          <view class="eharts_head">实时在场人数：<text>{{monthEarlyNum}}</text></view>
        </van-col>
      </van-row>
          <view class="eharts_con">
            <ec-canvas ec="{{ ec_3 }}" id="mychart-three"></ec-canvas>
          </view>         
    </view>
  </view>

  <view class="echarts_max">
    <view class="echarts_min">
      <view class="eharts_title">机械设备</view>  
      <van-row>
        <van-col span="12">
          <view class="eharts_head">接入数：<text>{{machineryNum}}</text></view>
        </van-col>
        <van-col span="12">
          <view class="eharts_head">正常运行数：<text>{{machineryOnline}}</text></view>
        </van-col>
      </van-row>
      <view class="eharts_con">
        <ec-canvas  ec="{{ ec_2 }}" id="mychart-two"></ec-canvas>
      </view>  
    </view>
  </view>




</view>



<!-- 底部导航 -->
<van-tabbar 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 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;"
    />
    安全管理
  </van-tabbar-item>

  <van-tabbar-item bindtap="ZLGL2">
    <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 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;"
    />
    更多功能
  </van-tabbar-item>
  
</van-tabbar>

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