hemall.terabimsoft.com.cn/plugins/aggregation-cps/views/admin/cps-web-url.blade.php

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

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

        <div class="con">
            <div class="setting">
                <el-form ref="form" label-width="15%">
                    <div class="block">
                        <div class="title"><span
                                    style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span><b>cps取链</b>
                        </div>

                        <el-form-item label="资源信息">


                            <el-card v-if="card.name" :body-style="{ padding: '0px' }" style="width: 200px;">
                                <img style="width: 200px;height: 200px" :src="card.image" class="image">
                                <div style="padding: 3px;text-align: center">
                                    [[card.name]]
                                </div>
                                <el-button type="primary" style="width: 100%" @click="showSpecialModal">选择资源
                                </el-button>
                            </el-card>

                            <el-button v-if="!card.name" type="primary" @click="showSpecialModal()">选择资源
                            </el-button>
                        </el-form-item>


                        <el-form-item v-if="url.web_url" label="H5链接">
                            <el-input @ style="width: 50%" type="text" v-model="url.web_url"
                                      :disabled="true"></el-input>
                            <el-button type="primary" @click="copyUrl(url.web_url)">复制</el-button>
                        </el-form-item>

                        <el-form-item v-if="url.mini_url" label="小程序路径">
                            <el-input @ style="width: 50%" type="text" v-model="url.mini_url"
                                      :disabled="true"></el-input>
                            <el-button type="primary" @click="copyUrl(url.mini_url)">复制</el-button>
                        </el-form-item>

                        <upload-multimedia-img :upload-show="uploadShow" :type="type" :name="chooseImgName"
                                               :sel-Num="selNum" @replace="changeProp"
                                               @sure="sureImg"></upload-multimedia-img>


                    </div>
                </el-form>
            </div>
            {{--            <div class="confirm-btn">--}}
            {{--                <el-button :loading="submit_loading" type="primary" @click="submit">取链</el-button>--}}
            {{--            </div>--}}
        </div>


        <el-dialog title="" :visible.sync="app_modal_show" width="60%">

            <div>
                <el-tabs v-model="appModalShowTab">
                    <el-tab-pane label="品牌券" name="brand"></el-tab-pane>
                    <el-tab-pane label="品牌券商品" name="brand_goods"></el-tab-pane>
                    <el-tab-pane label="京东商品资源" name="jd_special"></el-tab-pane>
                    <el-tab-pane label="拼多多商品资源" name="pdd_special"></el-tab-pane>
                    <el-tab-pane label="淘宝商品资源" name="taobao_special"></el-tab-pane>
                    <el-tab-pane label="推广资源" name="plat"></el-tab-pane>
                    <el-tab-pane label="推广页面" name="plat_activity"></el-tab-pane>
                    <el-tab-pane label="商品搜索" name="goods_search"></el-tab-pane>
                </el-tabs>
            </div>


            <div v-if="appModalShowTab=='goods_search'">
                <el-form ref="form" label-width="15%" style="margin-top: 50px">
                    <el-form-item label="第三方平台">
                        <el-radio v-model="form.goods_search_plat" label="1">京东</el-radio>
                        <el-radio v-model="form.goods_search_plat" label="2">拼多多</el-radio>
                        <el-radio v-model="form.goods_search_plat" label="3">淘宝</el-radio>
                    </el-form-item>

                    {{--                    <el-form-item v-if="form.goods_search_plat==2" label="活动商品(可不选)">--}}
                    {{--                        <el-select v-model="form.pdd_search_activity_tags" multiple>--}}
                    {{--                            <el-option--}}
                    {{--                                    v-for="(item,index) in list.pdd_search_activity_tags"--}}
                    {{--                                    :key="index"--}}
                    {{--                                    :label="item.name"--}}
                    {{--                                    :value="item.id">--}}
                    {{--                            </el-option>--}}
                    {{--                        </el-select>--}}
                    {{--                    </el-form-item>--}}

                    <el-form-item label="关键词">
                        <el-input style="width: 50%" type="text" v-model="form.search_keyword"
                                  placeholder="请输入搜索关键词"></el-input>
                    </el-form-item>

                    <el-form-item>
                        <el-button @click="chooseBrandOrGoods()" type="primary">确认</el-button>
                    </el-form-item>

                </el-form>
            </div>

            <div v-if="appModalShowTab=='plat'">
                <el-table :data="list.plat_list" style="width: 100%;max-height:500px;overflow:auto"
                          :fit="true">
                    <el-table-column label="推广资源" prop="name" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>

            <div v-if="appModalShowTab=='plat_activity'">
                <el-table :data="list.plat_activity_list" style="width: 100%;max-height:500px;overflow:auto"
                          :fit="true">
                    <el-table-column label="推广页面" prop="another_name" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>

            <div v-if="appModalShowTab=='taobao_special'">
                <el-table :data="list.taobao_special_url_type" style="width: 100%;max-height:500px;overflow:auto"
                          :fit="true">
                    <el-table-column label="资源类型" prop="name" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>

            <div v-if="appModalShowTab=='jd_special'">
                <el-table :data="list.jd_special_url_type" style="width: 100%;max-height:500px;overflow:auto"
                          :fit="true">
                    <el-table-column label="资源类型" prop="name" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>

            <div v-if="appModalShowTab=='pdd_special'">
                <el-table :data="list.pdd_special_url_type" style="width: 100%;max-height:500px;overflow:auto"
                          :fit="true">
                    <el-table-column label="资源类型" prop="name" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>


            <div v-if="appModalShowTab=='brand'">
                <div style="margin-top: 10px">
                    <el-input v-model="brand_modal.keyword" style="width:60%;" placeholder="品牌id/品牌名"></el-input>
                    <el-button @click="searchBrand">搜索</el-button>
                </div>
                <el-table :data="brand_modal.list" style="width: 100%;max-height:500px;overflow:auto" :fit="true">
                    <el-table-column label="品牌id" prop="b_id" align="center" min-width="15%"></el-table-column>
                    <el-table-column label="品牌logo" min-width="30%">
                        <template slot-scope="scope">
                            <div style="display:flex;align-items: center;">
                                <div v-if="scope.row.logo" style="width:40px;">
                                    <el-image :src="scope.row.logo" alt=""
                                              style="width:40px;height:40px;border-radius:50%"></el-image>
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column label="品牌名" prop="name" align="center" min-width="25%"></el-table-column>
                    ></el-table-column>

                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>


            <div v-if="appModalShowTab=='brand_goods'">
                <div style="margin-top: 10px">
                    <el-input v-model="brand_goods_modal.keyword" style="width:60%;" placeholder="商品id/商品名"></el-input>
                    <el-button @click="searchBrandGoods">搜索</el-button>
                </div>
                <el-table :data="brand_goods_modal.list" style="width: 100%;max-height:500px;overflow:auto" :fit="true">
                    <el-table-column label="商品id" prop="goods_id" align="center" min-width="10%"></el-table-column>
                    <el-table-column label="第三方id" prop="b_id" align="center" min-width="10%"></el-table-column>
                    <el-table-column label="商品logo" min-width="25%">
                        <template slot-scope="scope">
                            <div style="display:flex;align-items: center;">
                                <div v-if="scope.row.logo" style="width:40px;">
                                    <el-image :src="scope.row.logo" alt=""
                                              style="width:40px;height:40px;border-radius:50%"></el-image>
                                </div>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column label="商品名" prop="name" align="center" min-width="25%"></el-table-column>
                    ></el-table-column>

                    <el-table-column label="操作" align="center" min-width="30%">
                        <template slot-scope="scope">
                            <el-button @click="chooseBrandOrGoods(scope.row)">
                                选择
                            </el-button>

                        </template>
                    </el-table-column>
                </el-table>
            </div>

            <span slot="footer" class="dialog-footer">
                 <el-button v-if="appModalShowTab=='plat'" :loading="refresh_plat_loading" type="primary"
                            @click="refreshPlatList">刷新推广资源</el-button>
                    <el-button @click="app_modal_show = false">取 消</el-button>
                </span>
        </el-dialog>


        {{--        <pop :show="show" @replace="changeLink" @add="parHref"></pop>--}}
        {{--        <program :pro="pro" @replacepro="changeprogram" @addpro="parpro"></program>--}}


    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
    @include('public.admin.uploadMultimediaImg')
    @include('public.admin.tinymceee')
    @include('public.admin.pop')
    @include('public.admin.program')
    <script>

        var app = new Vue({
            el: "#re_content",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                {{--let id = {!!($id) !!} ? {!!($id) !!} : 0;--}}
                {{--let parent_id = "{!!($parent_id) !!}" ? "{!!($parent_id) !!}" : 0;--}}
                    return {
                    'show': false,//是否开启公众号弹窗
                    'pro': false,//是否开启小程序弹窗
                    'brand_modal_show': false,
                    'brand_goods_modal_show': false,
                    'chooseLink': '',
                    'chooseMiniLink': '',
                    'app_modal_show': false,
                    'appModalShowTab': 'brand',
                    {{--'app_route_modal': {--}}
                            {{--    'show': false,--}}
                            {{--    'list':{!! $app_route !!},--}}
                            {{--},--}}
                            {{--'app_route_show': false,--}}
                            {{--'app_route_list': {!! $app_route !!},--}}
                    'brand_modal': {
                        'list': [],
                        'show': false,
                        'keyword': '',
                    },
                    'brand_goods_modal': {
                        'list': [],
                        'show': false,
                        'keyword': '',
                    },
                    'list': {
                        'another_type': [],
                        'url_type': [],
                        'jd_special_url_type': [],
                        'pdd_special_url_type': [],
                        // 'pdd_search_activity_tags': [],
                        'plat_list': {},
                        'plat_activity_list': [],
                    },
                    'form': {
                        'url_type': 4,
                        'another_type': 1,
                        'brand_id': '',
                        'brand_goods_id': '',
                        'search_keyword': '',
                        'goods_search_plat': '1',
                        'jd_special_url_type': '',
                        'pdd_special_url_type': '',
                        'taobao_special_url_type':'',
                        'plat_id': '',
                        'plat_activity_id': '',
                        // 'pdd_search_activity_tags': [],
                    },
                    'card': {
                        'name': '',
                        'image': '',
                    },
                    'url': {
                        'web_url': '',
                        'mini_url': '',
                    },
                    'logo_url': {},
                    'is_max': 0,
                    'uploadShow': false,
                    'type': '',
                    'selNum': '',
                    'chooseImgName': '',
                    'submit_loading': false,
                    'refresh_plat_loading': false,
                }
            },
            created() {
                this.getData();
            },
            mounted() {
            },
            methods: {
                refreshPlatList() {
                    this.refresh_plat_loading = true;
                    this.$http.post("{!! yzWebUrl('plugin.aggregation-cps.admin.web.refreshPlatList') !!}", {}).then(response => {
                        console.log(response);
                        if (response.data.result) {
                            this.refresh_plat_loading = false;
                            this.$message({type: 'success', message: response.data.msg});
                            this.getData();
                        } else {
                            this.refresh_plat_loading = false;
                            this.$message({type: 'error', message: response.data.msg});

                        }
                    }, response => {
                        this.refresh_plat_loading = false;
                        this.$message({type: 'error', message: response.data.msg});
                    });
                },
                showSpecialModal() {
                    this.app_modal_show = true;
                    if (this.form.url_type == 1 || this.form.url_type == 8) {
                        this.appModalShowTab = 'plat';
                    } else if (this.form.url_type == 2) {
                        this.appModalShowTab = 'brand';
                    } else if (this.form.url_type == 3) {
                        this.appModalShowTab = 'brand_goods';
                    } else if (this.form.url_type == 4 || this.form.url_type == 6) {
                        this.appModalShowTab = 'goods_search';
                    } else if (this.form.url_type == 5) {
                        this.appModalShowTab = 'jd_special';
                    } else if (this.form.url_type == 7) {
                        this.appModalShowTab = 'pdd_special';
                    } else if (this.form.url_type == 9) {
                        this.appModalShowTab = 'plat_activity';
                    } else if(this.form.url_type == 10){
                        this.appModalShowTab = 'taobao_special';
                    }
                },
                getUrl() {
                    this.url.web_url = '';
                    this.url.mini_url = '';
                    let json = this.form;
                    json.is_url = 1;
                    this.$http.post("{!! yzWebUrl('plugin.aggregation-cps.admin.web.index') !!}", json).then(response => {
                        console.log(response);
                        if (response.data.result) {
                            this.$message({type: 'success', message: response.data.msg});
                            this.url.web_url = response.data.data.web_url;
                            this.url.mini_url = response.data.data.mini_url;
                            this.app_modal_show = false;
                        } else {
                            this.$message({type: 'error', message: response.data.msg});

                        }
                    }, response => {
                        this.$message({type: 'error', message: response.data.msg});
                    });
                },
                copyUrl(url, msg) {
                    if (msg === undefined) {
                        msg = '复制成功';
                    }
                    let oInput = document.createElement('input');
                    oInput.value = url;
                    document.body.appendChild(oInput);
                    oInput.select(); // 选择对象;
                    console.log(oInput.value);
                    document.execCommand("Copy"); // 执行浏览器复制命令
                    this.$message({message: msg, type: 'success'});
                    oInput.remove()
                },
                showBrandModal() {
                    this.app_modal_show = true;
                    this.appModalShowTab = 'brand';
                },
                searchBrand() {
                    this.$http.post("{!! yzWebUrl('plugin.aggregation-cps.admin.equity.searchBrand') !!}", {keyword: this.brand_modal.keyword}).then(response => {
                        if (response.data.result) {
                            this.brand_modal.list = response.data.data
                        } else {
                            this.$message({type: 'error', message: response.data.msg});
                        }
                    }, response => {
                        this.$message({type: 'error', message: response.data.msg});
                        console.log(response);
                    });

                },
                chooseBrandOrGoods(data) {
                    if (this.appModalShowTab == 'brand') {
                        this.chooseBrand(data);
                    } else if (this.appModalShowTab == 'brand_goods') {
                        this.chooseBrandGoods(data);
                    } else if (this.appModalShowTab == 'jd_special') {
                        this.chooseJdSpecial(data);
                    } else if (this.appModalShowTab == 'pdd_special') {
                        this.choosePddSpecial(data);
                    } else if (this.appModalShowTab == 'goods_search') {
                        this.chooseGoodsSearch();
                    } else if (this.appModalShowTab == 'plat') {
                        this.choosePlat(data);
                    } else if (this.appModalShowTab == 'plat_activity') {
                        this.choosePlatActivity(data);
                    } else if(this.appModalShowTab == 'taobao_special'){
                        this.chooseTaobaoSpecial(data);
                    }
                    this.getUrl();
                },
                chooseGoodsSearch() {
                    if (this.form.goods_search_plat == 1) {
                        this.form.another_type = 1;
                        this.form.url_type = 4;
                        this.card.image = this.logo_url.jd;
                        this.card.name = '商品搜索-京东-' + this.form.search_keyword;
                    } else if (this.form.goods_search_plat == 2) {
                        this.form.another_type = 2;
                        this.form.url_type = 6;
                        this.card.image = this.logo_url.pdd;
                        this.card.name = '商品搜索-拼多多-' + this.form.search_keyword;
                    }else if(this.form.goods_search_plat == 3){
                        this.form.another_type = 6;
                        this.form.url_type = 11;
                        this.card.image = this.logo_url.taobao;
                        this.card.name = '商品搜索-淘宝-' + this.form.search_keyword;
                    }
                },
                choosePlat(data) {
                    if (data.id == '-1') {
                        this.form.another_type = 3;
                        this.form.url_type = 1;
                    } else {
                        this.form.another_type = 4;
                        this.form.url_type = 8;
                        this.form.plat_id = data.id;
                    }
                    this.card.image = this.logo_url[data.logo];
                    this.card.name = '推广资源-' + data.name;
                },
                choosePlatActivity(data) {
                    this.form.another_type = 5;
                    this.form.url_type = 9;
                    this.form.plat_activity_id = data.another_id;
                    this.card.name = '推广页面-' + data.another_name;
                    if (this.card.name.indexOf("美团") !== -1) {
                        this.card.image = this.logo_url['meituan']
                    } else if (this.card.name.indexOf("饿了") !== -1) {
                        this.card.image = this.logo_url['eleme']
                    } else {
                        this.card.image = this.logo_url['default_introduce']
                    }
                },
                chooseTaobaoSpecial(data) {
                    this.form.another_type = 6;
                    this.form.url_type = 10;
                    this.form.taobao_special_url_type = data.type;
                    // this.special_name.jd = data.name;
                    this.card.image = this.logo_url.taobao;
                    this.card.name = '淘宝商品资源-' + data.name;
                },
                chooseJdSpecial(data) {
                    this.form.another_type = 1;
                    this.form.url_type = 5;
                    this.form.jd_special_url_type = data.type;
                    // this.special_name.jd = data.name;
                    this.card.image = this.logo_url.jd;
                    this.card.name = '京东商品资源-' + data.name;
                },
                choosePddSpecial(data) {
                    this.form.another_type = 2;
                    this.form.url_type = 7;
                    this.form.pdd_special_url_type = data.type;
                    // this.special_name.pdd = data.name;
                    this.card.image = this.logo_url.pdd;
                    this.card.name = '拼多多商品资源-' + data.name;
                },
                chooseBrand(data) {
                    console.log(data);
                    this.form.another_type = 3;
                    this.form.url_type = 2;
                    this.form.brand_id = data.b_id;
                    this.card.image = data.logo;
                    this.card.name = '品牌券列表-' + data.name;
                    // this.app_modal_show = false;
                },
                chooseBrandGoods(data) {
                    console.log(data);
                    this.form.another_type = 3;
                    this.form.url_type = 3;
                    this.form.brand_goods_id = data.goods_id;
                    this.card.image = data.logo;
                    this.card.name = '品牌券商品-' + data.name;
                    // this.app_modal_show = false;
                },
                showBrandGoodsModal() {
                    this.app_modal_show = true;
                    this.appModalShowTab = 'brand_goods';
                },
                searchBrandGoods() {
                    console.log('brand_goods');
                    this.$http.post("{!! yzWebUrl('plugin.aggregation-cps.admin.equity-goods.searchBrandGoods') !!}", {keyword: this.brand_goods_modal.keyword}).then(response => {
                        if (response.data.result) {
                            this.brand_goods_modal.list = response.data.data
                        } else {
                            this.$message({type: 'error', message: response.data.msg});
                        }
                    }, response => {
                        this.$message({type: 'error', message: response.data.msg});
                        console.log(response);
                    });
                },
                showLink(type, name) {
                    if (type == "link") {
                        this.chooseLink = name;
                        this.show = true;
                    } else {
                        this.chooseMiniLink = name;
                        this.pro = true;
                    }
                },
                //当前链接的增加
                parHref(child, confirm) {
                    this.show = confirm;
                    // this.form.link=child;
                    this.form.target[this.chooseLink] = child;
                },
                parpro(child, confirm) {
                    this.pro = confirm;
                    // this.form.prolink=child;
                    this.form.target[this.chooseMiniLink] = child;
                },
                //弹窗显示与隐藏的控制
                changeLink(item) {
                    this.show = item;
                },
                changeprogram(item) {
                    this.pro = item;
                },
                showAppRouteModal() {
                    this.app_modal_show = true;
                    this.appModalShowTab = 'app_route';
                },
                confirmAppRoute(route) {
                    this.form.target.app_route = route;
                    this.app_modal_show = false;
                    this.form.target_type = '-5';
                },
                clearImg(str, type, index) {
                    if (!type) {
                        this.form[str] = "";
                        this.form[str + '_url'] = "";
                    } else {
                        this.form[str].splice(index, 1);
                        this.form[str + '_url'].splice(index, 1);
                    }
                    this.$forceUpdate();
                }, changeProp(val) {
                    if (val == true) {
                        this.uploadShow = false;
                    } else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name, uploadShow, fileList) {

                    if (fileList.length <= 0) {
                        return
                    }
                    console.log(name);
                    console.log(fileList);
                    this.form[name] = fileList[0].attachment;
                    this.form[name + '_url'] = fileList[0].url;
                },
                openUpload(str, type, sel) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                    this.type = type;
                    this.selNum = sel;
                },
                getData() {
                    this.$http.post('{!! yzWebFullUrl('plugin.aggregation-cps.admin.web.index') !!}', {
                        'is_json': 1
                    }).then(response => {
                        if (response.data.result) {
                            this.list = response.data.data.list;
                            this.logo_url = response.data.data.logo_url;
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                    }, response => {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
                {{--submit() {--}}
                {{--    let that = this;--}}
                {{--    this.submit_loading = true;--}}
                {{--    this.$http.post('{!! yzWebFullUrl('plugin.aggregation-cps.admin.link-category.change') !!}', this.form).then(response => {--}}
                {{--        if (response.data.result) {--}}
                {{--            console.log(response.data.data);--}}
                {{--            // this.form.id = response.data.data;--}}
                {{--            this.$message({message: response.data.msg, type: 'success'});--}}
                {{--            this.submit_loading = false;--}}
                {{--            let parent_id = response.data.data.parent_id;--}}
                {{--            let level = response.data.data.level;--}}
                {{--            window.location.href = "{!! yzWebUrl('plugin.aggregation-cps.admin.link-category.index') !!}" + '&level=' + level + '&parent_id=' + parent_id;--}}
                {{--            --}}{{--if (this.form.id == 0) {--}}
                {{--            --}}{{--    let id = response.data.data;--}}
                {{--            --}}{{--    this.form.id = id;--}}
                {{--            --}}{{--    window.location.href = "{!! yzWebUrl('plugin.aggregation-cps.admin.link-category.edit') !!}" + '&id=' + id;--}}
                {{--            --}}{{--} else {--}}
                {{--            --}}{{--    this.getData();--}}
                {{--            --}}{{--}--}}
                {{--        } else {--}}
                {{--            this.$message({message: response.data.msg, type: 'error'});--}}
                {{--            this.submit_loading = false;--}}
                {{--        }--}}
                {{--    }, response => {--}}
                {{--        this.$message({message: response.data.msg, type: 'error'});--}}
                {{--        this.submit_loading = false;--}}
                {{--    })--}}
                {{--}--}}

            },
        })

    </script>
@endsection