| | |
| | | <template> |
| | | <el-dialog |
| | | v-model="visible" |
| | | title="产品订单" |
| | | title="产品订购" |
| | | width="900px" |
| | | destroy-on-close |
| | | class="order-status-dialog" |
| | |
| | | <table class="order-info-table"> |
| | | <tbody> |
| | | <tr> |
| | | <td class="label">订单编号:</td> |
| | | <td class="value">{{ order.id }}</td> |
| | | <td class="label">申请时间:</td> |
| | | <td class="label">订单编号</td> |
| | | <td class="value"> |
| | | {{ order.id }} |
| | | <el-link type="primary" @click="goBuyerCenter" style="margin-left: 8px">前往买家中心</el-link> |
| | | </td> |
| | | <td class="label">申请时间</td> |
| | | <td class="value">{{ order.applyTime }}</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="label">产品名称:</td> |
| | | <td class="label">产品名称</td> |
| | | <td class="value">{{ order.productName }}</td> |
| | | <td class="label">提供者:</td> |
| | | <td class="label">提供者</td> |
| | | <td class="value">{{ order.provider }}</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="label">订单状态:</td> |
| | | <td class="label">订单状态</td> |
| | | <td class="value">{{ statusText(order.status) }}</td> |
| | | <td></td> |
| | | <td class="value link"> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import { ref, computed, watch } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | |
| | | interface Props { |
| | | modelValue: boolean |
| | |
| | | |
| | | const loading = ref(false) |
| | | const order = ref<OrderDetail | null>(null) |
| | | const router = useRouter() |
| | | |
| | | // 模拟订单数据 |
| | | const mockOrders: Record<string, OrderDetail> = { |
| | |
| | | // 仅演示 |
| | | window.alert('这里可跳转到订单详情页(示例)') |
| | | } |
| | | |
| | | const goBuyerCenter = () => { |
| | | router.push({ name: 'tradeBuyerCenter', query: { t: String(Date.now()) } }) |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |