detail.wxml 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <view class="intr">
  2. <view class="top">
  3. <view class="name">{{detail.sonum || '--'}}</view>
  4. <view class="statu" style="border-color: {{set.color(detail.status)}}; color: {{set.color(detail.status)}};">
  5. {{detail.status || '--'}}
  6. </view>
  7. </view>
  8. <view class="content">
  9. <view class="row">
  10. <view class="exp full-width">单据日期:{{detail.createdate || '--'}}</view>
  11. </view>
  12. <view class="row">
  13. <view class="exp">客户:{{detail.name || '--'}}</view>
  14. <view class="exp">手机号:{{detail.phonenumber || '--'}}</view>
  15. </view>
  16. <view class="row">
  17. <view class="exp">门店:{{detail.storename || '--'}}</view>
  18. <view class="exp">订单数量:{{detail.qty || '--'}}</view>
  19. </view>
  20. <view class="row">
  21. <view class="exp">付款状态:<text class="{{detail.ispaid == 1 ? 'text-green' : 'text-red'}}">{{detail.ispaid == 1 ? '已收款' : '未收款'}}</text></view>
  22. <view class="exp"></view>
  23. </view>
  24. <view class="row">
  25. <view class="exp">订单金额:{{detail.showAmount || '--'}}</view>
  26. <view class="exp">未收金额:{{detail.showUnpaidAmount || '--'}}</view>
  27. </view>
  28. <view class="row">
  29. <view class="exp full-width">创建人:{{detail.createby || '--'}}</view>
  30. </view>
  31. <view class="row">
  32. <view class="exp full-width">创建时间:{{detail.createdate || '--'}}</view>
  33. </view>
  34. <view class="row">
  35. <view class="exp full-width">小区及门牌号:{{detail.community || '--'}}</view>
  36. </view>
  37. <view class="row">
  38. <view class="exp full-width">地址:{{detail.address || '--'}}</view>
  39. </view>
  40. <view class="row">
  41. <view class="exp full-width">订单备注:{{detail.remarks || '--'}}</view>
  42. </view>
  43. </view>
  44. </view>
  45. <view style="height: 20rpx;" />
  46. <Yl_FunTabs list='{{tabsList}}' active='{{tabsActive}}' bind:onChenge="tabsChange">
  47. <OrderDetails slot='订单商品' id='OrderDetails' order-id="{{detail.sa_custorderid}}" order-status="{{detail.status}}" />
  48. <PaymentRecord slot='付款记录' id='PaymentRecord' order-id="{{detail.sa_custorderid}}" order-status="{{detail.status}}" />
  49. <Yl_Attachment slot='附件' id='Yl_Attachment' ownertable="sa_custorder" ownerid="{{sa_custorderid}}" />
  50. </Yl_FunTabs>
  51. <view style="height: 130rpx;" />
  52. <Yl_Tabbar wx:if="{{tabbarList.length}}" list='{{tabbarList}}' bind:callback="tabbarOnClick" />
  53. <!-- 退单原因模态框 -->
  54. <van-dialog show="{{ showRefundModal }}" title="填写退单原因" show-cancel-button bind:confirm="confirmRefund" bind:cancel="cancelRefund" confirm-button-color="#385CDF" cancel-button-color="#999" use-slot>
  55. <view class="refund-modal-content">
  56. <textarea class="textarea" value="{{ refundReason }}" placeholder="请输入退单原因" bind:input="onRefundReasonInput" placeholder-style="color: #999; font-size: 26rpx;" />
  57. </view>
  58. </van-dialog>
  59. <!-- 删除确认弹窗 -->
  60. <van-dialog
  61. show="{{ showDeleteConfirm }}"
  62. title="确认删除"
  63. message="确定要删除此订单吗?"
  64. show-cancel-button
  65. bind:confirm="confirmDelete"
  66. bind:cancel="cancelDelete"
  67. confirm-button-color="#385CDF"
  68. />
  69. <wxs module="set">
  70. module.exports = {
  71. color: function (statu) {
  72. var color = '#999999';
  73. switch (statu) {
  74. case "待出库":
  75. color = '#FA8C16';
  76. break;
  77. case "部分出库":
  78. color = '#1890FF';
  79. break;
  80. case "已出库":
  81. case "已完成":
  82. color = '#52C41A';
  83. break;
  84. case "已关闭":
  85. case "已退单":
  86. case "已取消":
  87. color = '#FF4D4F';
  88. break;
  89. case "已付款":
  90. color = '#722ED1';
  91. break;
  92. };
  93. return color;
  94. }
  95. }
  96. </wxs>