feat: 草稿要车单-详情

@@ -674,6 +674,14 @@
 			}
 		},
 		{
+			"path": "pages/draft_order/detail",
+			"style": {
+				"navigationBarTitleText": "草稿要车单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
 			"path": "pages/car_request_order/index",
 			"style": {
 				"navigationBarTitleText": "要车单",

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ form.orderingUnitName }}</text>
+          <view :class="['status', `status_${form.status}`]" />
+          <view class="row"><text class="label">订单编号</text><text class="value">{{ form.orderNo }}</text></view>
+          <view class="row"><text class="label">办事处</text><text class="value">{{ form.deptName }}</text></view>
+          <view class="row"><text class="label">生产厂</text><text class="value">{{ form.workshopName }}</text></view>
+          <view class="row"><text class="label">计划吨位(kg)</text><text class="value">{{ form.quantity }}</text></view>
+          <view class="row"><text class="label">计划装货日期</text><text class="value">{{ form.deliveryDate }}</text></view>
+          <view class="row"><text class="label">卸货地点</text><text class="value">{{ form.destination }}</text></view>
+          <view class="row"><text class="label">接货人/联络人</text><text class="value">{{ form.consignee }}</text></view>
+          <view class="row"><text class="label">联系电话</text><text class="value">{{ form.phone }}</text></view>
+          <view class="row"><text class="label">回货计划安排</text><text class="value">{{ form.returnPlanArrangement }}</text></view>
+          <view class="row"><text class="label">特殊需求、其他等</text><text class="value">{{ form.other }}</text></view>
+          <view class="row"><text class="label">装货特别要求/需求</text><text class="value">{{ form.specialLoadingRequirement }}</text></view>
+        </view>
+      </view>
+    </scroll-view>
+    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+  </view>
+</template>
+
+<script>
+import { getDetailApi, cancelApi } from '@/api/draft_order.js'
+import DetailButtons from '@/components/detail-buttons/index.vue'
+
+export default {
+  name: 'DraftOrderDetail',
+  components: { DetailButtons },
+  data() {
+    return {
+      form: {},
+      buttons: [
+        { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+        { text: '审核详情', visible: true, variant: 'outline', event: 'auditDetail' },
+        { text: '审核', visible: true, variant: 'primary', event: 'audit' },
+        { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
+      ]
+    }
+  },
+  computed: {
+    statusFlags() {
+      const m = this.form || {}
+      const e = String(m.status || '')
+      return {
+        canEdit: (e === 'REFUSE' || e === '' || !e) && m.draftCreateBy || false,
+        canAudit: e === 'AUDIT' && m.showExamine || false,
+        canCancel: e === 'REFUSE' && m.draftCreateBy || false,
+      }
+    },
+    displayButtons() {
+      const f = this.statusFlags
+      return [
+        { ...this.buttons[0], visible: f.canEdit && this.$auth.hasPermi('shipping-plan-manage:draft-order:modify') },
+        { ...this.buttons[1], visible: this.$auth.hasPermi('shipping-plan-manage:draft-order:review') },
+        { ...this.buttons[2], visible: f.canAudit && this.$auth.hasPermi('shipping-plan-manage:draft-order:approve') },
+        { ...this.buttons[3], visible: f.canCancel && this.$auth.hasPermi('shipping-plan-manage:draft-order:cancel') },
+      ]
+    }
+  },
+  onLoad(query) {
+    const id = (query && (query.id || query.code)) || ''
+    if (id) this.loadDetail(id)
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        this.form = res.data || {}
+      } catch (e) {
+        this.form = {}
+      }
+    },
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      const map = {
+        edit: () => this.onEdit(),
+        auditDetail: () => this.onAuditDetail(),
+        audit: () => this.onAudit(),
+        cancel: () => this.onCancel(),
+      }
+      const fn = map[btn.event]
+      if (typeof fn === 'function') fn()
+    },
+    onEdit() {
+      const id = this.form.id || this.form.code
+      if (id) uni.navigateTo({ url: `/pages/draft_order/modify?id=${id}` })
+    },
+    onAuditDetail() {
+      uni.setStorageSync('sourceBusinessId', this.form.id)
+      uni.navigateTo({ url: '/pages/flow/audit_detail' })
+    },
+    onAudit() {
+      uni.setStorageSync('sourceBusinessId', this.form.id)
+      uni.navigateTo({ url: '/pages/flow/audit' })
+    },
+    onCancel() {
+      const id = this.form.id || this.form.code
+      if (!id) return
+      uni.showModal({
+        title: '提示',
+        content: '确定要取消该草稿要车单吗？',
+        success: async (res) => {
+          if (res.confirm) {
+            try {
+              await cancelApi(id)
+              uni.showToast({ title: '取消成功', icon: 'success' })
+              setTimeout(() => { uni.redirectTo({ url: '/pages/draft_order/index' }) }, 300)
+            } catch (e) {
+              uni.showToast({ title: (e && e.msg) || '取消失败', icon: 'none' })
+            }
+          }
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.scroll {
+  flex: 1;
+  background: #f3f3f3;
+}
+
+.detail-page {
+  padding-bottom: 144rpx;
+}
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+
+  .status {
+    position: absolute;
+    top: 16rpx;
+    right: 52rpx;
+    width: 180rpx;
+    height: 146rpx;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+
+   &_AUDIT {
+      background-image: url('~@/static/images/dev_manage/status_1.png');
+    }
+
+    &_PASS {
+      background-image: url('~@/static/images/dev_manage/status_2.png');
+    }
+
+    &_REFUSE {
+      background-image: url('~@/static/images/dev_manage/status_3.png');
+    }
+
+    &_CANCEL {
+      background-image: url('~@/static/images/dev_manage/status_4.png');
+    }
+
+  }
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.company {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    padding-top: 10rpx;
+    margin-bottom: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    width: 240rpx;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .value {
+    flex: 1;
+    line-height: 32rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>

@@ -273,7 +273,7 @@ export default {
 			if (!id) return
 			const query = '?id=' + encodeURIComponent(id)
 			uni.navigateTo({
-				url: '/pages/replenishment_order/detail' + query
+				url: '/pages/draft_order/detail' + query
 			})
 		},
 		onDeptNameInput(val) {