qimall/backend/views/components/common/com-order-detail.php

<template id="com-order-detail">
    <div class="order-box">
        <div class="order-no" @click="handleClick">
            {{ order.order_no }}
        </div>
    </div>
</template>

<script>
    Vue.component('com-order-detail', {
        template: '#com-order-detail',
        props: {
            order: Object
        },
        methods: {
            handleClick() {
                navigateTo({
                    r: 'mall/order/detail',
                    id: this.order.id,
                });
            },
        }
    })
</script>

<style>
    .order-box {
        display: inline-block;
        cursor: pointer;
    }
</style>