digital-medicine-front/src/views/cdt/models/orderInfo.vue

<template>
    <div>
        <div class="info-title f-w-5 mb-15">订单信息</div>
        <vxe-table ref="vxeTableRef" border :data="info?.testOrderDetailList" :merge-cells="mergeCells">
            <vxe-column title="订单号" fixed="left" width="120">
                <template #default>{{ info?.orderNo }}</template>
            </vxe-column>
            <vxe-column title="企业名称" min-width="100">
                <template #default>
                    <div>{{ info?.cpyName }}</div>
                    <div class="c-999 f-s-12">{{ info?.creditCode }}</div>
                </template>
            </vxe-column>
            <vxe-column title="会员级别" width="100">
                <template #default>
                    {{ info?.vipLevelName }}
                </template>
            </vxe-column>
            <vxe-column title="套餐详情" min-width="100">
                <template #default="{ row }">
                    {{ row?.packageName }}
                </template>
            </vxe-column>
            <vxe-column title="购买数量" width="90">
                <template #default="{ row }">
                    {{ row?.quantity }}
                </template>
            </vxe-column>
            <vxe-column title="实收款" width="100">
                <template #default="{ row }">{{ row?.amount }}元</template>
            </vxe-column>
            <vxe-column title="下单人" min-width="100">
                <template #default>
                    <div>{{ info?.createName }}</div>
                </template>
            </vxe-column>
            <vxe-column title="下单时间" min-width="100">
                <template #default>
                    <div>{{ info?.createTime }}</div>
                </template>
            </vxe-column>
            <vxe-column title="订单状态" width="100">
                <template #default>
                    <div>{{ selectDictLabel(test_order_status_bg, info?.status) }}</div>
                </template>
            </vxe-column>
        </vxe-table>
    </div>
</template>
<script setup lang="ts">
import { propTypes } from '@/utils/propTypes';
import { VxeTablePropTypes } from 'vxe-table';
import { colNoData } from '@/utils/noData';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { test_order_status_bg } = toRefs<any>(proxy?.useDict('test_order_status_bg'));
const vxeTableRef = ref<any>(null);
const list = ref<any[]>([]);
const props = defineProps({
    info: propTypes.any.def({})
});
// 合并表格
const mergeCells = ref<VxeTablePropTypes.MergeCells>([
    { row: 0, col: 0, rowspan: 2, colspan: 0 },
    { row: 0, col: 1, rowspan: 2, colspan: 0 },
    { row: 0, col: 2, rowspan: 2, colspan: 0 },
    { row: 0, col: 6, rowspan: 2, colspan: 0 },
    { row: 0, col: 7, rowspan: 2, colspan: 0 },
    { row: 0, col: 8, rowspan: 2, colspan: 0 }
]);
</script>
<style lang="scss" scoped></style>