water_sh/pages/customFlow/index.wxml

<!--pages/accessory/index.wxml-->
<navBar title="维修详情" leftArrow></navBar>
<view>
  <view class="">
    <view class="steps">
      <view class="item" wx:if="{{actionList.length}}">
        <van-icon name="success" class="successIcon" color="#1989FA" />
        <view class="line" style="height: 98%;"></view>
        <view class="item-content">
          <view class="item-title">需求提交 </view>
          <view class="item-time">{{actionList[0].actionTime}}</view>
          <view>
            <van-field value="{{device.ownerPhone}}" readonly placeholder="获取的手机号" border="{{ false }}" label="设备手机号:" clearable />
            <van-field value="{{device.name}}" readonly placeholder="获取的信息" label="设备名称:" />
            <van-field value="{{device.address}}"  type="textarea" autosize="{{autosize}}" readonly label="设备地址：" placeholder="获取的信息" />
            <van-field value="{{actionList[0].actionInfo.contactName}}" readonly placeholder="请输入联系人" clearable label="报修联系人：" />
            <van-field value="{{actionList[0].actionInfo.contactPhone}}" readonly placeholder="请输入手机号" clearable label="联系手机号：" />
            <van-field value="{{actionList[0].actionInfo.repairScene.sceneName}}" readonly placeholder="请输入联系人" clearable label="维修类型：" />
            <view class="record-filed">
      <view class="recode-title">故障录音</view>
      <view class="recode-data">
        <view class="recode">
          <view class="record-bgm" bind:tap="playCorder">{{playText}}</view>
          <view class="record-wave-multiple" wx:if="{{recorder.status=='recording'||isPlay}}" >
            <view></view>
            <view></view>
            <view></view>
          </view>
        </view>
      </view>

      
    </view>
            <van-field value="{{actionList[0].actionInfo.faultDesc}}"  readonly placeholder="" label="故障描述：" type="textarea" autosize="{{autosize}}" clearable />
            <view style="background-color: #fff;padding: 5px 10px;">
             <com-img
             style="margin-right: 10rpx;"
             height="100rpx"
             src="{{item}}"
             wx:for="{{actionList[0].actionInfo.faultImg}}" 
             mode="heightFix"

             >
            

             </com-img>
             
            </view>

          </view>

        </view>
      </view>
      <view class="item" wx:if="{{actionList.length>1}}">
        <van-icon name="success" class="successIcon" color="#1989FA" />
        <view class="line"></view>
        <view class="item-content">
          <view class="item-title">工程师接单 </view>
          <view class="item-time">{{actionList[1].actionTime}}</view>
          <view>
            <van-cell center border="false" label="{{actionList[1].actionInfo.phonenumber}}">
              <view slot="title">
                <van-icon name="contact-o" class="custom-icon" />
                {{actionList[1].actionInfo.nickName}}
              </view>
              <van-icon slot="right-icon" name="contact-o" class="custom-icon" />
            </van-cell>
          </view>

        </view>
      </view>
      <view class="item" wx:if="{{actionList.length>2}}">
        <van-icon name="success" class="successIcon" color="#1989FA" />
        <view class="line"></view>
        <view class="item-content">
          <view class="item-title">工程师签到 </view>
          <view class="item-time">{{actionList[2].actionTime}}</view>
          <view>
            <van-field value="{{actionList[2].actionInfo.location}}" readonly label="上门地址：" placeholder="获取的信息" />

          </view>

        </view>
      </view>
      <view class="item" wx:if="{{actionList.length>3}}">
        <van-icon name="success" class="successIcon" color="#1989FA" />
        <view class="line" style="height: 96%;"></view>
        <view class="item-content">
          <view class="item-title">维修完成 </view>
          <view class="item-time">{{actionList[3].actionTime}}</view>
          <view>
            <view style="color:#000;font-size: 26rpx;margin: 20rpx;">更换配件:</view>
            <view style="background-color: #fff;padding: 10rpx;">
              <van-tag type="success" size="large" style="margin:5rpx;display: inline-block;" wx:for="{{actionList[3].actionInfo.parts}}">{{item.partsName}}X{{item.quantity}}</van-tag>
            </view>
            <van-field value="{{actionList[3].actionInfo.desc}}" readonly placeholder="" label="维修事项：" type="textarea" autosize="{{autosize}}" clearable />

            <image mode="heightFix" style="margin-right:10rpx;height: 100rpx;" wx:for="{{actionList[3].actionInfo.img}}" src="{{item}}"></image>
          </view>
          <view>

          </view>

        </view>
      </view>
      <view class="item" wx:if="{{actionList.length>3}}">

        <van-icon name="success" class="successIcon" color="#1989FA" />
        <view class="item-content">
          <view class="item-title">客户评价 </view>
          <view class="item-time" wx:if="{{orderStatus==5}}">{{actionList[4].actionTime}}</view>
          <view wx:if="{{orderStatus==4}}" style="padding: 15rpx 20rpx;">
            <van-button type="info" bind:tap="gotoDevluate" block>去评价</van-button>

          </view>
          <view style="padding: 5rpx 0rpx;" wx:else>
            <van-field value="{{actionList[4].actionInfo.desc}}" readonly placeholder="" label="服务描述：" type="textarea" autosize="{{autosize}}" clearable />
            <view style="font-size: 28rpx;">
              服务态度：
              <van-rate value="{{ actionList[4].actionInfo.serviceAttitudeScore}}"  readonly color="#ffd21e" />
            </view>
            <view style="font-size: 28rpx;">
              技术水平：
              <van-rate value="{{ actionList[4].actionInfo.technicalLevelScore}}" readonly color="#ffd21e" />
            </view>
            <view style="font-size: 28rpx;">
              规范操作：
              <van-rate value="{{ actionList[4].actionInfo.standardOperationScore}}" readonly color="#ffd21e" />
            </view>
            <view style="font-size: 28rpx;">
              沟通能力：
              <van-rate value="{{ actionList[4].actionInfo.communicationSkillScore}}" readonly  color="#ffd21e" />
            </view>
          </view>
          <view>

          </view>

        </view>
      </view>
    </view>
  </view>
</view>