hemall.terabimsoft.com.cn/plugins/aggregation-cps/views/admin/setting/link-category.blade.php

<div class="vue-head">
    <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">开启设置</div>
    </div>

    <div class="vue-main-form">
        <el-form-item label="启用装修页面" prop="">
            <el-switch v-model="form.link_category.open_decorate" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="智能搜索优惠券" prop="">
            <el-switch v-model="form.link_category.open_search_coupon" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="显示会员中心提现" prop="">
            <el-switch v-model="form.link_category.open_withdraw" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="微信登录" prop="">
            <el-switch v-model="form.link_category.login_type.wechat" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="密码登录" prop="">
            <el-switch v-model="form.link_category.login_type.mobile" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="验证码登录" prop="">
            <el-switch v-model="form.link_category.login_type.sms" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="注册" prop="">
            <el-switch v-model="form.link_category.register_type" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="首次登陆必须同时输入密码和手机验证码" prop="">
            <el-switch v-model="form.link_category.login_type.together" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>
    </div>

</div>
<div class="vue-head">
    <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">分类设置</div>
    </div>

    <div class="vue-main-form">
        <el-form-item label="分类级别">
            <el-radio-group border="true" v-model="form.link_category.max_level">
                <el-radio :label="2">二级分类</el-radio>
                <el-radio :label="3">三级分类</el-radio>
            </el-radio-group>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="前端分类形状">
            <el-radio-group border="true" v-model="form.link_category.shape">
                <el-radio :label="1">圆形</el-radio>
                <el-radio :label="2">直角矩形</el-radio>
                <el-radio :label="3">圆角矩形</el-radio>
            </el-radio-group>
        </el-form-item>
    </div>

    <div class="vue-main-form">
        <el-form-item label="分类页顶部搜索框跳转">
            <el-radio-group border="true" v-model="form.link_category.search_div_type">
                <el-radio :label=1>CPS搜索</el-radio>
                <el-radio :label=2>商城搜索</el-radio>
            </el-radio-group>
        </el-form-item>
    </div>

    <div v-if="form.link_category.shape==3" class="vue-main-form">
        <el-form-item label="圆角半径">
            <el-input v-model="form.link_category.radius" style="width:50%;">
                <template slot="append">px</template>
            </el-input>
        </el-form-item>
    </div>
</div>

<div class="vue-head">
    <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">顶部设置</div>
    </div>

    <div class="vue-main-form">

        <el-form-item label="是否显示ios搜索框" prop="">
            <el-switch v-model="form.link_category.search_state" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>

        <el-form-item label="自定义背景颜色" prop="">
            <el-switch v-model="form.link_category.top_color_open_state" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>

        <el-form-item v-if="form.link_category.top_color_open_state==1" label="背景颜色">
            <el-color-picker v-model="form.link_category.top_color"></el-color-picker>
        </el-form-item>
    </div>
</div>

<div class="vue-head">

    <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">底部设置</div>
    </div>

    <div class="vue-main-form">

        <el-form-item label="底部栏字体颜色">
            <el-row>
                <el-col :span="2"><p style="float: right">默认状态</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_default_color"></el-color-picker>
                </el-col>
                <el-col :span="2"><p style="float: right">选中状态</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_select_color"></el-color-picker>
                </el-col>
            </el-row>
            {{--            <el-color-picker v-model="form.link_category.bottom_default_color"></el-color-picker>--}}
        </el-form-item>

        {{--        <el-form-item label="默认字体颜色">--}}
        {{--            <el-color-picker v-model="form.link_category.bottom_default_color"></el-color-picker>--}}
        {{--        </el-form-item>--}}

        {{--        <el-form-item label="选中字体颜色">--}}
        {{--            <el-color-picker v-model="form.link_category.bottom_select_color"></el-color-picker>--}}
        {{--        </el-form-item>--}}

        <el-form-item label="底部按钮组自定义颜色" prop="">
            <el-switch v-model="form.link_category.bottom_button_color.open_state" :active-value="1"
                       :inactive-value="0"></el-switch>
        </el-form-item>

        <el-form-item v-if="form.link_category.bottom_button_color.open_state==1" label="底部按钮组-默认状态-颜色组">
            <el-row>
                <el-col :span="2"><p style="float: right">顶部颜色</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_button_color.default_top_color"></el-color-picker>
                </el-col>
                <el-col :span="2"><p style="float: right">底部颜色</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_button_color.default_bottom_color"></el-color-picker>
                </el-col>
            </el-row>
        </el-form-item>

        <el-form-item v-if="form.link_category.bottom_button_color.open_state==1" label="底部按钮组-选中状态-颜色组">
            <el-row>
                <el-col :span="2"><p style="float: right">顶部颜色</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_button_color.select_top_color"></el-color-picker>
                </el-col>
                <el-col :span="2"><p style="float: right">底部颜色</p></el-col>
                <el-col :span="1">
                    <el-color-picker style="float: left"
                                     v-model="form.link_category.bottom_button_color.select_bottom_color"></el-color-picker>
                </el-col>
            </el-row>
        </el-form-item>

        <el-form-item label="底部栏设置">
            <el-tabs v-model="show_bottom_type"
                     style="margin-left: 20px;width: 150px;margin-bottom: 20px">
                <el-tab-pane label="APP" name="1"></el-tab-pane>
                <el-tab-pane label="H5" name="0"></el-tab-pane>
            </el-tabs>
            <template v-for="(v,k) in form.link_category.bottom_button">
                <template v-if="v.source==show_bottom_type&&v.show_state==1">
                    <el-row :gutter="1">
                        <el-col :span="3" align="right">
                            <label>[[v.default_title]]</label>
                            <el-switch v-model="v.open_state"
                                       v-model="value"
                                       :active-value="1"
                                       style="margin-right: 5px;"
                                       :inactive-value="0"
                                       @change="bottomButtonChange(v)"
                            ></el-switch>
                        </el-col>
                        <el-col :span="4">
                            <el-input v-model="v.title">
                                <template slot="prepend">标题</template>
                            </el-input>
                        </el-col>
                        <el-col :span="4">
                            <el-input v-model="v.sort">
                                <template slot="prepend">排序</template>
                            </el-input>
                        </el-col>
                    </el-row>
                    <p></p>
                </template>
            </template>
        </el-form-item>

    </div>

</div>