qimall/addons/ValetOrder/backend/views/components/com-valet-order-goods.php

<?php


?>
<style>
    .flexcenter {
        display: flex;
        justify-content: center;
    }

    .el-checkbox-list {
        margin: 0 0 20px;
        display: block;
    }

    .el-card-style {
        max-height: 400px;
        overflow-y: auto;
        /* margin-right: 20px; */
    }

    .span-none-style {
        display: none;
    }

    .div-header-style {
        font-size: 14px;
        margin-left: 6px;
        margin-bottom: 20px;
    }

    input.el-input__inner {
        height: 32px;
        line-height: 32px;
        font-size: 13px;
    }

    .el-table .warning-row {
        background: oldlace;
    }

    .el-table .success-row {
        background: #f0f9eb;
    }

    .el-table-column--selection .cell {
        padding-left: 10px;
    }

    .zsan-padding-style {
        padding: 10px 0;
        margin: 0;
    }
</style>
<template id="com-valet-order-goods">
    <div class="com-valet-order-goods">
        <el-card class="edit-card" shadow="never">
            <el-form :model="valetOrderGoodsForm" size="small">
                <div>
                    <el-form-item label="是否设为代购买商品" prop="status">
                        <el-switch :active-value="1" :inactive-value="0" v-model="valetOrderGoodsForm.status"></el-switch>
                        <p>代客下单应用没安装或基础设置关闭时则不显示，开启则显示</p>
                    </el-form-item>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-valet-order-goods', {
        template: "#com-valet-order-goods",
        props: {
            goods_id: {
                type: Number | String,
                default: 0
            }
        },
        data() {
            return {
                loading: false,
                valetOrderGoodsForm: {
                    status: 0,
                }
            }
        },
        mounted: function() {
            this.getData()
        },
        methods: {
            getData() {
                let _ = this
                request({
                    params: {
                        r: 'valet-order/goods/detail',
                        goods_id: _.goods_id
                    },
                    method: 'get'
                }).then(function(e) {
                    if (e.data.code == 0 && e.data.data) {
                        _.valetOrderGoodsForm.status = e.data.data.status
                    }
                }).catch(function(e) {

                });
            }
        },
    });
</script>