acceptFill.wxml 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <view class="container">
  2. <view class="service-order">
  3. <view class="section-title1">服务工单</view>
  4. <view class="order-info">
  5. <view class="info-item">
  6. <text class="label">服务单号:</text>
  7. <text class="value">{{orderDetail.orderNo}}</text>
  8. </view>
  9. <view class="info-item">
  10. <text class="label">客户:</text>
  11. <text class="value">{{orderDetail.customerName}}</text>
  12. </view>
  13. <view class="info-item">
  14. <text class="label">服务人员:</text>
  15. <text class="value">{{orderDetail.serviceStaffNames}}</text>
  16. </view>
  17. <view class="info-item">
  18. <text class="label">预计服务完成时间:</text>
  19. <text class="value">{{orderDetail.estimatedCompleteTime}}</text>
  20. </view>
  21. <view class="info-item delay-info">
  22. <text class="label">距服务完成时间还剩:</text>
  23. <text class="value highlight">{{orderDetail.remainingTime}}天</text>
  24. </view>
  25. <view class="info-item">
  26. <text class="label">备注:</text>
  27. <text class="value">{{orderDetail.remark}}</text>
  28. </view>
  29. </view>
  30. </view>
  31. <view class="service-record">
  32. <view class="record-header">
  33. <text class="section-title">验收填写</text>
  34. <l-button class="history-btn" bindtap="viewHistory" size="mini">服务记录</l-button>
  35. </view>
  36. </view>
  37. <view class="record-content" >
  38. <view class="form-container">
  39. <form catchsubmit="formSubmit" >
  40. <view class="form-item">
  41. <text class="form-label required">服务人员:</text>
  42. <picker class="picker" mode="selector" range-key="name" range="{{serviceList}}" bindchange="onSelectPerson">
  43. <view class="picker-text">{{formObj.checkUserName || "请选择服务人员"}}</view>
  44. </picker>
  45. </view>
  46. <view class="form-item">
  47. <text class="form-label required">验收日期:</text>
  48. <picker class="picker" mode="date" bindchange="onDateChange" value="{{formObj.checkDate}}">
  49. <view class="picker-text">{{formObj.checkDate || "请选择验收日期"}}</view>
  50. </picker>
  51. </view>
  52. <view class="form-item">
  53. <text class="form-label required">客户对接人:</text>
  54. <l-input class='input-custorm' id="receiverName" value="{{formObj.contactName}}" hide-label show-row="{{false}}" bind:lininput="change_receiver_input" bind:linconfirm="confirm_receiver_input" bind:linblur="confirm_receiver_input" clear="{{true}}" placeholder="请输入客户对接人"/>
  55. </view>
  56. <scroll-view class="receiver_bx" scroll-y="true" wx:if="{{receiverShow}}" style = "top:580rpx;">
  57. <view class = "receiver_txt" wx:if="{{r_txt_Show}}">暂无内容</view>
  58. <block wx:for="{{custormList}}" wx:for-item="item" wx:key="index">
  59. <view class = "receiver_txt" bindtap="on_rece_tap" data-id="{{item.id}}" data-name="{{item.name}}"> {{item.name}} </view>
  60. </block>
  61. </scroll-view>
  62. <view class="form-item">
  63. <text class="form-label required">对接人电话:</text>
  64. <l-input class='input-custorm' bind:lininput="onPhoneChange" id="receiverTel" value="{{formObj.telephone}}" hide-label show-row="{{false}}" placeholder="请输入对接人电话"/>
  65. </view>
  66. <view class="form-item">
  67. <text class="form-label required">验收单:</text>
  68. <view class="uploader">
  69. <view class="preview-list">
  70. <block wx:for="{{images}}" wx:key="index">
  71. <view class="preview-item">
  72. <image
  73. class="preview-image"
  74. src="{{item.tempFilePath}}"
  75. mode="aspectFill"
  76. bindtap="previewImage"
  77. data-index="{{index}}"
  78. />
  79. <view class="delete-btn" bindtap="deleteImage" data-index="{{index}}">×</view>
  80. </view>
  81. </block>
  82. <view
  83. class="preview-item upload-btn"
  84. wx:if="{{images.length < 3}}"
  85. bindtap="chooseImage"
  86. >
  87. <view class="add-text">+</view>
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. <view class="btn-area">
  93. <button class="medium-button" style="margin: 30rpx 0" bindtap="goBack" data-id="{{item.id}}">取消</button>
  94. <button class="medium-button" style="margin: 30rpx 0; background-color: #3963bc; color: white;" formType="submit">提交</button>
  95. </view>
  96. </form>
  97. </view>
  98. </view>
  99. <!-- <view class="service-record">
  100. <view class="record-header">
  101. <text class="section-title">服务记录</text>
  102. <l-button wx:if="{{records && records.length>0}}" class="history-btn" bindtap="viewHistory" size="mini">历史记录</l-button>
  103. </view>
  104. <view wx:if="{{ records && records.length<1 }}" class="info-item nodata">暂无记录</view>
  105. </view>
  106. <view>
  107. <view class="order-info item-box" wx:for="{{records}}" wx:key="index" >
  108. <view class="info-item">
  109. <text class="label">日期:</text>
  110. <text class="value">{{item.installDate}}</text>
  111. </view>
  112. <view class="info-item">
  113. <text class="label">货品:</text>
  114. <text class="value">{{item.goodsName}}</text>
  115. </view>
  116. <view class="info-item">
  117. <text class="label">数量:</text>
  118. <text class="value">{{item.orderQuantity}}</text>
  119. </view>
  120. <view class="info-item">
  121. <text class="label">剩余量:</text>
  122. <text class="value">{{item.unshippedQuantity}}</text>
  123. </view>
  124. <view class="info-item">
  125. <text class="label">已完成量:</text>
  126. <text class="value">{{item.shippedQuantity}}</text>
  127. </view>
  128. <view class="info-item delay-info">
  129. <text class="label">今日完成量:</text>
  130. <text class="value highlight">{{item.installQuantity}}</text>
  131. </view>
  132. <view class="info-item">
  133. <text class="label">备注:</text>
  134. <text class="value">{{item.installRemark}}</text>
  135. </view>
  136. </view>
  137. </view> -->
  138. </view>