jhprjv2/ruoyi-ui-app/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 id="userInfos"></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://xiangguan.sxyanzhu.com/statics/static/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 module_title_flex">
        劳务管理
        <view class="module_see_info" bindtap="goLWGL">查看详情
          <van-icon name="arrow" />
        </view>
      </view>
      <!-- tab栏切换 -->
      <view class="information-review-tab" bindtap="selected">
        <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 chart-id="chart2" data="{{labourData}}" height="350"></safety-bar-chart>
          </van-col>
        </van-row>
      </view>
    </view>
  </view>

  <view class="echarts_max">
    <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>



<!-- 底部导航 -->
<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>