jhwxapp/miniprogram/pages/xiangmugaikuang/index.wxml

<!--pages/xiangmugaikuang/index.wxml-->
<view class="header_title">
  <view class="header_title_row">
    <van-row>
      <van-col span="3">
        <user-infos></user-infos>
      </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="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="https://szgcwx.jhncidg.com/staticFiles/img/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>



<!-- 底部导航 -->
<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;"
    />
    安全管理
    <span class="tabNum" wx:if="{{aq>0}}">{{aq}}</span>
  </van-tabbar-item>

  <van-tabbar-item 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 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>

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