baoshi-was/resources/views/customer/project/create.blade.php

@extends('layouts.app')
@section('title')客户管理-项目录入@endsection

@section('content')
    @component('customer.project.menu')
        @if($owner)
            <li class="nav-item">
                <a class="nav-link" href="{{URL::current()}}" :class="{active:isActive('edit',4)}">编辑</a>
            </li>
        @endif
    @endcomponent
    <div class="container-fluid card d-none" id="container">
        <div class="card-body offset-2">
            <div class="row">
                <div class="col-2 form-inline cursor-pointer text-dark" @click="switchBase('one')">
                    <div class="h-100 w-25">
                        <div class="h1 fillet text-center" :class="[base == 'one' ? 'sign' : '', (base!=='one' && !owner.name) ? 'bg-secondary border-secondary' : 'bg-info']">
                            <span class="fa fa-edit ml-1 text-white"></span>
                        </div>
                    </div>
                    <div class="h-100 w-75">
                        <span class="font-weight-bold ml-1">基础信息</span><br>
                        <span class="small ml-1">名称：@{{ owner.name }}</span><br>
                        <span class="small ml-1">代码：@{{ owner.code }}</span><br>
                    </div>
                </div>
                <div class="col-2">
                    <hr class="w-100 mt-4 hr-info">
                </div>
                <div class="col-2 form-inline cursor-pointer text-dark" @click="switchBase('two')">
                    <div class="h-100 w-25">
                        <div class="h1 fillet text-center" :class="[base == 'two' ? 'sign' : '', (base!=='two' && !owner.customer_id) ? 'bg-secondary border-secondary' : 'bg-info']">
                            <span class="fa fa-book ml-1 text-white"></span>
                        </div>
                    </div>
                    <div class="h-100 w-75">
                        <span class="font-weight-bold ml-1">详细描述</span><br>
                        <span class="small ml-1">客户：@{{ owner.customer_name }}</span><br>
                        <span class="small ml-1">小组：@{{ owner.owner_group_name }}</span><br>
                    </div>
                </div>
                <div class="col-2">
                    <hr class="w-100 mt-4 hr-info">
                </div>
                <div class="col-2 form-inline cursor-pointer text-dark" @click="switchBase('three')">
                    <div class="h-100 w-25">
                        <div class="h1 fillet text-center" :class="[base == 'three' ? 'sign' : '', (base!=='three' && !isExist) ? 'bg-secondary border-secondary' : 'bg-info']">
                            <span class="fa fa-rmb ml-1 text-white "></span>
                        </div>
                    </div>
                    <div class="h-100 w-75">
                        <div class="font-weight-bold ml-1 h-100 mt-3">计费模型</div>
                    </div>
                </div>
            </div>
            <div v-if="base == 'one'">
                @include("customer.project.part._one")
            </div>
            <div v-if="base == 'two'">
                @include("customer.project.part._two")
            </div>
            <div v-if="base == 'three'">
                @include("customer.project.part._three")
            </div>
            <div class="row mt-3">
                <div class="pull-right offset-7">
                    <button type="button" class="btn btn-info ml-1 text-white" v-show="base !== 'one'" @click="back()">上一步</button>
                    <button type="button" class="btn btn-info ml-1 text-white" v-show="base !== 'three'" @click="next()">下一步</button>
                    <button type="button" class="btn btn-success ml-1" @click="success()">完成</button>
                    <button type="button" class="btn btn-secondary ml-1" @click="reset()" v-show="base !== 'three'">重置</button>
                </div>
            </div>
        </div>
    </div>
@stop

