@extends('layouts.base')
@section('title', '基础设置')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-ohter.css')}}"/>
    <style>
        .el-checkbox-group {
            position: relative;
            z-index: 0;
        }

        .el-checkbox {
            margin-top: 10px !important;
        }
    </style>
    <div id='re_content'>

        <div class="con">

            <div class="vue-main-title">
                <div class="title" style="margin-top: 20px"><span
                            style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span><b>基础设置</b>
                </div>
            </div>

            <div class="setting">
                <el-form ref="form" label-width="15%">
                    <div class="block">

                        <el-form-item label="是否开启跑腿配送">
                            <template>
                                <el-switch v-model="form.open_state" :active-value="1"
                                           :inactive-value="0"></el-switch>
                            </template>
                        </el-form-item>

                        <el-form-item label="接口域名">
                            <el-input type="text" style="width:50%;" v-model="form.api_url"></el-input>
                            <div class="tip">填写跑腿系统后端域名</div>
                        </el-form-item>

                        <el-form-item label="接口token">
                            <el-input type="text" style="width:50%;" v-model="form.api_token"></el-input>
                            <div class="tip">通过跑腿系统后端复制</div>
                        </el-form-item>

                        <el-form-item label="接单端小程序APPID">
                            <el-input type="text" style="width:50%;" v-model="form.mini_app_id"></el-input>
                            <div class="tip">跑腿系统绑定的接单端小程序APPID</div>
                        </el-form-item>

                        <el-form-item label="对接模块ID">
                            <el-input type="text" style="width:50%;" v-model="form.api_modal_id"></el-input>
                            <div class="tip">跑腿系统平台对接中对应的模块ID，用于自动同步创建门店对接信息</div>
                        </el-form-item>

                        <el-form-item label="运费模式">
                            <el-radio-group v-model="form.delivery_type">
                                <el-radio-button label="1">商城运费</el-radio-button>
                                <el-radio-button label="2">第三方运费</el-radio-button>
                                <el-radio-button label="3">门店自选</el-radio-button>
                            </el-radio-group>
                        </el-form-item>

                        <el-form-item label="第三方运费模式">
                            <el-radio-group v-model="form.delivery_fee_type">
                                <el-radio-button label="1">按件计费</el-radio-button>
                                <el-radio-button label="2">按单计费</el-radio-button>
                                <el-radio-button label="3">按重量计费(kg)</el-radio-button>
                            </el-radio-group>
                            <div class="tip">按重量计算时默认向上取整</div>
                        </el-form-item>

                        <el-form-item label="门店独立第三方运费模式">
                            <template>
                                <el-switch v-model="form.store_third_fee_allow" :active-value="1"
                                           :inactive-value="0"></el-switch>
                            </template>
                        </el-form-item>


                    </div>
                </el-form>
            </div>
            <div class="confirm-btn">
                <el-button type="primary" @click="submit">提交</el-button>
            </div>
            </el-form>
        </div>
    </div>


    <script>

        var app = new Vue({
            el: "#re_content",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return {
                    form: {},
                    template_list: {},
                    activeName: 'first',
                }
            },
            created() {
                this.getData();
            },
            mounted() {
            },
            methods: {
                getData() {
                    this.$http.post('{!! yzWebFullUrl('plugin.running-delivery.admin.setting.index') !!}', {is_json: 1}).then(response => {
                        if (response.data.result) {
                            console.log(response.data.result);
                            this.form = response.data.data.setting;
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                    }, response => {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
                submit() {
                    let that = this;
                    this.$http.post('{!! yzWebFullUrl('plugin.running-delivery.admin.setting.edit') !!}', this.form).then(response => {
                        if (response.data.result) {
                            this.$message({message: response.data.msg, type: 'success'});
                            this.getData();
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                    }, response => {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
            },
        })

    </script>
@endsection