<template>
    <div class="lj-card-item">
        <div>
            <mu-row>
                <mu-col span="3" class="lj-card-secondary-title">单据编号：</mu-col>
                <mu-col span="7" class="lj-card-secondary-content">{{item.quotecode}}</mu-col>
                <mu-col span="2">
                    <lj-status-badge :value="item.statusstr" :statusDic="statusDic"/>
                </mu-col>
                <mu-col span="3" class="lj-card-secondary-title">报价日期：</mu-col>
                <mu-col span="9" class="lj-card-secondary-content">{{item.quotedate}}</mu-col>
                <mu-col span="3" class="lj-card-secondary-title">客户：</mu-col>
                <mu-col span="9" class="lj-card-secondary-content">{{item.cusname}}</mu-col>
                <mu-col span="3" class="lj-card-secondary-title">货运部：</mu-col>
                <mu-col span="9" class="lj-card-secondary-content">{{item.freight}}</mu-col>
                <mu-col span="3" class="lj-card-secondary-title">联系人：</mu-col>
                <mu-col span="9" class="lj-card-secondary-content">{{item.rel_rep}}</mu-col>
                <mu-col span="3" class="lj-card-secondary-title">相关号码：</mu-col>
                <mu-col span="9" class="lj-card-secondary-content">{{item.relcode}}</mu-col>

            </mu-row>
        </div>
    </div>
</template>

<script>
    import LjStatusBadge from "components/lj-status-badge";

    export default {
        name: "quote-item",
        components: {
            LjStatusBadge
        },
        props: {
            item: {
                // 传入数据
                type: Object
            }
        },
        created() {
        },
        data() {
            return {
                statusDic: {
                    "待初审": {color: "Alert"},
                    "待终审": {color: "Alert"},
                    "已审核": {color: "Pass"}
                }
            }
        },
        methods: {},
    }
</script>

<style>

</style>