jhwxapp/miniprogram/pageage/Material-Management/index.wxml

339 lines
13 KiB
Plaintext

<!--pages/Material-Management/index.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> -->
<!-- 材料管理 -->
<view class="cailiao" style="padding-top: 0;">
<!-- nav顶部 -->
<view class="nav-cailiao">
<project-select width='640rpx' left='-30rpx' init="{{initData}}" bindchange="onProjectSelect"></project-select>
</view>
<!-- 完结超耗 -->
<view class="cailiao-content" style="margin-top: 64rpx;">
<!-- 头部 -->
<view class="header-cailiao">
<!-- 头部左边 -->
<view class="eharts_title">
完结工号超耗情况
</view>
<!-- 头部右边 -->
<!-- <view class="header-cailiao-right">
<view class="{{indexNum==0?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{0}}" bindtap="onClick">
本月
</view>
<view class="{{indexNum==1?'header-cailiao-right-right active':'header-cailiao-right-right'}}" data-set="{{1}}" bindtap="onClick">
开累
</view>
</view> -->
<text class="hj_float" bindtap="onClick" style="margin-left: 140rpx;">{{value2}} </text>
<van-action-sheet show="{{ show2 }}" actions="{{ actions2 }}" bind:close="onClose" bind:select="onSelect2" />
</view>
<!-- 内容部分 -->
<view class="wanjieNum">
<!-- 已完结功耗数 -->
<view class="wanjieNum-over">
<!-- 上面部分 -->
<view class="project-title">
<view style="border-bottom: 1px solid #0f498c;height: 36rpx;font-size: 28rpx;">
已完结工号数({{finishGhNumber}})
</view>
</view>
<!-- 下面部分 -->
<view class="wanjieNum-over-bottom">
<!-- 每一行两个小盒子 -->
<view class="wanjieNum-over-bottom-top">
<!-- 每一个小盒子 -->
<view class="wanjieNum-over-bottom-top-box">
<view class="wanjieNum-over-bottom-top-box-Img">
<view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_90A967456DFE407BB0575AEEBB6A2823.png" mode="" style="width: 100%;height: 100%;"/>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
消耗设计量
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{finishGhSjl}}
</view> m²
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
<view class="wanjieNum-over-bottom-top-box-Img">
<view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_85DFF1C6FA83430AAFB759BE5E9BF540.png" mode="" style="width: 100%;height: 100%;"/>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
消耗实耗
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{finishGhShl}}
</view> m²
</view>
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top">
<!-- 每一个小盒子 -->
<view class="wanjieNum-over-bottom-top-box">
<view class="wanjieNum-over-bottom-top-box-Img">
<view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_EEA74BB38112403EACC4EEEE147B7B8A.png" mode="" style="width: 100%;height: 100%;"/>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
节超量
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{finishGhJcl}}
</view> m³
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
<view class="wanjieNum-over-bottom-top-box-Img">
<view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_E1531591CFF242DB9C1EE50BAB08059A.png" mode="" style="width: 100%;height: 100%;"/>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
节超率
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{finishGhJclRate}}
</view> %
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 超耗率TOP5材料 -->
<view class="chaohao" wx:if="{{topMaterialIsSHowFlag}}">
<!-- 上面部分 -->
<view class="project-title">
<view style="border-bottom: 1px solid #0f498c;height: 36rpx;">
超耗率TOP5材料
</view>
</view>
<!-- 下面部分 -->
<view class="chaohao-bottom">
<!-- echarts图 -->
<view class="chaohao-content">
<safety-bar-charts chart-id="chart2" data="{{safetyDeepData}}" height="570"></safety-bar-charts>
</view>
</view>
</view>
<!-- 超耗原因分析 -->
<view class="chaohao-fenxi" wx:if="{{topMaterialReasonIsSHowFlag}}">
<!-- 上面部分 -->
<view class="project-title">
<view style="border-bottom: 1px solid #0f498c;height: 36rpx;display: flex;justify-content: space-between;align-items: center;">
超耗原因分析
<view style="color:#4675ff;">
混凝土(m²)
</view>
</view>
</view>
<!-- 下面部分 -->
<view class="chaohao-fenxi-bottom">
<safety-pie-charts chart-id="chart1" title="超耗总量" chart-data="{{videoSurvey}}"></safety-pie-charts>
</view>
</view>
</view>
</view>
<!-- 进行中工号用料情况 -->
<view class="yongliao">
<!-- 头部 -->
<view class="header-cailiao">
<!-- 头部左边 -->
<view class="eharts_title">
进行中工号用料情况
</view>
<!-- 头部右边 -->
<!-- <view class="header-cailiao-right">
<view class="{{indexNum1==1?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{1}}" bindtap="onClick1">
本月
</view>
<view class="{{indexNum1==2?'header-cailiao-right-right active':'header-cailiao-right-right'}}" data-set="{{2}}" bindtap="onClick1">
开累
</view>
</view> -->
<text class="hj_float" bindtap="onClick1" style="margin-left: 140rpx;">{{value1}} </text>
<van-action-sheet show="{{ show1 }}" actions="{{ actions1 }}" bind:close="onClose" bind:select="onSelect1" />
</view>
<!-- 用料情况内容 -->
<view class="wanjieNum">
<!-- 已完结功耗数 -->
<view class="wanjieNum-over">
<!-- 上面部分 -->
<!-- <view class="project-title">
<view style="border-bottom: 1px solid #0f498c;height: 36rpx;">
已完结工号数(30)
</view>
</view> -->
<!-- 下面部分 -->
<view class="wanjieNum-over-bottom">
<!-- 每一行两个小盒子 -->
<view class="wanjieNum-over-bottom-top">
<!-- 每一个小盒子 -->
<view class="wanjieNum-over-bottom-top-box">
<view class="wanjieNum-over-bottom-top-box-ImgA">
<!-- <view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_90A967456DFE407BB0575AEEBB6A2823.png" mode="" style="width: 100%;height: 100%;"/>
</view> -->
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
进行中工号数
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{underGhNumber}}
</view>
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
<view class="wanjieNum-over-bottom-top-box-ImgB">
<!-- <view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_85DFF1C6FA83430AAFB759BE5E9BF540.png" mode="" style="width: 100%;height: 100%;"/>
</view> -->
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
正常量
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{materialZc}}
</view> m³
</view>
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top">
<!-- 每一个小盒子 -->
<view class="wanjieNum-over-bottom-top-box">
<view class="wanjieNum-over-bottom-top-box-ImgC">
<!-- <view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_EEA74BB38112403EACC4EEEE147B7B8A.png" mode="" style="width: 100%;height: 100%;"/>
</view> -->
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
超耗量
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{materialCh}}
</view> m³
</view>
</view>
</view>
<view class="wanjieNum-over-bottom-top-box" style="padding-left: 20rpx;">
<view class="wanjieNum-over-bottom-top-box-ImgD">
<!-- <view class="wanjieNum-over-bottom-top-box-Img-small">
<image src="https://szgcwx.jhncidg.com/staticFiles/img/WEB_E1531591CFF242DB9C1EE50BAB08059A.png" mode="" style="width: 100%;height: 100%;"/>
</view> -->
</view>
<view class="wanjieNum-over-bottom-top-box-title">
<view class="wanjieNum-over-bottom-top-box-title-text">
临建量
</view>
<view class="wanjieNum-over-bottom-top-box-title-text" style="display: flex;">
<view style="font-size: 30rpx;color: #0189f3;">
{{materialLj}}
</view>m³
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 混凝土使用情况 -->
<view class="hunningtu">
<!-- 头部 -->
<view class="header-cailiao">
<!-- 头部左边 -->
<view class="eharts_title">
混凝土使用情况
</view>
<!-- 头部右边 -->
<text class="hj_float" bindtap="onClick2" style="margin-left: 140rpx;">{{value3}} </text>
<van-action-sheet show="{{ show3 }}" actions="{{ actions3 }}" bind:close="onClose" bind:select="onSelect3" />
<!-- <view class="header-cailiaos">
<view class="header-cailiao-right">
<view class="{{indexNum2==1?'header-cailiao-right-left active':'header-cailiao-right-left'}}" data-set="{{1}}" bindtap="onClick2">
本月
</view>
<view class="{{indexNum2==0?'header-cailiao-right-right active':'header-cailiao-right-right'}}" data-set="{{0}}" bindtap="onClick2">
开累
</view>
</view>
</view> -->
</view>
<!-- 内容有边 -->
<view style="padding:40rpx 30rpx;">
<voucher-select columns="{{situationList}}" selectValue="全部" selectIndex="0" placeholder="请选择" bindchange="onSelectEducationType"></voucher-select>
</view>
<!-- 数据展示图 -->
<view class="hunningtu-bottom">
<view class="hunningtu-content">
<safety-bar-chartss chart-id="chart3" data="{{safetyDeepList}}" height="480"></safety-bar-chartss>
</view>
</view>
</view>
</view>
<van-overlay show="{{loadShow}}">
<view class="gif">
<image src="../../images/loding2.gif"></image>
<view>数据加载中!请稍后...</view>
</view>
</van-overlay>
<!-- <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="https://szgcwx.jhncidg.com/staticFiles/img/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> -->