front-end/admin-code/src/views/order/list.vue

<template>
	<cl-crud @load="onLoad">
		<template #table-column-status="{scope}">
			<el-tag v-if="scope.row.status == 1" size="medium" type="danger">待配送</el-tag>
			<el-tag v-else-if="scope.row.status == 2" size="medium" type="danger">配送中</el-tag>
			<el-tag v-else-if="scope.row.status == 3" size="medium" type="danger">待通知</el-tag>
			<el-tag v-else-if="scope.row.status == 4" size="medium" type="danger">已取消</el-tag>
			<el-tag v-else-if="scope.row.status == 5" size="medium" type="success">已完成</el-tag>
			<el-tag v-else size="medium" type="danger">待付款</el-tag>
		</template>
	</cl-crud>
</template>

<script>
export default {
	methods: {
		onLoad({ ctx, app }) {
			ctx.service(this.$service.order)
				.set('table', {
					columns: [
						{
							type: 'selection',
							align: 'center',
							width: '60'
						},
						{
							prop: 'id',
							label: '单号',
							align: 'center'
						},
						{
							prop: 'bookName',
							label: '订花人',
							align: 'center'
						},
						{
							prop: 'receiveUserName',
							label: '收花人',
							align: 'center'
						},
						{
							prop: 'prePrice',
							label: '总价',
							align: 'center'
						},
						{
							prop: 'actPrice',
							label: '实付款',
							align: 'center',
							emptyText: '无',
							'min-width': 150
						},
						{
							prop: 'reachTime',
							label: '送达时间',
							align: 'center'
						},
						{
							prop: 'status',
							label: '状态',
							align: 'center'
						},
						{
							prop: 'sendNum',
							label: '编号',
							align: 'center',
							sortable: true,
							width: 150
						}
					],

					props: {
						'default-sort': {
							prop: 'createTime',
							order: 'descending'
						}
					}
				})
				// .set('layout', [['refresh-btn', 'add-btn', 'multi-delete-btn'], ['data-table'], ['data-table']])
				.done();
			app.refresh({ status: 0 });
		}
	}
};
</script>