qimall/addons/Store/backend/views/setting/decoration.php

<el-row>
    <el-col :span="24">
        <div class="form-body">
            <el-form :model="decorationForm" ref="decorationForm" :rules="decorationFormRules" label-width="172px" style="position: relative" size="small">
                <div class="title">
                    <span>装修风格设置</span>
                </div>
                <el-form-item label="自定义商品风格" prop="custom_goods_style">
                    <template>
                        <el-switch v-model="decorationForm.custom_goods_style" :active-value="1" :inactive-value="0"></el-switch>
                    </template>
                </el-form-item>
                <!-- <el-form-item label="默认商品风格" prop="default_goods_style">
                    <template>
                        <el-radio-group v-model="decorationForm.default_goods_style" size="mini">
                            <el-radio-button label="1" style="margin-right: 20px" >
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_goods_style1"></com-image>

                            </el-radio-button>
                            <el-radio-button label="2" style="margin-right: 20px">
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_goods_style2"></com-image>
                            </el-radio-button>
                        </el-radio-group>
                        <br />
                    </template>
                </el-form-item> -->
                <el-form-item label="默认商品风格">
                    <el-col :span="12">
                        <el-radio-group v-model="decorationForm.default_goods_style">
                            <div class="show-type-radio-group">
                                <div class="show-type-radio">
                                    <el-radio :label="1">风格1</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/default_goods_style1.png"
                                        :preview-src-list="['resources/addons/store/img/default_goods_style1.png']"
                                    ></el-image>
                                </div>
                                <div class="show-type-radio">
                                    <el-radio :label="2">风格2</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/default_goods_style2.png"
                                        :preview-src-list="['resources/addons/store/img/default_goods_style2.png']"
                                    ></el-image>
                                </div>
                            </div>
                        </el-radio-group>
                    </el-col>
                </el-form-item>
                <el-form-item label="自定义门店风格" prop="custom_store_style">
                    <template>
                        <el-switch v-model="decorationForm.custom_store_style" :active-value="1" :inactive-value="0"></el-switch>
                    </template>
                </el-form-item>
                <!-- <el-form-item label="门店默认装修风格" prop="default_store_style">
                    <template>
                        <el-radio-group v-model="decorationForm.default_store_style" size="mini">
                            <el-radio-button label="1" style="margin-right: 20px">
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_store_style3" v-if="decorationForm.store_category_switch == 1"></com-image>
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_store_style2" v-else></com-image>
                            </el-radio-button>
                            <el-radio-button label="2" style="margin-right: 20px">
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_store_style1"></com-image>
                            </el-radio-button>
                        </el-radio-group>
                        <br />
                    </template>
                </el-form-item> -->
                <el-form-item label="门店默认装修风格">
                    <el-col :span="12">
                        <el-radio-group v-model="decorationForm.default_store_style">
                            <div class="show-type-radio-group">
                                <div class="show-type-radio">
                                    <el-radio :label="1">风格1</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/new_default_store_style2.png"
                                        :preview-src-list="['resources/addons/store/img/new_default_store_style2.png']"
                                    ></el-image>
                                </div>
                                <div class="show-type-radio">
                                    <el-radio :label="2">风格2</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/new_default_store_style1.png"
                                        :preview-src-list="['resources/addons/store/img/new_default_store_style1.png']"
                                    ></el-image>
                                </div>
                            </div>
                        </el-radio-group>
                    </el-col>
                </el-form-item>
                <el-form-item label="是否开启分类" prop="store_category_switch" v-if="decorationForm.default_store_style==1">
                    <el-switch v-model="decorationForm.store_category_switch" :active-value="1" :inactive-value="0"></el-switch>
                </el-form-item>
                <!-- <el-form-item label="门店分类样式风格" prop="default_store_style" v-if="decorationForm.default_store_style==2 || decorationForm.store_category_switch == 1">
                    <template>
                        <el-radio-group v-model="decorationForm.default_store_cate_style" size="mini">
                            <el-radio-button label="1" style="margin-right: 20px">
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_store_cate_style1"></com-image>
                            </el-radio-button>
                            <el-radio-button label="2" style="margin-right: 20px">
                                <com-image mode="aspectFill" width='100px' height='180px' :src="default_store_cate_style2"></com-image>
                            </el-radio-button>
                        </el-radio-group>
                        <br />
                    </template>
                </el-form-item> -->
                <el-form-item label="门店分类样式风格" prop="default_store_style" v-if="decorationForm.default_store_style==2 || decorationForm.store_category_switch == 1">
                    <el-col :span="12">
                        <el-radio-group v-model="decorationForm.default_store_cate_style">
                            <div class="show-type-radio-group">
                                <div class="show-type-radio">
                                    <el-radio :label="1">风格1</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/default_store_cate_style1.png"
                                        :preview-src-list="['resources/addons/store/img/default_store_cate_style1.png']"
                                    ></el-image>
                                </div>
                                <div class="show-type-radio">
                                    <el-radio :label="2">风格2</el-radio>
                                    <el-image
                                        class="radio-group-img"
                                        src="resources/addons/store/img/default_store_cate_style2.png"
                                        :preview-src-list="['resources/addons/store/img/default_store_cate_style2.png']"
                                    ></el-image>
                                </div>
                            </div>
                        </el-radio-group>
                    </el-col>
                </el-form-item>
                <el-form-item label="附近商家文字自定义" prop="near_shop_title">
                    <el-input style="width: 200px;" size="small" v-model="decorationForm.near_shop_title" placeholder="请输入附近商家文字自定义"></el-input>
                    <div class="tips-text" >
                        说明：若未设置则默认显示“附近商家”
                    </div>
                </el-form-item>

            </el-form>
        </div>
    </el-col>
</el-row>
<el-button :loading="submitLoading" class="button-item" size="small" type="primary" @click="submit('decorationForm')">保存</el-button>
<textarea style="opacity: 0;width: 0;height: 0;" id="copy-container"></textarea>