@section('lastScript')
    <script>
        new Vue({
            el:"#container",
            data:{
                base:"one",
                owner : {
                    id:"{{$owner->id ?? ''}}",
                    name : "{{$owner->name ?? ''}}",
                    code : "{{$owner->code ?? ''}}",
                    customer_id : "{{$owner->customer_id ?? ''}}",
                    customer_name : "{{ isset($owner) ? ($owner->customer ? $owner->customer->name : '') : ''}}",
                    owner_group_name : "{{ isset($owner) ? ($owner->userOwnerGroup ? $owner->userOwnerGroup->name : '') : ''}}",
                    owner_group_id : "{{$owner->user_owner_group_id ?? ''}}",
                    warehouse_id : "{{ $owner->warehouse_id ?? ''}}",
                    tax_rate : "{{$owner->tax_rate ?? ''}}",
                    linkman : "{{$owner->linkman ?? ''}}",
                    phone_number : "{{$owner->phone_number ?? ''}}",
                    description : "{{$owner->description ?? ''}}",
                    waring_line_on : "{{$owner->waring_line_on ?? ''}}",
                },
                ownerTemp : {},
                customers : [
                    @foreach($customers as $customer)
                    {id:"{{$customer->id}}",name:"{{$customer->name}}"},
                    @endforeach
                ],
                ownerGroups : [
                    @foreach($ownerGroups as $ownerGroup)
                    {id:"{{$ownerGroup->id}}",name:"{{$ownerGroup->name}}"},
                    @endforeach
                ],
                warehouses:[
                    @foreach($warehouses as $warehouse)
                    {id:"{{$warehouse->id}}",name:"{{$warehouse->name}}"},
                    @endforeach
                ],
                style : '',
                errors : {!! $errors !!}, //全部的错误提示
                upList:{ //控制元素的渐入展开与收起
                    storage : false,
                },
                type:"storage",//当前编辑类型 仓储，作业，物流...

                currentInputting:{
                    edittingOperation:null,
                },
                model:{ //编辑元素绑定值
                    storage:{
                        counting_type : "",
                        using_type : "",
                        minimum_area : "",
                        price : "",
                        discount_type : "无减免",
                        discount_value : "",
                        unit_id : "",
                    },
                    operation:{
                        operation_type:"入库",
                        strategy:"默认",
                        name:"",
                        feature:"",
                        items : [
                            {strategy:"起步"},
                            {strategy:"默认"},
                            {strategy:"特征"},
                        ],
                    },
                    express:{
                        name:"",
                        initial_weight:"",
                        additional_weight:"",
                        items:[],
                        logistics:[],
                    },
                    logistic:{
                        items:[],
                        other_ranges:[],
                        ranges:[],
                        logistics:[],
                    },
                    directLogistic:{
                        items:[],
                    },
                },
                pool:{//基础数据选择池，以方便异步懒加载而非即时加载 例:units,owners等
                    counting_type:[
                        "包仓","灵活用仓","统单价"
                    ],
                    using_type:[
                        "常温","恒温"
                    ],
                    discount_type:[
                        "无减免","按单减免","固定减免"
                    ],
                    feature_type:['商品名称','订单类型','承运商','店铺类型'],
                    logic : ['包含','不包含','等于'],
                },
                poolMapping:{},//基础数据选择池的映射对象 供展示使用
                selectedModel:{//已选定的计费模型
                    storage:[],
                    operation:[],
                    express:[],
                    logistic:[],
                    directLogistic:{},
                },
                thisOperationItemIndex:-1,//当前选中的作业费子项下标,用以唤起特征模态框
                operationItems:{},//控制作业费子项的渐入展开
                importError:[],//导入时的错误数据原因
                isShowError:false,//是否展开导入错误信息
                isExist:Boolean("{{$isExist ?? false}}"),
                isLoad:false,//全局加载标记,符合条件时确保仅加载一次
                introduce:{},//引入model
                isSearch:false,//是否查询,用于加载动画显示
                searchResult:[],//查询结果
                searchResultMapping:{},//查询结果映射
                selectedResult:"",
            },
            mounted(){
                this.ownerTemp = this.owner;
                $('[data-toggle="tooltip"]').tooltip();
                $("#container").removeClass("d-none");
            },
            methods:{
                //收起展开
                show(id){
                    if (this.upList[id])$("#"+id).slideDown();
                    else $("#"+id).slideUp();
                    this.upList[id] = !this.upList[id];
                    this.$forceUpdate();
                },
                //清除垃圾数据
                _clearRefuse(){
                    this.errors = [];
                    this.importError = [];
                    this.selectedResult = "";
                    this.searchResult = [];
                    this.searchResultMapping = {};
                    this.introduce = {};
                },
                //切换选项
                switchBase(base){
                    if (!this.ownerTemp.id)return;
                    if (base === 'three') this._loadStorage();
                    if (base === this.base)return;
                    this.base = base;
                },
                //切换类型
                switchType(type){
                    if (type === this.type)return;//相同终止是为了减少重复加载动作
                    this._clearRefuse();//清除垃圾数据
                    let parent = $("#parent");
                    switch (type) {
                        case "storage":
                            this._loadStorage();
                            parent.prepend($("#storage-card"));
                            break;
                        case "operation":
                            this._loadOperation();
                            parent.prepend($("#operation-card"));
                            break;
                        case "express":
                            this._loadExpress();
                            parent.prepend($("#express-card"));
                            break;
                        case "logistic":
                            this._loadLogistic();
                            parent.prepend($("#logistic-card"));
                            break;
                        case "directLogistic":
                            this._loadDirectLogistic();
                            parent.prepend($("#directLogistic-card"));
                            break;
                    }
                    this.type = type;
                },
                //下一步
                next(){
                    switch (this.base) {
                        case "one":
                            if (this._verifyOne())this.base = "two";
                            break;
                        case "two":
                            if (this._verifyTwo())this.base = "three";
                            this._loadStorage();
                            break;
                    }
                },
                //完成
                success(){
                    switch (this.base) {
                        case "one":
                            if (this._verifyOne())window.location.href = "{{url('customer/project/index')}}";
                            break;
                        case "two":
                            if (this._verifyTwo())window.location.href = "{{url('customer/project/index')}}";
                            break;
                        default:
                            window.tempTip.confirm("<span class='text-danger'>确定后计费模型未保存项将被抛弃，您确认仍要完成吗？</span>",()=>{
                                window.location.href = "{{url('customer/project/index')}}";
                            });
                            break;
                    }
                },
                //重置
                reset(){
                    switch (this.base) {
                        case "one":
                            this.owner = this.ownerTemp;
                            break;
                        case "two":
                            this.owner = this.ownerTemp;
                            break;
                    }
                },
                //验证基础信息
                _verifyOne(){
                    if (!this.owner.name){
                        this.errors["name"] = ["项目名称为必填项"];
                        this.$forceUpdate();
                        return false;
                    }
                    if (!this.owner.code){
                        this.errors["code"] = ["项目代码为必填项"];
                        this.$forceUpdate();
                        return false;
                    }
                    if (this.owner.name !== this.ownerTemp.name || this.owner.code !== this.ownerTemp.code){
                        let url = "{{url('maintenance/owner/apiStore')}}";
                        let params = {name:this.owner.name,code:this.owner.code,id:this.ownerTemp.id};
                        let result = undefined;
                        window.tempTip.postBasicRequest(url,params,res=>{
                            if (res.errors){
                                this.errors = res.errors;
                                this.$forceUpdate();
                                result = false;
                                return;
                            }
                            this.errors = [];
                            this.owner.id = res.id;
                            this.ownerTemp.id = res.id;
                            this.ownerTemp.name = res.name;
                            this.ownerTemp.code = res.code;
                            result = true;
                        });
                        while (result){
                            if (typeof result !== "undefined")return result;
                        }
                    }
                    return true;
                },
                //验证详细描述
                _verifyTwo(){
                    let error = {};
                    if (!this.owner.customer_id) error["customer_id"] = ["必须选择客户"];
                    if (!this.owner.owner_group_id) error["owner_group_id"] = ["必须选择项目小组"];
                    if (!this.owner.warehouse_id) error["warehouse_id"] = ["必须选择仓库"];
                    if (JSON.stringify(error) !== "{}"){
                        this.errors = error;
                        this.$forceUpdate();
                        return;
                    }
                    let url = "{{url('customer/project/projectUpdate')}}";
                    let params = this.owner;
                    let old = this.ownerTemp;
                    if (params.customer_id !== old.customer_id ||
                    params.owner_group_id !== old.owner_group_id ||
                    params.warehouse_id !== old.warehouse_id ||
                    params.tax_rate !== old.tax_rate ||
                    params.waring_line_on !== old.waring_line_on ||
                    params.phone_number !== old.phone_number ||
                    params.description !== old.description){
                        let result = undefined;
                        window.tempTip.postBasicRequest(url,params,res=>{
                            if (res.errors){
                                this.errors = res.errors;
                                this.$forceUpdate();
                                result = false;
                                return;
                            }
                            this.errors = [];
                            this.ownerTemp.customer_id = res.customer_id;
                            this.ownerTemp.owner_group_id = res.owner_group_id;
                            this.ownerTemp.warehouse_id = res.warehouse_id;
                            this.ownerTemp.tax_rate = res.tax_rate;
                            this.ownerTemp.waring_line_on = res.waring_line_on;
                            this.ownerTemp.phone_number = res.phone_number;
                            this.ownerTemp.description = res.description;
                            this.ownerTemp.customer_name = params.customer_name;
                            this.ownerTemp.owner_group_name = params.owner_group_name;
                            result = true;
                        });
                        while (result){
                            if (typeof result !== "undefined")return result;
                        }
                    }
                    return true;
                },
                //上一步
                back(){
                    switch (this.base) {
                        case "two":
                            this.base = 'one';
                            break;
                        case "three":
                            this.base = 'two';
                            break;
                    }
                },
                //加载计费模型
                _loadPriceModel(){
                    let url = "{{url('customer/project/getPriceModel')}}";
                    let params = {id:this.ownerTemp.id};
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res.owner_storage_price_models.length>0)this.selectedModel.storage = res.owner_storage_price_models;
                        if (res.owner_price_operations.length>0)this.selectedModel.operation = res.owner_price_operations;
                        if (res.owner_price_expresses.length>0){
                            this._loadExpress();
                            res.owner_price_expresses.forEach((express,i)=>{
                                express.logistics.forEach((logistic,j)=>{
                                    express.logistics[j] = logistic.id;
                                });
                                res.owner_price_expresses[i] = JSON.parse(JSON.stringify(express).replace(/details/g,"items"));
                            });
                            this.selectedModel.express = res.owner_price_expresses;
                        }
                        if (res.owner_price_logistics.length>0){
                            this._loadLogistic();
                            res.owner_price_logistics.forEach((logistic,i)=>{
                                logistic.logistics.forEach((l,j)=>{
                                    logistic.logistics[j] = l.id;
                                });
                                res.owner_price_logistics[i] = JSON.parse(JSON.stringify(logistic).replace(/details/g,"items"));
                            });
                            this.selectedModel.logistic = res.owner_price_logistics;
                        }
                        if (res.owner_price_direct_logistics.length>0){
                            this._loadDirectLogistic();
                            this.selectedModel.directLogistic = JSON.parse(JSON.stringify(res.owner_price_direct_logistics[0]).replace(/details/g,"items"));
                        }
                    });
                    this.isLoad = true;
                },
                //加载仓储所需基础信息
                _loadStorage(){
                    if (!this.pool.units)this._getUnits();
                    if (!this.isLoad && this.ownerTemp.id)this._loadPriceModel();//计费模型未被加载且项目ID存在时
                },
                //加载作业
                _loadOperation(){
                    if (!this.pool.units)this._getUnits();
                },
                //加载快递
                _loadExpress(){
                    if (!this.pool.provinces)this._getProvinces();
                    if (!this.pool.logistics){
                        this._getLogistics();
                        setTimeout(()=>{
                            $(".selectpicker").selectpicker('refresh');
                        },500);
                    }
                },
                //加载物流
                _loadLogistic(){
                    if (!this.pool.units) this._getUnits();
                    if (!this.pool.provinces)this._getProvinces();
                    if (!this.pool.cities)this._getCities();
                    if (!this.pool.logistics){
                        this._getLogistics();
                        setTimeout(()=>{
                            $(".selectpicker").selectpicker('refresh');
                        },500);
                    }
                },
                //加载直发车
                _loadDirectLogistic(){
                    if (!this.pool.cars)this._getCars();
                },
                //加载引入
                loadIntroduce(){
                    if (!this.pool.owners)this._getOwners();
                    if (!this.pool.logistics)this._getLogistics();
                },
                //获取项目
                _getOwners(){
                    let url = "{{url('maintenance/owner/get')}}";
                    window.tempTip.postBasicRequest(url,{},res=>{
                        this.pool.owners = res;
                        let mapping = [];
                        res.forEach(owner=>{
                            mapping[owner.id] = owner.name;
                        });
                        this.poolMapping.owners = mapping;
                        this.$forceUpdate();
                    });
                },
                //获取单位
                _getUnits(){
                    let url = "{{url('maintenance/unit/getUnits')}}";
                    window.tempTip.postBasicRequest(url,{},res=>{
                        this.pool.units = res;
                        let mapping = [];
                        res.forEach(unit=>{
                            mapping[unit.id] = unit.name;
                        });
                        this.poolMapping.units = mapping;
                        this.$forceUpdate();
                    });
                },
                //获取省份
                _getProvinces(){
                    let url = "{{url('maintenance/province/get')}}";
                    window.tempTip.postBasicRequest(url,{},res=>{
                        this.pool.provinces = res;
                        let mapping = [];
                        res.forEach(province=>{
                            mapping[province.id] = province.name;
                        });
                        this.poolMapping.provinces = mapping;
                        this.$forceUpdate();
                    });
                },
                //获取城市
                _getCities(){
                    let url = "{{url('maintenance/city/get')}}";
                    window.tempTip.postBasicRequest(url,{},res=>{
                        this.pool.cities = res;
                        let mapping = [];
                        res.forEach(city=>{
                            mapping[city.id] = city.name;
                        });
                        this.poolMapping.cities = mapping;
                        this.$forceUpdate();
                    });
                },
                //获取承运商
                _getLogistics(){
                    let url = "{{url('maintenance/logistic/get')}}";
                    window.tempTip.postBasicRequest(url,{type:''},res=>{
                        this.pool.logistics = res;
                        let mapping = [];
                        res.forEach(logistic=>{
                            mapping[logistic.id] = logistic.name;
                        });
                        this.poolMapping.logistics = mapping;
                        this.$forceUpdate();
                    });
                },
                //获取车型
                _getCars(){
                    let url = "{{url('maintenance/carType/get')}}";
                    window.axios.post(url).then(res=>{
                        this.pool.cars = res.data;
                        let mapping = [];
                        res.data.forEach(car=>{
                            mapping[car.id] = car.name;
                        });
                        this.poolMapping.cars = mapping;
                        this.$forceUpdate();
                    });
                },
                //保存模型
                saveModel(){
                    switch (this.type) {
                        case "storage":
                            this._verifyStorage();
                            break;
                        case "operation":
                            this._verifyOperation();
                            break;
                        case "express":
                            this._verifyExpress();
                            break;
                        case "logistic":
                            this._verifyLogistic();
                            break;
                        case "directLogistic":
                            this._verifyDirectLogistic();
                            break;
                    }
                },
                _verifyStorage(){
                    let error = {};
                    if (!this.model.storage.counting_type)error["counting_type"] = ["未选择计费类型"];
                    if (!this.model.storage.name)error["name"] = ["未填写名称"];
                    if (!this.model.storage.using_type)error["using_type"] = ["未选择用仓类型"];
                    if (!this.model.storage.price)error["price"] = ["未输入单价"];
                    if (!this.model.storage.discount_type)error["discount_type"] = ["未选择减免类型"];
                    if (JSON.stringify(error) !== "{}"){
                        this.errors = error;
                        this.$forceUpdate();
                        return;
                    }
                    let url = "{{url('maintenance/priceModel/apiStoreStorage')}}";
                    let params = this.model.storage;
                    params.owner_id = this.ownerTemp.id;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res && res.errors){
                            this.errors = res.errors;
                            return;
                        }
                        if (this.model.storage.id) this.selectedModel.storage[this.model.storage.index] = this.model.storage;
                        else {
                            this.model.storage.id = res;
                            this.selectedModel.storage.unshift(this.model.storage);
                        }
                        this.model.storage = {
                            name : "",
                            counting_type : "",
                            using_type : "",
                            minimum_area : "",
                            price : "",
                            discount_type : "无减免",
                            discount_value : "",
                            unit_id : "",
                        };
                        this.errors = [];
                    });
                },
                _verifyOperation() {
                    if (this.selectedModel.operation.length>0 && !this.model.operation.id){
                        if (!this.selectedModel.operation.every(operation=>{
                            if (operation.operation_type === this.model.operation.operation_type && operation.strategy === this.model.operation.strategy){
                                this.errors["operation_type"] = ["已存在同类型的"+operation.operation_type+"作业计费模型"];
                                this.$forceUpdate();
                                return false;
                            }
                            return true;
                        }))return;
                    }
                    if (!this.model.operation.name){
                        this.errors["name"] = ["名称不得为空"];
                        this.$forceUpdate();
                        return;
                    }
                    if ((this.model.operation.operation_type === '出库' && this._verifyOperationItem(0)) || this._verifyOperationItem(1))return;
                    if (this.model.operation.items.length>2){
                        for (let i=2;i<this.model.operation.items.length;i++){
                            if (this._verifyOperationItem(i))return;
                        }
                    }
                    let url = "{{url('maintenance/priceModel/apiStoreOperation')}}";
                    let params = this.model.operation;
                    params.owner_id = this.ownerTemp.id;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res && res.errors){
                            if (res.errors.owner_id){
                                window.tempTip.show(res.errors.owner_id[0]);
                                return;
                            }
                            this.errors = res.errors;
                            return;
                        }
                        res.features = this.model.operation.features;
                        res.featureFormat = this.model.operation.featureFormat;
                        let sign = 0;
                        if (res.operation_type === '入库') sign++;
                        for (let i=0;i<res.items.length;i++){
                            res.items[i].features = this.model.operation.items[sign]['features'];
                            res.items[i].featureFormat = this.model.operation.items[sign]['featureFormat'];
                            sign++;
                        }
                        if (params.id) this.selectedModel.operation[params.index] = res;
                        else this.selectedModel.operation.push(res);
                        this.model.operation = {
                            operation_type:"入库",
                            strategy:"默认",
                            name:"",
                            feature:"",
                            items : [
                                {strategy:"起步"},
                                {strategy:"默认"},
                                {strategy:"特征"},
                            ],
                        };
                        this.errors = [];
                    });
                },
                _verifyOperationItem(itemIndex){//验证作业费子项信息完整
                    let obj = this.model.operation.items[itemIndex];
                    let sign = false;
                    if (!obj.amount){
                        this.errors['items.'+itemIndex+'.amount'] = ["数量不得为空"];
                        sign = true;
                    }
                    if (!obj.unit_id){
                        this.errors['items.'+itemIndex+'.unit_id'] = ["必须选择单位"];
                        sign = true;
                    }
                    if (!obj.unit_price){
                        this.errors['items.'+itemIndex+'.unit_price'] = ["单价不得为空"];
                    }
                    if (sign)this.$forceUpdate();
                    return sign;
                },
                _verifyExpress(){
                    let error = {};
                    if (!this.model.express.name)error.name = ["名称不得为空"];
                    if (!this.model.express.initial_weight)error.initial_weight = ["首重不得为空"];
                    if (!this.model.express.additional_weight)error.additional_weight = ["续重不得为空"];
                    if (this.model.express.items.length>0){
                        this.model.express.items.forEach((item,index)=>{
                            if (!item.province_id)error["item."+index+".province_id"] = ["不存在"];
                            if (!item.initial_weight_price)error["item."+index+".initial_weight_price"] = ["不存在"];
                            if (!item.additional_weight_price)error["item."+index+".additional_weight_price"] = ["不存在"];
                        });
                    }
                    if (JSON.stringify(error) !== "{}"){
                        this.errors = error;
                        this.$forceUpdate();
                        return;
                    }
                    let url = "{{url('maintenance/priceModel/apiStoreExpress')}}";
                    let params = this.model.express;
                    params.owner_id = this.ownerTemp.id;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res && res.errors){
                            this.errors = res.errors;
                            if (res.errors.owner_id)window.tempTip.show(res.errors.owner_id[0]);
                            return;
                        }
                        this.model.express.items.forEach((item,i)=>{
                            item.id = res.details[i].id;
                        });
                        if (this.model.express.id) this.selectedModel.express[this.model.express.index] = this.model.express;
                        else{
                            this.model.express.id = res.id;
                            this.selectedModel.express.unshift(this.model.express);
                        }
                        this.model.express = {
                            name:"",
                            logistics:[],
                            initial_weight:"",
                            additional_weight:"",
                            items:[],
                        };
                        this.errors = [];
                        this.importError = [];
                        $(".selectpicker").filter('.express').selectpicker('val',[]);
                    });
                },
                _verifyLogistic(){
                    let error = {};
                    if (!this.model.logistic.name) error.name = ["名称不得为空"];
                    if (!this.model.logistic.unit_id) error.unit_id = ["单位一不得为空"];
                    if (!this.model.logistic.unit_range) error.unit_range = ["区间值不得为空"];
                    if (!this.model.logistic.other_unit_id) error.other_unit_id = ["单位二不得为空"];
                    if (!this.model.logistic.other_unit_range) error.other_unit_range = ["区间值不得为空"];
                    if (JSON.stringify(error) !== "{}"){
                        this.errors = error;
                        this.$forceUpdate();
                        return;
                    }
                    let url = "{{url('maintenance/priceModel/apiStoreLogistic')}}";
                    let params = this.model.logistic;
                    params.owner_id = this.ownerTemp.id;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res && res.errors){
                            this.errors = res.errors;
                            return;
                        }
                        this.model.logistic.items.forEach((item,i)=>{
                            item.id = res.details[i].id;
                        });
                        console.log(this.model.logistic);
                        if (this.model.logistic.id) this.selectedModel.logistic[this.model.logistic.index] = this.model.logistic;
                        else {
                            this.model.logistic.id = res.id;
                            this.selectedModel.logistic.unshift(this.model.logistic);
                        }
                        this.model.logistic = {
                            items:[],
                            other_ranges:[],
                            ranges:[],
                            logistics:[],
                        };
                        this.errors = [];
                        this.importError = [];
                        $(".selectpicker").filter('.logistic').selectpicker('val',[]);
                    });
                },
                _verifyDirectLogistic(){
                    let error = {};
                    if (!this.model.directLogistic.name) error.name = ["名称不得为空"];
                    if (!this.model.directLogistic.base_km) error.base_km = ["起步公里数不得为空"];
                    if (JSON.stringify(error) !== "{}"){
                        this.errors = error;
                        this.$forceUpdate();
                        return;
                    }
                    let url = "{{url('maintenance/priceModel/apiStoreDirectLogistic')}}";
                    let params = this.model.directLogistic;
                    params.owner_id = this.ownerTemp.id;
                    window.tempTip.postBasicRequest(url,params,res=>{
                        if (res && res.errors){
                            this.errors = res.errors;
                            return;
                        }
                        this.model.directLogistic.items.forEach((item,i)=>{
                            item.id = res.details[i].id;
                        });
                        this.model.directLogistic.id = res.id;
                        this.selectedModel.directLogistic = this.model.directLogistic;
                        this.model.directLogistic = {
                            items:[],
                        };
                        this.errors = [];
                        this.importError = [];
                    });
                },
                //增加作业费特征子项
                addOperationItem(){
                    this.model.operation.items.push({
                        strategy:"特征"
                    });
                },
                //删除作业费子项
                delOperationItem(index){
                    this.$delete(this.model.operation.items,index);
                },
                //显示特征选择modal
                showAddFeatureModal(index){
                    if (index === -1){
                        if (!this.model.operation.feature){
                            this.model.operation.features = this._createFeature();
                            this.thisOperationItemIndex = index;
                            this.$forceUpdate();
                            $("#addFeatureModal").modal("show");
                            return;
                        }
                        if (this.model.operation.features) {
                            this.thisOperationItemIndex = index;
                            $("#addFeatureModal").modal("show");
                            return;
                        }
                    }else{
                        if (!this.model.operation.items[index].feature){
                            this.model.operation.items[index].features = this._createFeature();
                            this.thisOperationItemIndex = index;
                            this.$forceUpdate();
                            $("#addFeatureModal").modal("show");
                            return;
                        }
                        if (this.model.operation.items[index].features) {
                            this.thisOperationItemIndex = index;
                            $("#addFeatureModal").modal("show");
                            return;
                        }
                    }
                    let url = "{{url('maintenance/priceModel/operation/getFeatures')}}";
                    let feature = index===-1 ? this.model.operation.feature : this.model.operation.items[index].feature;
                    window.tempTip.postBasicRequest(url,{feature:feature},res=>{
                        if (!res || res.length === 0){
                            res = this._createFeature();
                        }
                        if (index === -1) this.model.operation.features = res;
                        else this.model.operation.items[index].features = res;
                        this.thisOperationItemIndex = index;
                        this.$forceUpdate();
                        $("#addFeatureModal").modal("show");
                    });
                },
                //增加特征
                addFeature(){
                    let obj = {
                        "strategyGroupStartSign": false,
                        "calculation" : "",
                        "type" : "",
                        "id" : "",
                        "logic" : "",
                        "describe" : "",
                        "strategyGroupEndSign" : false,
                    };
                    if (this.thisOperationItemIndex === -1)this.model.operation.features.push(obj);
                    else this.model.operation.items[this.thisOperationItemIndex].features.push(obj);
                    this.$forceUpdate();
                },
                _createFeature(){
                    return [{
                        "strategyGroupStartSign": false,
                        "calculation" : "",
                        "type" : "",
                        "id" : "",
                        "logic" : "",
                        "describe" : "",
                        "strategyGroupEndSign" : false,
                    }];
                },
                //删除特征
                delFeature(index) {
                    if (this.thisOperationItemIndex === -1)this.$delete(this.model.operation.features,index);
                    else this.$delete(this.model.operation.items[this.thisOperationItemIndex].features,index);
                    this.$forceUpdate();
                },
                //提交特征更新现有
                submitFeature(){
                    let url = "{{url('maintenance/priceModel/operation/getFeature')}}";
                    let features = this.thisOperationItemIndex === -1 ? this.model.operation.features : this.model.operation.items[this.thisOperationItemIndex].features;
                    window.tempTip.postBasicRequest(url,{features:features,isFormat:true},res=>{
                        if (this.thisOperationItemIndex === -1){
                            this.model.operation.feature = res.feature;
                            this.model.operation.featureFormat = res.featureFormat;
                        } else {
                            this.model.operation.items[this.thisOperationItemIndex].feature = res.feature;
                            this.model.operation.items[this.thisOperationItemIndex].featureFormat = res.featureFormat;
                            this.$forceUpdate();
                        }
                        $("#addFeatureModal").modal("hide");
                        return "已更新特征";
                    },true);
                },
                /*//渲染作业费子项
                _renderingOperationItem(index){
                    let domId = "operation-"+index;
                    let trId = "operation-tr-"+index;
                    let itemId = "operation-item-"+index;
                    let html = "<tr class='d-none' id='"+trId+"'><td></td><td colspan='5'>"+
                        "<div id='"+itemId+"'><table class='table table-sm'>"+
                        "<th>子策略</th><th>数量</th><th>单位</th><th>单价</th><th>特征</th></th>";
                    this.selectedModel.operation[index].items.forEach(item=> {
                        html = this._createOperationItemList(html,item.strategy,item.amount,this.poolMapping.units[item.unit_id],item.unit_price,item.featureFormat ? item.featureFormat : '');
                    });
                    html += "</table></div></td></tr>";
                    $("#"+domId).after(html);
                    $("#"+itemId).slideUp();
                },
                _createOperationItemList(html,strategy,amount,unit,unit_price,feature){
                    html += "<tr><td>"+strategy+"</td><td>"+amount+"</td><td>"+unit+"</td><td>"+unit_price+"</td><td><div class='text-overflow-warp-100'>"+feature+"</div></td></tr>";
                    return html;
                },*/
                //移入移出时更改长文本显示效果
                textClass(event,isOver){
                    event = event.target.children[0];
                    if (isOver) event.className = "text-overflow-warp-100";
                    else event.className = "cursor-pointer text-overflow-replace-100";
                },
                //展开子策略
                showOperationItem(index){
                    let trId = "operation-tr-"+index;
                    let itemId = "operation-item-"+index;
                    if (this.operationItems['_'+index] &&  this.operationItems['_'+index]===true){
                        this.operationItems['_'+index] = false;
                        $("#"+itemId).slideUp(undefined,function () {
                            $("#"+trId).addClass("d-none");
                        });
                    }else {
                        $("#"+trId).removeClass("d-none");
                        this.operationItems['_'+index] = true;
                        $("#"+itemId).slideDown();
                    }
                    this.$forceUpdate();
                },
                //新增快递子项
                addExpressItem(){
                    this.model.express.items.unshift({
                        province_id : "",
                        initial_weight_price:"",
                        additional_weight_price:"",
                    });
                },
                //删除快递子项
                delExpressItem(index){
                    this.$delete(this.model.express.items,index);
                },
                //选择文件
                selectFile(id){
                    this.importError = [];
                    $("#"+id).click();
                },
                //导入快递子项
                importExpress(e){
                    let file=e.target.files[0];
                    if (!file){
                        tempTip.setDuration(3000);
                        tempTip.show("未选择文件");
                        return;
                    }
                    let formData = new FormData();
                    formData.append("file",file);
                    axios.post('{{url('maintenance/priceModel/express/import')}}',formData,{
                        'Content-Type':'multipart/form-data'
                    }).then(res=>{
                            if (res.data.success) {
                                res.data.data.forEach(data=>{
                                    let unique = this.model.express.items.every(item=>{
                                        if (data.province_id === item.province_id)return false;
                                        return true;
                                    });
                                    if (unique)this.model.express.items.push(data);
                                });
                                this.importError = res.data.errors;
                                tempTip.setDuration(3000);
                                tempTip.showSuccess("导入成功!");
                                return;
                            }
                            tempTip.setDuration(3000);
                            tempTip.show(res.data.data);
                        }).catch(err=> {
                        tempTip.setDuration(3000);
                        tempTip.show("网络错误："+err);
                    })
                },
                //物流详情列表modal
                showDetailModal() {
                    $("#logisticModal").modal("show");
                },
                //新增物流详情
                addLogisticDetail(){
                    this.model.logistic.items.unshift({

                    });
                },
                //导入物流详情
                importLogistic(e){
                    tempTip.setIndex(1099);
                    let file=e.target.files[0];
                    if (!file){
                        tempTip.setDuration(3000);
                        tempTip.show("未选择文件");
                        return;
                    }
                    let formData = new FormData();
                    formData.append("file",file);
                    axios.post('{{url('maintenance/priceModel/logistic/import')}}',formData,{
                        'Content-Type':'multipart/form-data'
                    }).then(res=>{
                        if (res.data.success) {
                            res.data.data.forEach(data=>{
                                //过滤非已选择单位的数据
                                let id = "";
                                if (data.unit_id === this.poolMapping.units[this.model.logistic.unit_id]) id = this.model.logistic.unit_id;
                                if (data.unit_id === this.poolMapping.units[this.model.logistic.other_unit_id]) id = this.model.logistic.other_unit_id;
                                if (id){
                                    //过滤重复数据
                                    let unique = this.model.logistic.items.every(item=>{
                                        if (id === item.unit_id && data.range === item.range
                                        && data.province_id === item.province_id && data.city_id === item.city_id)return false;
                                        return true;
                                    });
                                    if (unique){
                                        data.unit_id = id;
                                        this.model.logistic.items.push(data);
                                    }
                                }
                            });
                            this.importError = res.data.errors;
                            tempTip.setDuration(3000);
                            tempTip.showSuccess("导入成功!");
                            return;
                        }
                        tempTip.setDuration(3000);
                        tempTip.show(res.data.data);
                    }).catch(err=> {
                        tempTip.setDuration(3000);
                        tempTip.show("网络错误："+err);
                    })
                },
                //删除物流子项
                delLogisticItem(index){
                    this.$delete(this.model.logistic.items,index);
                },
                //改变物流区间时改变可选择项
                changeRange(type){
                    if (type === 'ranges'){
                        this.model.logistic.ranges = this.model.logistic.unit_range.split(",");
                    }else{
                        this.model.logistic.other_ranges = this.model.logistic.other_unit_range.split(",");
                    }
                },
                //增加直发车子项
                addDirectLogisticItem(){
                    this.model.directLogistic.items.unshift({
                        car_type_id : "",
                        base_fee:"",
                        additional_fee:"",
                    });
                },
                //导入直发车子项
                importDirectLogistic(e){
                    window.tempTip.setIndex(1099);
                    let file=e.target.files[0];
                    if (!file){
                        window.tempTip.setDuration(3000);
                        window.tempTip.show("未选择文件");
                        return;
                    }
                    let formData = new FormData();
                    formData.append("file",file);
                    window.axios.post('{{url('maintenance/priceModel/directLogistic/import')}}',formData,{
                        'Content-Type':'multipart/form-data'
                    }).then(res=>{
                        if (res.data.success) {
                            if (this.model.directLogistic.items.length > 0){
                                res.data.data.forEach(data=>{
                                    let unique = this.model.directLogistic.items.every(item=>{
                                        if (item.car_type_id === data.car_type_id)return false;
                                        return true;
                                    });
                                    if (unique) this.model.directLogistic.items.unshift(data);
                                });
                            }else this.model.directLogistic.items = res.data.data;
                            this.importError = res.data.errors;
                            window.tempTip.setDuration(3000);
                            window.tempTip.showSuccess("导入成功!");
                            return;
                        }
                        window.tempTip.setDuration(3000);
                        window.tempTip.show(res.data.data);
                    }).catch(err=> {
                        window.tempTip.setDuration(3000);
                        window.tempTip.show("网络错误："+err);
                    })
                },
                //删除直发车子项
                delDirectLogisticItem(index){
                    this.$delete(this.model.directLogistic.items,index);
                },
                //改变客户
                selectOwner(){
                    let id = this.owner.customer_id;
                    this.customers.some(customer=>{
                        if (id === customer.id){
                            this.owner.customer_name = customer.name;
                            return true;
                        }
                    });
                },
                //改变小组
                selectGroup(){
                    let id = this.owner.owner_group_id;
                    this.ownerGroups.some(group=>{
                        if (id === group.id){
                            this.owner.owner_group_name = group.name;
                            return true;
                        }
                    });
                },
                //获取引入计费模型查询列表搜索
                searchPriceModel(){
                    this.isSearch = true;
                    switch (this.type) {
                        case "storage":
                            this._getStoragePriceModel();
                            break;
                        case "operation":
                            this._getOperationPriceModel();
                            break;
                        case "express":
                            this._getExpressPriceModel();
                            break;
                        case "logistic":
                            this._getLogisticPriceModel();
                            break;
                        default:
                            this._getDirectLogisticPriceModel();
                    }
                },
                _getStoragePriceModel(){
                    let url = "{{url('maintenance/priceModel/apiGetStorage')}}";
                    window.tempTip.postBasicRequest(url,this.introduce,res=>{
                        let result = [];
                        let mapping = {};
                        res.forEach(model=> {
                            let text = model.name+" ("+model.counting_type+"-"+model.using_type+")";
                            result.push({id:model.id,text:text});
                            mapping[model.id] = {
                                name : model.name,
                                counting_type : model.counting_type,
                                using_type : model.using_type,
                                minimum_area : model.minimum_area,
                                price : model.price,
                                discount_type : model.discount_type,
                                discount_value : model.discount_value,
                                unit_id : model.unit_id,
                            };
                        });
                        this.searchResult = result;
                        this.searchResultMapping = mapping;
                        this.isSearch = false;
                    });
                },
                _getOperationPriceModel(){
                    let url = "{{url('maintenance/priceModel/apiGetOperation')}}";
                    window.tempTip.postBasicRequest(url,this.introduce,res=>{
                        let result = [];
                        let mapping = {};
                        res.forEach(model=> {
                            let text = model.name+" ("+model.operation_type+"-"+model.strategy+")";
                            result.push({id:model.id,text:text});
                            mapping[model.id] = {
                                name : model.name,
                                operation_type : model.operation_type,
                                strategy : model.strategy,
                                feature : model.feature,
                                featureFormat : model.featureFormat,
                                remark : model.remark,
                                items:model.items,
                            };
                        });
                        this.searchResult = result;
                        this.searchResultMapping = mapping;
                        this.isSearch = false;
                    });
                },
                _getExpressPriceModel(){
                    let url = "{{url('maintenance/priceModel/apiGetExpress')}}";
                    window.tempTip.postBasicRequest(url,this.introduce,res=>{
                        let result = [];
                        let mapping = {};
                        res.forEach(model=> {
                            let text = model.name+" (首重："+model.initial_weight+"KG  续重："+model.additional_weight+"KG)";
                            result.push({id:model.id,text:text});
                            let logistics = [];
                            model.logistics.forEach(logistic=>{
                                logistics.push(logistic.id);
                            });
                            let items = [];
                            model.details.forEach(item=>{
                               items.push({
                                   province_id:item.province_id,
                                   initial_weight_price:item.initial_weight_price,
                                   additional_weight_price:item.additional_weight_price,
                               });
                            });
                            mapping[model.id] = {
                                logistics : logistics,
                                name:model.name,
                                initial_weight:model.initial_weight,
                                additional_weight:model.additional_weight,
                                items:items,
                            };
                        });
                        this.searchResult = result;
                        this.searchResultMapping = mapping;
                        this.isSearch = false;
                    });
                },
                _getLogisticPriceModel(){
                    let url = "{{url('maintenance/priceModel/apiGetLogistic')}}";
                    window.tempTip.postBasicRequest(url,this.introduce,res=>{
                        let result = [];
                        let mapping = {};
                        res.forEach(model=> {
                            let text = model.name+" (单位一："+this.poolMapping.units[model.unit_id]+"["+model.unit_range+
                                "] 单位二："+this.poolMapping.units[model.other_unit_id]+"["+model.other_unit_range+"])";
                            result.push({id:model.id,text:text});
                            let logistics = [];
                            model.logistics.forEach(logistic=>{
                                logistics.push(logistic.id);
                            });
                            let items = [];
                            model.details.forEach(item=>{
                                items.push({
                                    unit_id:item.unit_id,
                                    range:item.range,
                                    province_id:item.province_id,
                                    city_id:item.city_id,
                                    unit_price:item.unit_price,
                                    delivery_fee:item.delivery_fee,
                                    initial_fee:item.initial_fee,
                                    initial_amount:item.initial_amount,
                                    rate:item.rate,
                                });
                            });
                            mapping[model.id] = {
                                logistics : logistics,
                                name:model.name,
                                unit_range:model.unit_range,
                                unit_id:model.unit_id,
                                other_unit_range:model.other_unit_range,
                                other_unit_id:model.other_unit_id,
                                pick_up_price:model.pick_up_price,
                                fuel_price:model.fuel_price,
                                service_price:model.service_price,
                                items:items,
                            };
                        });
                        this.searchResult = result;
                        this.searchResultMapping = mapping;
                        this.isSearch = false;
                    });
                },
                _getDirectLogisticPriceModel(){
                    let url = "{{url('maintenance/priceModel/apiGetDirectLogistic')}}";
                    window.tempTip.postBasicRequest(url,this.introduce,res=>{
                        let result = [];
                        let mapping = {};
                        res.forEach(model=> {
                            let text = model.name+" (起步数："+model.base_km+"KM)";
                            result.push({id:model.id,text:text});
                            let items = [];
                            model.details.forEach(item=>{
                                items.push({
                                    car_type_id:item.car_type_id,
                                    base_fee:item.base_fee,
                                    additional_fee:item.additional_fee,
                                });
                            });
                            mapping[model.id] = {
                                name:model.name,
                                base_km:model.base_km,
                                items:items,
                            };
                        });
                        this.searchResult = result;
                        this.searchResultMapping = mapping;
                        this.isSearch = false;
                    });
                },
                //提交引入
                submitIntroduce(){
                    if (!this.selectedResult || !this.searchResultMapping[this.selectedResult]){
                        window.tempTip.setDuration(3000);
                        window.tempTip.show("尚未选择引入项,请单击选择列表,如列表为空则无结果");
                        return;
                    }
                    let model = this.searchResultMapping[this.selectedResult];
                    switch (this.type) {
                        case "storage":
                            this.model.storage = model;
                            break;
                        case "operation":
                            this.model.operation = model;
                            break;
                        case "express":
                            this.model.express = model;
                            break;
                        case "logistic":
                            this.model.logistic = model;
                            break;
                        default:
                            this.model.directLogistic = model;
                            break;
                    }
                    $("#introduce").modal('hide');
                    window.tempTip.setDuration(2000);
                    window.tempTip.showSuccess("引入成功");
                },
                //删除仓储
                delStorage(item,index){
                    window.tempTip.confirm("您确定要删除仓储计费“"+item.name+"”吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelStorage')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.storage,index);
                            return "删除“"+item.name+"”成功";
                        });
                    });
                },
                //删除作业
                delOperation(item,index){
                    window.tempTip.confirm("您确定要删除作业计费“"+item.name+"”吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelOperation')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.operation,index);
                            return "删除“"+item.name+"”成功";
                        });
                    });
                },
                //删除作业子项
                deleteOperationItem(item,index,parentIndex){
                    window.tempTip.confirm("您确定要删除该作业子项吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelOperationItem')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.operation[parentIndex].items,index);
                            return "删除成功";
                        });
                    });
                },
                //删除快递
                delExpress(item,index){
                    window.tempTip.confirm("您确定要删除该快递计费“"+item.name+"”吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelExpress')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.express,index);
                            return "删除“"+item.name+"”成功";
                        });
                    });
                },
                //删除快递子项
                deleteExpressItem(item,index,parentIndex){
                    window.tempTip.confirm("您确定要删除该快递计费子项吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelExpressItem')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.express[parentIndex].items,index);
                            return "删除成功";
                        });
                    });
                },
                //删除物流
                delLogistic(item,index){
                    window.tempTip.confirm("您确定要删除该物流计费“"+item.name+"”吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelLogistic')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.logistic,index);
                            return "删除“"+item.name+"”成功";
                        });
                    });
                },
                //删除物流子项
                deleteLogisticItem(item,index,parentIndex){
                    window.tempTip.confirm("您确定要删除该物流计费子项吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelLogisticItem')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.logistic[parentIndex].items,index);
                            return "删除成功";
                        });
                    });
                },
                //删除直发车
                delDirectLogistic(item){
                    window.tempTip.confirm("您确定要删除该直发车计费“"+item.name+"”吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelDirectLogistic')}}",{id:item.id},res=>{
                            this.selectedModel.directLogistic = {};
                            return "删除“"+item.name+"”成功";
                        });
                    });
                },
                //删除直发车子项
                deleteDirectLogisticItem(item,index){
                    window.tempTip.confirm("您确定要删除该直发车计费子项吗？",()=>{
                        window.tempTip.postBasicRequest("{{url('maintenance/priceModel/apiDelDirectLogisticItem')}}",{id:item.id},res=>{
                            this.$delete(this.selectedModel.directLogistic.items,index);
                            return "删除成功";
                        });
                    });
                },
                //编辑仓储
                editStorage(index){
                    this.switchType("storage");
                    this.model.storage = JSON.parse(JSON.stringify(this.selectedModel.storage[index]));
                    this.model.storage.index = index;
                },
                //编辑作业
                editOperation(index){
                    this.switchType("operation");
                    this.model.operation = JSON.parse(JSON.stringify(this.selectedModel.operation[index]));
                    if (this.model.operation.operation_type==='入库') this.model.operation.items.unshift({});
                    this.model.operation.index = index;
                },
                //编辑快递
                editExpress(index){
                    this.switchType("express");
                    this.model.express = JSON.parse(JSON.stringify(this.selectedModel.express[index]));
                    this.model.express.index = index;
                },
                //编辑物流
                editLogistic(index){
                    this.switchType("logistic");
                    this.model.logistic = JSON.parse(JSON.stringify(this.selectedModel.logistic[index]));
                    this.model.logistic.index = index;
                },
                //编辑直发车
                editDirectLogistic(){
                    this.switchType("directLogistic");
                    this.model.directLogistic = JSON.parse(JSON.stringify(this.selectedModel.directLogistic));
                },
            },
        });
    </script>
@stop