<template>
    <div>
        <div class="tx-13 mg-b-5">
            <i class="fas fa-key mg-r-5"></i>
            <span>{{ generalModel.Id }}</span>
        </div>
        <div class="tx-13 mg-b-5" title="Mã đơn hàng">
            <i class="fas fa-barcode mg-r-5"></i>
            <router-link :to="{ name: 'orderTrack', params: { code: generalModel.Code } }" target="_blank">
                {{ generalModel.Code }}
            </router-link>
            <!-- <span><b>{{ generalModel.Code }}</b></span> -->
        </div>
        <div class="tx-13 mg-b-5" title="Tên tuyến">
            <i class="fas fa-road mg-r-5"></i>

            <span class="tag tag-default">
                {{ generalModel.RouteName }}
            </span>
        </div>
        <div class="tx-13 mg-b-5" title="Người tạo">
            <i class="fas fa-user-plus mg-r-5"></i>
            <span>
                {{ generalModel.CreatedByUserName }}
            </span>
        </div>
        <div class="tx-13 mg-b-5" v-if="generalModel.SaleId > 0" title="Sale phụ trách">
            <i class="fas fa-user-tie mg-r-5"></i>
            <span>
                {{ generalModel.SaleUserName }}
            </span>
        </div>
        <div class="tx-11 mg-b-5" title="Thời gian tạo">
            <i>{{ generalModel.CreatedTimeDisplay }}</i>
        </div>
    </div>
</template>
<script setup>
const props = defineProps({
    generalModel: Object
});
</script>