qimall/addons/ReservationService/backend/views/components/com-reservation-service-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-reservation-service-goods">
    <div class="com-reservation-service-goods">
        <el-card class="edit-card" shadow="never">
            <el-form :model="reservationServiceGoodsForm" size="small">
                <div>
                    <el-form-item label="启用设置" prop="status">
                        <el-switch :active-value="1" :inactive-value="0" v-model="reservationServiceGoodsForm.status"></el-switch>
                    </el-form-item>
                    <el-form-item label="可进行" prop="status">
                        <el-checkbox :true-label="1" :false-label="0" v-model="reservationServiceGoodsForm.to">上门</el-checkbox>
                        <el-checkbox :true-label="1" :false-label="0" v-model="reservationServiceGoodsForm.from">到店</el-checkbox>
                    </el-form-item>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-reservation-service-goods', {
        template: "#com-reservation-service-goods",
        props: {
            goods_id: {
                type: Number | String,
                default: 0
            }
        },
        data() {
            return {
                loading: false,
                reservationServiceGoodsForm: {
                    status: 0,
                    to: 0,
                    from: 0
                }
            }
        },
        mounted: function() {
            this.getData()
        },
        methods: {
            getData() {
                let _ = this
                request({
                    params: {
                        r: 'reservation-service/goods/detail',
                        goods_id: _.goods_id
                    },
                    method: 'get'
                }).then(function(e) {
                    if (e.data.code == 0 && e.data.data) {
                        _.reservationServiceGoodsForm.status = e.data.data.status
                        _.reservationServiceGoodsForm.to = e.data.data.to
                        _.reservationServiceGoodsForm.from = e.data.data.from
                    }
                }).catch(function(e) {

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