cdht-app-h5/miniprogram/pages/vehicleMaintenance/operation/offer/offer.wxml

<!--pages/vehicleMaintenance/operation/offer/offer.wxml-->
<view class="container">
  <view class="content-box">
    <view class="content">
      <view class="top">
        <view class="left">
          <view class="line"></view>
          <view class="title require">维修明细 ({{repairDetailList.length}})</view>
        </view>
        <view class="right">
          <view class="btn-add" catch:tap="addOffer">
            <image src="../../../../images/btn_add.png" mode="" />
            新增明细
          </view>
        </view>
      </view>
      <view class="offer-content">
        <view class="offer-list">
          <view class="offer-item" wx:if="{{showMore}}" wx:for="{{repairDetailList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
            <view class="row">
              <view class="label">维修分类</view>
              <view class="val">
                <view class="project-select" data-fieldName="classifyShow" data-index="{{index}}" catch:tap="pickerChange">
                  <view class="picker">
                    <view style="color: #aaa;font-size: 14px;" wx:if="{{!item.repairClass}}">请选择维修分类</view>
                    <view style="font-size: 14px;" wx:else>{{item.repairClass_dictText}}</view>
                    <view class="arrow"></view>
                  </view>
                </view>
              </view>
            </view>
            <view class="row">
              <view class="label">维修内容</view>
              <view class="val">
                <input type="text" placeholder="请输入" value="{{ item.repairContent }}" data-index="{{index}}" data-key="repairContent" bindblur="changeOfferVal" />
                <image src="../../../../images/icon_delete.png" mode="" class="delete" data-fieldName="repairContent" data-index="{{index}}" catch:tap="resetData" />
              </view>
            </view>
            <view class="row">
              <view class="label">数量</view>
              <view class="num-val">
                <view class="down" data-index="{{index}}" data-type="down" catch:tap="changeNum">-</view>
                <input type="digit" placeholder="请输入" value="{{ item.quantity }}" data-index="{{index}}" data-key="quantity" data-fixed="0" bindblur="changeOfferVal" />
                <view class="up" data-index="{{index}}" data-type="up" catch:tap="changeNum">+</view>
              </view>
            </view>
            <view class="row">
              <view class="label">材料单价</view>
              <view class="val">
                <input type="digit" placeholder="请输入" value="{{ item.unitPrice }}" data-index="{{index}}" data-key="unitPrice" data-fixed="2" bindblur="changeOfferVal" />
                <view class="unit">元</view>
              </view>
            </view>
            <view class="row">
              <view class="label">工时</view>
              <view class="val">
                <input type="digit" placeholder="请输入" value="{{ item.workHours }}" data-index="{{index}}" data-key="workHours" data-fixed="2" bindblur="changeOfferVal" />
                <view class="unit">小时</view>
              </view>
            </view>
            <view class="row">
              <view class="label">工时单价</view>
              <view class="val">
                <input type="digit" max='100' placeholder="请输入" value="{{ item.workHoursCost}}" data-index="{{index}}" data-key="workHoursCost" data-fixed="2" bindblur="changeOfferVal" />
                <view class="unit">元</view>
              </view>
            </view>
            <view class="total-row">
              <view class="total">费用小记 <view class="num">{{ item.totalCost }}</view> 元</view>
              <view class="btn-del" data-index="{{index}}" catch:tap="delOffer">删除</view>
            </view>
          </view>
          <van-popup show="{{classifyShow}}" position="bottom" bind:close="hidePicker">
            <van-picker data-fieldname="classify" show-toolbar columns="{{filterClassifyOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
            </van-picker>
          </van-popup>
        </view>
        <view class="btn-hide" wx:if="{{showMore}}" catch:tap="showDetail">
          <image src="../../../../images/icon_up.png" mode="" /> 收起明细
        </view>
        <view class="btn-show" wx:if="{{!showMore}}" catch:tap="showDetail">
          <image src="../../../../images/icon_down.png" mode="" /> 展开明细
        </view>
      </view>
    </view>
    <view class="content">
      <view class="top">
        <view class="left">
          <view class="line"></view>
          <view class="title">维修费用总计</view>
        </view>
        <view class="right"></view>
      </view>
      <view class="row" style="margin: 0 8px 8px 16px;">
        <view class="label">材料费</view>
        <view class="val">
          <input type="digit" placeholder="自动计算" value="{{ materialCost}}" disabled="true" />
          <view class="unit">元</view>
        </view>
      </view>
      <view class="row" style="margin: 0 8px 8px 16px;">
        <view class="label">工时</view>
        <view class="val">
          <input type="digit" placeholder="自动计算" value="{{ totalWorkHours}}" disabled="true" />
          <view class="unit">小时</view>
        </view>
      </view>
      <view class="row" style="margin: 0 8px 8px 16px;">
        <view class="label">工时单价</view>
        <view class="val">
          <input type="digit" placeholder="自动计算" value="{{ totalWorkHoursCost }}" disabled="true" />
          <view class="unit">元</view>
        </view>
      </view>
      <view class="row" style="margin: 0 8px 0 16px;">
        <view class="label">维修报价</view>
        <view class="val">
          <input type="digit" placeholder="自动计算" value="{{ repairCost }}" disabled="true" />
          <view class="unit">元</view>
        </view>
      </view>
    </view>
    <view class="content">
      <view class="top">
        <view class="left">
          <view class="line"></view>
          <view class="title">内容说明</view>
        </view>
        <view class="right"></view>
      </view>
      <view class="marker">
        <textarea type="text" maxlength="100" placeholder="最大输入长度为100" style="height: 96rpx;width: 100%;" placeholder-style="color: #949CB5; font-size: 28rpx; font-weight: 400;" value="{{content}}" bindblur="getMarker" />
      </view>
    </view>
    <view class="content">
      <view class="top">
        <view class="left">
          <view class="line"></view>
          <view class="title require">单据附件(最大上传10张)</view>
        </view>
        <view class="right"></view>
      </view>
      <view wx:if="{{echoFile}}" class="echoFile">
        <view class="photo-list" wx:for="{{echoFile}}" data-index="{{index}}" wx:key="index">
          <image src="{{item.fileUrl}}" mode="" data-index="{{index}}" data-image="echoFile" catch:tap="showImage" />
          <view class="del" catchtap="delImg" data-index="{{index}}">
            <image src="../../../../images/btn_del.png" mode="" />
          </view>
        </view>
      </view>
      <view class="upload" style="margin-left: 8px;">
        <g-upload id="g-upload" maxLength="{{10 - (echoFile ? echoFile.length : 0)}}" uploadUrl="{{uploadUrl}}" bind:returnPic="returnPic"></g-upload>
      </view>
    </view>
  </view>
  <view class="bottom">
    <view class="btn-box">
      <view class="btn" catch:tap="bindSend">提交报价</view>
    </view>
  </view>
</view>