@extends('layouts.base')
@section('title', '基础设置')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}" />
    <link rel="stylesheet" href="{{resource_get('plugins/yz-supply/assent/css/album1.css?time='.time())}}">

    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-head">
                <div class="top-title">
                    <span :class="item.class" v-for="(item,index) in albumTopTitle"  @click="skipUrl(item)" :key="index">[[item.name]]</span>
                </div>
            </div>
            <div class="vue-main">
                <div class="vue-main-form" style="margin-bottom: 130px;">
                    <el-form ref="form" :model="form" label-width="15%">
                        <div class="block">
                            <div class="vue-main-title" style="margin-bottom:20px">
                                <div class="vue-main-title-left"></div>
                                <div class="vue-main-title-content">基础设置</div>
                                <div class="vue-main-title-button">
                                </div>
                            </div>

                            <el-form-item label="回调地址"  >
                                <el-input v-model="push_url" placeholder="" style="width:70%;" disabled></el-input>
                                <span style="" class='help-block'>复制此链接到(采购端列表-新增/修改-回调地址)</span>
                            </el-form-item>
                            <el-form-item label="获取商城订单信息"  >
                                <el-input v-model="get_order_url" placeholder="" style="width:70%;" disabled></el-input>
                                <span style="" class='help-block'>复制此链接到(采购端列表)</span>
                            </el-form-item>

                            <el-form-item label="店铺名称"  >
                                <el-input v-model="form.shop_name" placeholder="店铺名称" style="width:70%;"></el-input>
                                <span style="" class='help-block'>默认为供应链</span>
                            </el-form-item>

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

                            <el-form-item label="自动更新商品现价" prop="is_close_auto_update">
                                <el-radio v-model.number="form.is_close_auto_update" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_update" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品现价</span>
                            </el-form-item>

                            <el-form-item label="自动更新商品原价" prop="is_close_auto_update_market">
                                <el-radio v-model.number="form.is_close_auto_update_market" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_update_market" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品原价</span>
                            </el-form-item>

                            <el-form-item label="自动更新商品成本价格" prop="is_close_auto_update_cost">
                                <el-radio v-model.number="form.is_close_auto_update_cost" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_update_cost" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品成本价格</span>
                            </el-form-item>

                            <el-form-item label="自动更新商品基本信息" prop="is_close_auto_detail">
                                <el-radio v-model.number="form.is_close_auto_detail" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_detail" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品详情</span>
                            </el-form-item>

                            <el-form-item label="自动更新商品主图" prop="is_close_auto_image">
                                <el-radio v-model.number="form.is_close_auto_image" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_image" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品主图</span>
                            </el-form-item>


                            <el-form-item label="自动更新商品发票信息" prop="is_close_auto_invoicing">
                                <el-radio v-model.number="form.is_close_auto_invoicing" :label="0">开启</el-radio>
                                <el-radio v-model.number="form.is_close_auto_invoicing" :label="1">关闭</el-radio>
                                <span style="" class='help-block'>关闭则不更新商品发票信息</span>
                            </el-form-item>



                            <el-form-item label="导入时创建品牌" prop="create_brand">
                                <el-radio v-model.number="form.create_brand" :label="1">开启</el-radio>
                                <el-radio v-model.number="form.create_brand" :label="0">关闭</el-radio>
                                <span style="" class='help-block'>开启后导入商品时将创建对应商品品牌并将商品绑入相应品牌</span>
                            </el-form-item>

                            <el-form-item label="导入时自动匹配分类" prop="create_category">
                                <el-radio v-model.number="form.create_category" :label="1">开启</el-radio>
                                <el-radio v-model.number="form.create_category" :label="0">关闭</el-radio>
                                <span style="" class='help-block'>开启后导入商品时,如未选择导入分类，将创建对应分类并将商品绑入相应分类</span>
                            </el-form-item>
                            <el-form-item label="下单时是否预占库存" prop="is_camp_on">
                                <el-radio v-model.number="form.is_camp_on" :label="1">开启</el-radio>
                                <el-radio v-model.number="form.is_camp_on" :label="0">关闭</el-radio>
                                <span style="" class='help-block'>开启后,供应链商品下单时会在中台预占库存</span>
                            </el-form-item>

                            <el-form-item label="价格整数">
                                <el-checkbox-group v-model="form.round_price">
                                    <el-checkbox label="现价"  :label="1">现价</el-checkbox>
                                    <el-checkbox label="成本价"   :label="2">成本价</el-checkbox>
                                    <el-checkbox label="原价"   :label="3">原价</el-checkbox>
                                </el-checkbox-group>
                            </el-form-item>


                            <div class="title">
                                <span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
                                <b>风控策略</b>
                            </div>

                            <el-form-item label="风控策略" prop="control_method">
                                <el-radio v-model.number="form.control_method" :label="0">产品售价 < 成本价</el-radio>
                                <el-radio v-model.number="form.control_method" :label="1">利润率 < 设定利润率(%)</el-radio>
                                <el-input v-model="form.profit_radio" type="number"  style="width:100px;margin-right: 10px;"></el-input>
                                {{--                            <el-radio v-model.number="form.control_method" :label="2">售价小于等于0元</el-radio>--}}
                            </el-form-item>
                            <el-form-item label="售价小于等于0元" prop="price_zero">
                                <el-radio v-model.number="form.is_price_zero" :label="1">开启</el-radio>
                                <el-radio v-model.number="form.is_price_zero" :label="0">关闭</el-radio>
                                <span style="" class='help-block'>
                           开启后与风控策略同时生效<br>
                           导入/更新时商品价格小于等于0时触发<br>
                        </span>
                            </el-form-item>
                            <div class="title">
                                <span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
                                <b>订单策略</b>
                            </div>

                            <el-form-item label="商品拆单" prop="goods_split">
                                <el-radio v-model.number="form.goods_split" :label="1">开启</el-radio>
                                <el-radio v-model.number="form.goods_split" :label="0">关闭</el-radio>
                                <span style="" class='help-block'>开启后,每一个商品拆成一笔订单,订单原有逻辑不变</span>
                            </el-form-item>
                            <el-form-item label="运费设定" prop="calculate_type">
                                <el-radio v-model.number="form.freight_set" :label="0">供应链运费</el-radio>
                                <el-radio v-model.number="form.freight_set" :label="1">商品自设运费</el-radio>
                            </el-form-item>
                            <el-form-item label="运费计算" prop="calculate_type">
                                <el-radio v-model.number="form.freight_method" :label="0">协议价</el-radio>
                                <el-radio v-model.number="form.freight_method" :label="1">售价</el-radio>
                                <span style="" class='help-block'>
                            该设置只对京东商品有效<br>
                            订单金额<49元，运费8元<br>
                            订单金额<99元，运费6元<br>
                            订单金额>99元，免运费
                        </span>
                            </el-form-item>

                            <div class="title">
                                <span style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span>
                                <b>默认批量下单(中)地址</b>
                            </div>

                            <el-form-item label="姓名"  >
                                <el-input v-model="form.username" placeholder="姓名" style="width:70%;"></el-input>
                            </el-form-item>
                            <el-form-item label="联系方式"  >
                                <el-input v-model="form.mobile" placeholder="联系方式" style="width:70%;"></el-input>
                            </el-form-item>
                            <el-form-item label="省市区" prop="" v-loading="areaLoading">
                                <el-select v-model="form.province_id" placeholder="请选择省" clearable @change="changeProvince" >
                                    <el-option v-for="item in province_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                                </el-select>
                                <el-select v-model="form.city_id" placeholder="请选择市" clearable @change="changeCity" >
                                    <el-option v-for="item in city_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                                </el-select>
                                <el-select v-model="form.district_id" placeholder="请选择区" clearable @change="changeDistrict" >
                                    <el-option v-for="item in district_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                                </el-select>
                                <el-select v-model="form.street_id" placeholder="请选择街道" clearable >
                                    <el-option v-for="item in street_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="详细地址"  >
                                <el-input v-model="form.address" placeholder="详细地址" style="width:70%;"></el-input>
                            </el-form-item>

                            <div style="height: 50px;"></div>

                        </div>

                </div>
                <div class="vue-page">
                    <div class="vue-center">
                        <el-button type="primary" @click="submit">保存设置</el-button>
                    </div>
                </div>

            </div>
            </div>
        </div>
    </div>
    <script>
        var vm = new Vue({
            el: "#app",
            delimiters: ['[[', ']]'],
            data() {
                return {
                    albumTopTitle: [
                        {
                            id: 1,
                            name: "基础设置",
                            class:"album-name",
                            url:"{!! yzWebFullUrl('plugin.yz-supply.admin.set.index') !!}"
                        },
                        {
                            id: 2,
                            name: "中台配置列表",
                            class:"album-name-against",
                            url:"{!! yzWebFullUrl('plugin.yz-supply.admin.middleground-configuration.index') !!}"
                        },
                        {
                            id: 3,
                            name: "支付设置",
                            class:"album-name-against",
                            url:"{!! yzWebFullUrl('plugin.yz-supply.admin.set.pay') !!}"
                        },
                        {
                            id: 4,
                            name: "快递匹配",
                            class:"album-name-against",
                            url:"{!! yzWebFullUrl('plugin.yz-supply.admin.express-matching.index') !!}"
                        },
                        {
                            id: 5,
                            name: "导入分类",
                            class:"album-name-against",
                            url:"{!! yzWebFullUrl('plugin.yz-supply.admin.import-categorys.index') !!}"
                        },
                    ],
                    province_list:[],
                    city_list:[],
                    district_list:[],
                    street_list:[],
                    areaLoading:false,
                    push_url:"",
                    form:{
                        is_price_zero:0,
                        shop_name : "供应链",
                        is_close_auto_update : 1,
                        is_close_auto_update_market : 1,
                        is_close_auto_update_cost : 1,
                        is_close_auto_detail : 1,
                        is_close_auto_image : 1,
                        is_close_auto_invoicing:1,
                        create_brand : 0,
                        create_category : 0,
                        control_method : 0,
                        profit_radio : 100,
                        goods_split : 1,
                        freight_set : 0,
                        freight_method : 0,
                        is_camp_on:0,
                        round_price:[],
                    },
                }
            },
            mounted() {
                this.initProvince(0);
                this.getData();
            },
            methods: {
                skipUrl(item){
                    window.location.href = item.url
                },
                getData(){
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post('{!! yzWebFullUrl('plugin.yz-supply.admin.set.get-set') !!}').then(function (response){
                        this.push_url = response.data.data.push_url
                        this.get_order_url = response.data.data.get_order_url
                        if(response.data.data.set != null){
                            if (response.data.data.set.round_price == undefined) response.data.data.set.round_price = [];

                            this.form = response.data.data.set;

                            let province_id = response.data.data.set.province_id;
                            let city_id = response.data.data.set.city_id;
                            let district_id = response.data.data.set.district_id;
                            let street_id = response.data.data.set.street_id;

                            this.changeProvince(province_id);
                            this.changeCity(city_id);
                            this.changeDistrict(district_id)

                            this.form.province_id = province_id;
                            this.form.city_id = city_id;
                            this.form.district_id = district_id;
                            this.form.street_id = street_id;


                            if(response.data.data.set.profit_radio === "") response.data.data.set.profit_radio = 100;
                            this.form.shop_name = response.data.data.set.shop_name??"供应链";
                            this.form.is_close_auto_update = parseInt(response.data.data.set.is_close_auto_update);
                            this.form.is_close_auto_update_market = parseInt(response.data.data.set.is_close_auto_update_market);
                            this.form.is_close_auto_update_cost = parseInt(response.data.data.set.is_close_auto_update_cost);
                            this.form.is_close_auto_detail = parseInt(response.data.data.set.is_close_auto_detail);
                            this.form.is_close_auto_image = parseInt(response.data.data.set.is_close_auto_image);
                            this.form.is_close_auto_invoicing = parseInt(response.data.data.set.is_close_auto_invoicing);
                            this.form.create_brand = parseInt(response.data.data.set.create_brand);
                            this.form.create_category = parseInt(response.data.data.set.create_category);
                            this.form.control_method = parseInt(response.data.data.set.control_method);
                            this.form.profit_radio = parseInt(response.data.data.set.profit_radio);
                            this.form.goods_split = parseInt(response.data.data.set.goods_split);
                            this.form.freight_set = parseInt(response.data.data.set.freight_set);
                            this.form.freight_method = parseInt(response.data.data.set.freight_method);
                            this.form.is_price_zero = parseInt(response.data.data.set.is_price_zero);
                            this.$set(this.form, 'is_camp_on', response.data.data.set.is_camp_on ?? 0);
                        }
                        loading.close();
                    },function (response) {
                        loading.close();
                        this.$message({message: response.data.msg,type: 'error'});
                    })
                },
                submit() {
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post('{!! yzWebFullUrl('plugin.yz-supply.admin.set.save') !!}', {'set': this.form}).then(function (response) {
                        if (response.data.result) {
                            this.$message({message: response.data.msg, type: 'success'});
                            // this.getData();
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                        loading.close();
                        // location.reload();
                    }, function (response) {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
                initProvince(val) {
                    this.areaLoading = true;
                    this.$http.get("{!! yzWebUrl('area.list.init', ['area_ids'=>'']) !!}"+val).then(response => {
                        this.province_list = response.data.data;
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                changeProvince(val) {
                    this.city_list = [];
                    this.district_list = [];
                    this.street_list = [];
                    this.form.city_id = "";
                    this.form.district_id = "";
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.city_list = response.data.data;
                        } else {
                            this.city_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                // 市改变
                changeCity(val) {
                    console.log("bb"+this.form.city_id);
                    this.district_list = [];
                    this.street_list = [];
                    this.form.district_id = "";
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.district_list = response.data.data;
                        } else {
                            this.district_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                // 区改变
                changeDistrict(val) {
                    console.log(val)
                    this.street_list = [];
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.street_list = response.data.data;
                        } else {
                            this.street_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
            },
        });

    </script>
@endsection