<template>
    <Modal
        v-model="showModal"
        @on-ok="ok"
        @on-cancel="cancel"
        width="auto"
        class-name="out-stock-modal"
        cancel-text="取消"
        ok-text="提交">
        <div class="detail">
            <Table
                stripe
                :columns="tableCols"
                :data="tableData">
            </Table>
        </div>
        <p class="danger-tip">
            *缺货数量提交后无法更改，平台将对顾客订单商品进行退单处理，请慎重操作！
        </p>
    </Modal>
</template>

<script>
import tradeService from 'trade-service';
import _ from 'lodash';

export default {
    name: 'OutStock',
    props: {
    },
    data() {
        return {
            showModal: false,
            showLoading: true,
            tableCols: [
                {
                    title: '商品图片',
                    key: 'image'
                },
                {
                    title: '商品信息',
                    key: 'info'
                },
                {
                    title: '缺货数',
                    key: 'shortNum'
                }
            ],
            tableData: [
                {
                    shortNum: 2
                }
            ]
        };
    },
    watch: {
    },
    methods: {
        ok(){

            // todo



        },
        cancel(){
            this.$Message.info('click cancel')

        }
    }
};
</script>

<style lang="scss">

    .out-stock-modal {
        .detail {
            height: 200px;
        }

        .danger-tip {
            color: #ff0000;
            text-align: center;
        }

        .ivu-modal {
            width: 70%;
        }
    }

</style>