shuhi-ui/src/views/recycleOrder/cancelled/index.vue

<template>
    <order-page ref="pageRef" :pageConfig="pageConfig" permissionKey="cancelled">
        <template #toolbar>
            <el-button type="warning" plain class="ele-btn-icon" v-permission="'recycleOrder:cancelled:batchAudit'"
                @click="handleBatchAudit">
                批量初审
            </el-button>
        </template>
    </order-page>
</template>

<script setup>
import { ref, reactive } from 'vue';
import { ElMessageBox } from 'element-plus/es';
import OrderPage from '@/views/recycleOrder/components/order-page-all.vue';


defineOptions({ name: 'recycleOrderCancelled' });

/** 页面组件实例 */
const pageRef = ref(null);

const pageConfig = reactive({
    pageUrl: '/order/orderInfo/canceled/pageList',
    exportUrl: '/order/orderInfo/canceled/export',
    fileName: '已取消订单',
    cacheKey: 'recycleOrderCancelledTable'
});

//批量初审
function handleBatchAudit() {
    pageRef.value?.operatBatch({
        title: '确认审核？',
        url: '/recycleOrder/batchAudit'
    });
}
</script>