index.wxml 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!--pages/agent/serviceBillDetail/index.wxml-->
  2. <view class="panel mt-5">
  3. <view class="flex-align-start">
  4. <view style="flex:1">
  5. <view class="mt-5">
  6. <text class="colorInfo small">服务单号:</text>
  7. <text class="billno">{{orderMainData.billno}}</text>
  8. </view>
  9. <view class="mt-5">
  10. <t-tag class="mr-5" variant="light" shape="round" theme="primary" size="small">{{orderMainData.servicetype}}</t-tag>
  11. <t-tag class="mr-5" variant="light" shape="round" theme="primary" size="small">{{orderMainData.class1}}</t-tag>
  12. <t-tag class="mr-5" variant="light" shape="round" theme="primary" size="small">{{orderMainData.class2}}</t-tag>
  13. </view>
  14. </view>
  15. <view class="flex-align-center">
  16. <view wx:if="{{orderMainData.status === '待指派'}}" class="mr-10" bindtap="showWorkerDialog">
  17. <t-icon name="root-list" size="36rpx" bind:click="onIconTap" />
  18. <text style="font-size: 20rpx;">转工单</text>
  19. </view>
  20. <view wx:if="{{orderMainData.status === '待指派'}}" class="mr-10" bindtap="showBackReason">
  21. <t-icon name="enter" size="36rpx" bind:click="onIconTap" />
  22. <text style="font-size: 20rpx;">退回</text>
  23. </view>
  24. <view class="flex-align-center" wx:if="{{orderMainData.status === '新建'}}" >
  25. <view class="mr-10" bindtap="onSubmit">
  26. <t-icon name="root-list" size="36rpx" bind:click="onIconTap" />
  27. <text style="font-size: 20rpx;">提交</text>
  28. </view>
  29. <view class="mr-10" bindtap="onEdit">
  30. <t-icon name="edit" size="36rpx" bind:click="onIconTap" />
  31. <text style="font-size: 20rpx;">编辑</text>
  32. </view>
  33. <view bindtap="onDelete">
  34. <t-icon name="delete" size="36rpx" bind:click="onIconTap" />
  35. <text style="font-size: 20rpx;">删除</text>
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. <view class="small"><text class="label">服务单类型:</text>{{orderMainData.servicetype}}</view>
  41. <view class="small"><text class="label">服务单状态:</text>{{orderMainData.status}}</view>
  42. <view class="small"><text class="label">开始日期:</text>{{orderMainData.begdate}}</view>
  43. <view class="small"><text class="label">结束日期:</text>{{orderMainData.enddate}}</view>
  44. <view wx:if="{{orderMainData.backreason}}" class="small colorError"><text class="label">退回原因:</text>{{orderMainData.backreason}}</view>
  45. </view>
  46. <!-- <view style="padding:5px" class="small"><text class="label">现场联系人</text></view> -->
  47. <view class="panel mt-5">
  48. <view>
  49. <view class="small"><text class="label">姓名:</text>{{orderMainData.scenecontact}}</view>
  50. <view class="small flex-align-center">
  51. <text class="label">电话:</text>
  52. <t-call phone="{{orderMainData.scenecontactphonenumber}}"></t-call>
  53. </view>
  54. <view class="small"><text class="label">岗位:</text>{{orderMainData.scenecontactrole}}</view>
  55. <view class="small"><text class="label">省市县:</text>{{orderMainData.province + orderMainData.city+orderMainData.county}}</view>
  56. <view class="small"><text class="label">地址:</text>{{orderMainData.address}}</view>
  57. </view>
  58. </view>
  59. <!-- <view style="padding:5px" class="small"><text class="label">关联订单</text></view> -->
  60. <view class="panel mt-5" wx:if="{{orderMainData.sonum}}">
  61. <text class="label">关联订单:</text>{{orderMainData.sonum}}
  62. </view>
  63. <view class="panel mt-5">
  64. <view class="small">
  65. <text class="label">问题描述:</text>{{orderMainData.reason}}
  66. </view>
  67. </view>
  68. <view class="panel mt-5">
  69. <view class="small"><text class="label">附件信息:</text></view>
  70. <imageview wx:if="{{filelist.length > 0}}" list="{{filelist}}"></imageview>
  71. </view>
  72. <view>
  73. <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs">
  74. <t-tab-panel label="关联工单" value="0">
  75. <t-cell wx:for="{{linkWorkOrders}}" wx:key="sa_serviceorderid" title="工单编号" note="{{item.billno}}" data-item="{{item}}" bind:click="tolinkWorkOrder" hover arrow />
  76. <t-empty wx:if="{{linkWorkOrders.length === 0}}" icon="root-list" t-class="empty-cls" t-class-image="t-empty__image" description="暂无工单" />
  77. </t-tab-panel>
  78. <t-tab-panel wx:if="{{orderMainData.servicetype !== '售前' && orderMainData.servicetype !== '历史售后'}}" label="售后商品" value="1">
  79. <view style="padding:10px" wx:if="{{list.length === 0}}">
  80. <t-empty icon="cart" description="暂未添加商品">
  81. <t-button slot="action" theme="primary" size="extra-small" bindtap="addProduct">前往添加</t-button>
  82. </t-empty>
  83. </view>
  84. <view wx:else>
  85. <view style="text-align: right;border:1px solid #f1f2f3">
  86. <t-button theme="primary" size="small" icon="add" variant="text" bindtap="addProduct">
  87. 继续添加
  88. </t-button>
  89. </view>
  90. <view wx:for="{{list}}" wx:key="{{itemid}}">
  91. <product-card data="{{item}}" isdelete="{{true}}" bind:delete="onMXDelete"></product-card>
  92. </view>
  93. </view>
  94. </t-tab-panel>
  95. </t-tabs>
  96. </view>
  97. <t-dialog id="t-dialog" />
  98. <t-dialog
  99. visible="{{showWithInput}}"
  100. title="退回原因"
  101. confirm-btn="确定"
  102. cancel-btn="取消"
  103. bind:confirm="onBack"
  104. bind:cancel="showBackReason"
  105. >
  106. <t-textarea style="margin-top:20px" slot="content" placeholder="请输入退回原因" value="" disableDefaultPadding="{{true}}" bind:blur="inputReason" autosize bordered/>
  107. </t-dialog>
  108. <t-dialog
  109. visible="{{showToWoker}}"
  110. title="转工单"
  111. confirm-btn="确定"
  112. cancel-btn="取消"
  113. bind:confirm="toWorker"
  114. bind:cancel="showWorkerDialog"
  115. >
  116. <view slot="content">
  117. <view class="d-title">
  118. 选择工单模板:
  119. </view>
  120. <view style="margin-bottom:10px">
  121. <block wx:for="{{templist}}" wx:key="rowindex">
  122. <t-tag class="mr-5 mt-5" variant="{{actTemp.sa_workorder_templateid === item.sa_workorder_templateid?'dark':'outline'}}" theme="primary" data-item="{{item}}" bindtap="selectTemp">{{ item.name }}</t-tag>
  123. </block>
  124. </view>
  125. <view class="d-title">
  126. 选择负责人:
  127. </view>
  128. <view class="mt-5">
  129. <block wx:for="{{workers}}" wx:key="rowindex">
  130. <t-tag class="mr-5 mt-5" variant="{{actLeader.userid === item.userid?'dark':'outline'}}" theme="primary" data-item="{{item}}" bindtap="selectLeader">{{ item.position?item.position + '-':'' }}{{ item.name }}</t-tag>
  131. </block>
  132. </view>
  133. <t-button bind:tap="showProgressDialog" variant="primary" size="extra-small">查看人员进度</t-button>
  134. </view>
  135. </t-dialog>
  136. <t-dialog
  137. visible="{{showProgress}}"
  138. title="进度"
  139. confirm-btn="确定"
  140. bind:confirm="showProgressDialog"
  141. external-classes="['t-class']"
  142. show-overlay="{{false}}"
  143. >
  144. <view slot="content">
  145. <scroll-view style="display: inline-block;width: 100%;height: 300px;" scroll-y>
  146. <view wx:for="{{progress}}" wx:key="rowindex">
  147. <view class="small"><text class="label">姓名:</text>{{item.projectleader}}</view>
  148. <view class="small"><text class="label">地址:</text>{{item.province}}{{item.city}}{{item.county}}{{item.address}}</view>
  149. <view class="small"><text class="label">创建时间:</text>{{item.createdate}}</view>
  150. <t-divider align="left" />
  151. </view>
  152. <t-empty wx:if="{{progress.length === 0}}" icon="root-list" t-class="empty-cls" t-class-image="t-empty__image" description="暂无进行中的人员" />
  153. </scroll-view>
  154. </view>
  155. </t-dialog>