更新记录

1.0.2（2024-04-11）

丰富说明文档

1.0.1（2024-04-11）

优化组件

1.0.0（2024-04-11）

插件上线

平台兼容性

uniApp yt-order-list 好用的订单列表

使用说明

在 template 中：

<template>
    <view >
        <yt-order-list :orderList="orderList" @Transfer="Transfer" @jieOrder="jieOrder" @callUser="callUser"></yt-order-list>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                orderList: [{
                    orderId: '20240407',
                    title: '大唐不夜城现场拍摄',
                    status: 2, //3:已完成 2:进行中 否则待接单
                    cAddress: '陕西省西安市雁塔区',
                    mAddress: '陕西省西安市新城区',
                    time: '2024.4.7 14:00',
                    km: '0.6km'
                },
                {
                    orderId: '20240407',
                    title: '大唐不夜城现场拍摄',
                    status: 1,
                    cAddress: '陕西省西安市雁塔区',
                    mAddress: '陕西省西安市新城区',
                    time: '2024.4.7 14:00',
                    km: '0.6km'
                }],
            }
        },
        methods: {
            /**
             * @method Transfer
             * 订单转派
             * @param {Object} id
             */
            Transfer(id){
                console.log("转派",id);
            },
            /**
             * @method jieOrder
             * 接单
             * @param {Object} id
             */
            jieOrder(id){
                console.log("接单",id);
            },
            /**
             * @method callUser
             * 联系
             * @param {Object} id
             */
            callUser(id){
                console.log("联系",id);
            }
        }
    }
</script>

状态说明（根据项目实际要求自行改正）

if (state == 3) {
    return '已完成'
} else if (state == 2) {
    return '进行中'
} else {
    return '待接单'
}

属性说明

| QQ交流群(906392632) |

|

温馨提示

• 文件上传
  0. 如说明表达还不够清楚，不清楚怎么使用可加入群聊一起交流
  1. 若能帮到你还请点亮5颗小星星以作鼓励哈~
  2. 若能帮到你还请点亮5颗小星星以作鼓励哈~
  3. 若能帮到你还请点亮5颗小星星以作鼓励哈~