hemall.terabimsoft.com.cn/plugins/deposit-ladder/views/backend/store/activity-add.blade.php

@extends('layouts.base')
@section('title', '创建活动')
@section('content')
<link rel="stylesheet" href="{{resource_get('plugins/deposit-ladder/views/backend/index.css')}}">
<link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
<style>
    th {border-bottom: 1px solid #EBEEF5 !important;}
    .dialog-cover{z-index:2001}
    .dialog-content{z-index:2002}
    /* 导航 */
    .el-radio-button .el-radio-button__inner,.el-radio-button:first-child .el-radio-button__inner {border-radius: 4px 4px 4px 4px;border-left: 0px;}
    .el-radio-button__inner{border:0;}
    .el-radio-button:last-child .el-radio-button__inner {border-radius: 4px 4px 4px 4px;}
</style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-crumbs">
                <a @click="goParent(1)">定金阶梯团</a>
                > 
                <a @click="goParent(2)">活动管理</a>
                >
                <a @click="goParent(3)">创建活动</a>
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                <div class="vue-head">
                    <el-radio-group v-model="sel_tab">
                        <el-radio-button v-if="item.show" :label="item.value" @click.native="selectTab(item.value)" v-for="(item,index) in tab_list">
                            [[item.name]]
                        </el-radio-button>
                    </el-radio-group>
                </div>
                <!-- 基础设置 -->
                <div class="vue-main" v-show="sel_tab=='basic'">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">基本信息</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="活动名称" prop="activity_name">
                            <el-input v-model="form.basic.activity_name" style="width:70%;" placeholder="15个字以内" ></el-input>
                        </el-form-item>
                        <el-form-item label="主题色" prop="theme_color">
                            <el-color-picker v-model="form.basic.theme_color" style="display:inline-block;float:left;"></el-color-picker>
                        </el-form-item>
                        <el-form-item label="活动时间" prop="">
                            <el-row>
                                <el-col :span="8">
                                    <el-date-picker v-model="form.basic.activity_start" type="datetime" format="yyyy-MM-dd HH:mm:ss"
                                                    value-format="timestamp" placeholder="选择活动开始时间" style="width:90%"></el-date-picker>
                                </el-col>
                                <el-col :span="10">
                                    <el-date-picker v-model="form.basic.activity_end" type="datetime" format="yyyy-MM-dd HH:mm:ss"
                                                    value-format="timestamp" placeholder="选择动结束时间" style="width:70%"></el-date-picker>
                                </el-col>
                            </el-row>
                        </el-form-item>
                        <el-form-item label="活动说明" prop="activity_explain">
                            <tinymceee v-model="form.basic.activity_explain" style="width:70%"></tinymceee>
                        </el-form-item>
                        <el-form-item label="活动商品" prop="">
                            <div>
                                <el-button size="mini" type="primary" icon="el-icon-plus" @click="selectGoods">选择商品</el-button>
                            </div>
                            <div v-if="form.basic.bind_goods && form.basic.bind_goods.title">
                                <img :src="form.basic.bind_goods.thumb_src" style="width:100px;height:100px;">
                                <div class="goods-info">
                                    <div>【[[form.basic.bind_goods.id]]】[[form.basic.bind_goods.title]]</div>
                                    <div v-if="form.basic.bind_goods.has_option && form.basic.goods_option">商品规格：￥[[form.basic.goods_option.title]]</div>
                                </div>
                            </div>
                            <div class="tip">只能选择一个商品，创建后不能修改!</div>
                        </el-form-item>
                        <el-form-item label="每次限购数量" prop="" >
                            <el-input v-model="form.basic.limit" style="width:70%;"></el-input>
                            <div class="tip">每次下单限购数量，为0为空不限制</div>
                        </el-form-item>
                        <el-form-item label="会员限购总数" prop="" >
                            <el-input v-model="form.basic.limit_total" style="width:70%;"></el-input>
                            <div class="tip">会员限购的总数，为0为空不限制</div>
                        </el-form-item>
                        <el-form-item label="排行榜" prop="">
                            <el-switch v-model="form.basic.ranking_list" :active-value="1"
                                       :inactive-value="0"></el-switch>
                        </el-form-item>
                    </div>
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">定金设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="定金金额" prop="deposit">
                            <el-input v-model="form.basic.deposit" style="width:70%;"></el-input><span style="margin-left:10px;">元</span>
                            <div class="tip">定金订单不计算会员折扣</div>
                        </el-form-item>
                        <el-form-item label="定金协议" prop="agreement">
                            <el-radio v-model="form.basic.agreement = 1" :label="1">弹窗确认</el-radio>
                            <el-form-item label="" v-if="form.basic.agreement == 1">
                                <el-input type="textarea"
                                          :autosize="{ minRows: 5, maxRows: 999}"
                                          placeholder="请输入协议内容"
                                          v-model="form.basic.agreement_content" ref="content">
                                </el-input>
                                <div class="tip" style="color: red">
                                    弹窗客户点击确认，不会进行存证，后续如果有争议无法提供证据!
                                </div>
                            </el-form-item>
                        </el-form-item>
                    </div>
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">梯度设置</div>
                    </div>
                    <div class="tip" style="color: black;padding-left: 20px;">
                        活动结束后，根据定金支付人数/销售数量对应梯度确定最终活动价格(未达到任何梯度的，按商品现价)，用户可按活动价格-定金作为活动商品最终支付金额。
                    </div>
                    <el-form-item label="" prop="ladder_type">
                        <el-radio v-model="form.basic.ladder_type" :label="0">成交人数</el-radio>
                        <el-radio v-model="form.basic.ladder_type" :label="1">销售数量</el-radio>
                    </el-form-item>
                    <el-form-item label="" prop="">
                        <el-row v-for="(item,index) in form.basic.ladder">
                            <el-col :span="8" v-if="form.basic.ladder_type==0">
                                成交人数达到:
                                <el-input v-model="item.deal_num" style="width:45%;"></el-input><span style="margin-left:10px;">人</span>
                            </el-col>
                            <el-col :span="8" v-if="form.basic.ladder_type==1">
                                销售数量达到:
                                <el-input v-model="item.sale_num" style="width:45%;"></el-input><span style="margin-left:10px;">件</span>
                            </el-col>
                            <el-col :span="8">
                                成交价:
                                <el-input v-model="item.deal_price" style="width:50%;"></el-input><span style="margin-left:10px;">元</span>
                            </el-col>
                            <el-col :span="2">
                                <el-button size="mini" type="danger" icon="el-icon-delete" circle @click="delLadder(index)">
                                </el-button>
                            </el-col>
                        </el-row>
                        <div>
                            <el-button size="mini" type="primary" icon="el-icon-plus" @click="addLadder">添加一个梯度</el-button>
                        </div>
                    </el-form-item>
                </div>
                <!-- 分享设置 -->
                <div class="vue-main" v-show="sel_tab=='share'">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">分享设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="分享标题" prop="share_title">
                            <el-input v-model="form.share.share_title" style="width:70%;" placeholder="请输入分享标题" ></el-input>
                            <div class="tip">
                                默认活动名称-商城名称
                            </div>
                        </el-form-item>
                        <el-form-item label="分享图标" prop="share_img">
                            <div class="upload-box" @click="openUpload('share_img',0)" v-if="!form.share.share_img_src">
                                <i class="el-icon-plus" style="font-size:32px"></i>
                            </div>
                            <div @click="openUpload('share_img',0)" class="upload-boxed" v-if="form.share.share_img_src" >
                                <img :src="form.share.share_img_src" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
                                <i class="el-icon-close" @click.stop="clearImg('share_img',1)" title="点击清除图片"></i>
                                <div class="upload-boxed-text">点击重新上传</div>
                            </div>
                            <div class="tip">
                                默认所选商品的主图
                            </div>
                        </el-form-item>
                        <el-form-item label="分享描述" prop="share_desc">
                            <el-input type="textarea"
                                      :autosize="{ minRows: 3, maxRows: 999}"
                                      placeholder="请输入分享描述"
                                      v-model="form.share.share_desc" ref="content">
                            </el-input>
                            <div class="tip">
                                默认活动说明前20字
                            </div>
                        </el-form-item>
                    </div>
                    <div class="vue-main-title" >
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">海报设置</div>
                    </div>
                    <div class="vue-main-form" >
                        <el-form-item label="选择海报" prop="agreement">
                            <el-form-item label="" v-if="pluginEnabled.new_poster">
                                <el-select v-model="form.share.poster" clearable placeholder="选择海报">
                                    <el-option :label="item.title" :value="item.id" v-for="(item,index) in poster"></el-option>
                                </el-select>
                            </el-form-item>
                            <div class="tip">
                                需要先在新海报插件中创建定金阶梯团海报!
                            </div>
                        </el-form-item>
                    </div>
                </div>
                <!-- 营销设置 -->
                <div class="vue-main" v-show="sel_tab=='market'">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">余额设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="会员奖励余额" prop="market.balance.reward_balance">
                            <el-input v-model="form.market.balance.reward_balance" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="一级上级奖励余额" prop="market.balance.reward_balance_first">
                            <el-input v-model="form.market.balance.reward_balance_first" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="二级上级奖励余额" prop="market.balance.reward_balance_second">
                            <el-input v-model="form.market.balance.reward_balance_second" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </div>
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">积分设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="会员奖励积分" prop="market.point.reward_point">
                            <el-input v-model="form.market.point.reward_point" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="一级上级奖励积分" prop="market.point.reward_point_first">
                            <el-input v-model="form.market.point.reward_point_first" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="二级上级奖励积分" prop="market.point.reward_point_second">
                            <el-input v-model="form.market.point.reward_point_second" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </div>
                    <div class="vue-main-title" v-if="pluginEnabled.integral">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">消费积分设置</div>
                    </div>
                    <div class="vue-main-form" v-if="pluginEnabled.integral">
                        <el-form-item label="购物赠送比例" prop="market.integral.award_proportion">
                            <el-input v-model="form.market.integral.award_proportion" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="购物上一级赠送比例" prop="market.integral.parent_award_proportion">
                            <el-input v-model="form.market.integral.parent_award_proportion" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="购物上二级赠送比例" prop="market.integral.second_award_proportion">
                            <el-input v-model="form.market.integral.second_award_proportion" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </div>
                </div>
                <!-- 分润设置 -->
                <div class="vue-main" v-show="sel_tab=='profit'">
                    <!-- 分销设置 -->
                    <div class="vue-head" v-if="pluginEnabled.commission">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">分销设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否开启分销" prop="profit.commission.is_commission">
                                <el-switch v-model="form.profit.commission.is_commission" :active-value="1"
                                           :inactive-value="0"></el-switch>
                            </el-form-item>
                            <el-form-item label="分销" prop="">
                                <table class="el-table" style="width:90%">
                                    <tr style="border-bottom:1px solid #EBEEF5">
                                        <th style="width:120px;padding-top:0">等级名称</th>
                                        <th style="padding-top:0">一级分销</th>
                                        <th style="padding-top:0">二级分销</th>
                                    </tr>
                                    <tr v-for="(item,index) in form.profit.commission.level">
                                        <td>
                                            [[item.level_name]]
                                        </td>
                                        <td>
                                            <el-input v-model="item.first_level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                        <td>
                                            <el-input v-model="item.second_level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                    </tr>
                                </table>
                            </el-form-item>
                        </div>
                    </div>
                    <!-- 分销设置 -->
                    <!-- 经销商设置 -->
                    <div class="vue-head" v-if="pluginEnabled.team_dividend">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">经销商设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否开启经销商" prop="profit.team_dividend.is_dividend">
                                <el-switch v-model="form.profit.team_dividend.is_dividend" :active-value="1"
                                           :inactive-value="0"></el-switch>
                            </el-form-item>
                            <el-form-item label="经销商提成" prop="">
                                <table class="el-table" style="width:90%">
                                    <tr style="border-bottom:1px solid #EBEEF5">
                                        <th style="width:120px;padding-top:0">等级名称</th>
                                        <th style="padding-top:0">比例</th>
                                    </tr>
                                    <tr v-for="(item,index) in form.profit.team_dividend.level">
                                        <td>
                                            [[item.level_name]]
                                        </td>
                                        <td>
                                            <el-input v-model="item.level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                    </tr>
                                </table>
                            </el-form-item>
                        </div>
                    </div>
                    <!-- 经销商设置 -->
                    <!-- 区域分红设置 -->
                    <div class="vue-head" v-if="pluginEnabled.area_dividend">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">区域分红设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否开启区域分红" prop="profit.area_dividend.is_dividend">
                                <el-switch v-model="form.profit.area_dividend.is_dividend" :active-value="1"
                                           :inactive-value="0"></el-switch>
                            </el-form-item>
                            <el-form-item label="区域分红" prop="">
                                <el-input v-model="form.profit.area_dividend.has_dividend_rate" style="width:80%">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </div>
                    </div>
                    <!-- 区域分红设置 -->
                </div>
            </el-form>

            <!-- 选择商品 -->
            <el-dialog :visible.sync="goods_show" width="60%" center title="选择商品">
                <div>
                    <div style="text-align: center">
                        <el-input  v-model="keyword_type" style="width:80%" placeholder="请输入商品ID/名称搜索"></el-input>
                        <el-button type="primary" @click="searchGoods(0)" style="margin-left:20px;">搜索</el-button>
                    </div>
                    <el-table :data="goods_list" style="width: 100%;height:600px;overflow-y:auto"  >
                        <el-table-column prop="id" label="ID"  align="center"></el-table-column>
                        <el-table-column prop="id" label="商品信息"  align="center">
                            <template slot-scope="scope">
                                <div style="display:flex;align-items:center;justify-content:center;">
                                    <img :src="scope.row.thumb_src" alt="" style="width:80px;height: 50px;">
                                    <div style="margin-left:10px">[[scope.row.title]]</div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="" label="操作" align="center" >
                            <template slot-scope="scope">
                                <el-button  @click="addGoods(scope.$index)" v-if="!scope.row.has_option">
                                    选择
                                </el-button>
                                <el-select v-model="select_option" clearable placeholder="选择规格" v-if="scope.row.has_option" @change="changeOption(scope.$index)">
                                    <el-option v-for="(item,index) in scope.row.has_many_options" :key="index" :label="item.title" :value="item.id"></el-option>
                                </el-select>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </el-dialog>

            <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')"  :disabled="btnChangeEnable">提交</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp" @sure="sureImg"></upload-img>
        </div>
    </div>
<script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
    @include('public.admin.tinymceee')
    @include('public.admin.uploadImg')

    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                let tab_list = {!! json_encode($tab?:[]) !!};
                let pluginEnabled = {!! json_encode($plugin?:[]) !!};
                let activity = {!! json_encode($activity?:[]) !!};
                let poster = {!! json_encode($poster?:[]) !!};
                let contract = {!! json_encode($contract?:[]) !!};
                if(activity.basic.activity_start){
                    activity.basic.activity_start = new Date(activity.basic.activity_start).getTime();
                }
                if(activity.basic.activity_end){
                    activity.basic.activity_end = new Date(activity.basic.activity_end).getTime();
                }
                return{
                    uploadShow:false,
                    chooseImgName:'',
                    chooseImgIndex:'-1',
                    loading: false,
                    uploadImg1:'',
                    table_loading:false,
                    btnChangeEnable:false,
                    id:0,
                    keyword_type:"",
                    goods_show:false,//选择商品弹窗
                    goods_list:[],
                    sel_tab:'basic',
                    tab_list:tab_list,
                    pluginEnabled:pluginEnabled,
                    contract:contract,
                    poster:poster,
                    select_option:'',
                    form:{
                        basic:activity.basic?activity.basic:{},
                        share:activity.share?activity.share:{},
                        market:activity.market?activity.market:{},
                        profit:activity.profit?activity.profit:{}
                    },



                    show:false,//是否开启公众号弹窗
                    pro:false ,//是否开启小程序弹窗
                    submit_url:'',
                    showVisible:false,

                    rules:{
                        // combination_name:{ required: true, message: '请输入组合名称'},
                    },

                }
            },
            created() {

            },
            mounted() {
            },
            methods: {
                getParam(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]);
                    return null;
                },
                goParent(level) {
                    if(level==1) {
                        window.location.href = `{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.show') !!}`;
                    }
                    else if(level==2) {
                        window.location.href = `{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.show') !!}`;
                    }
                    else if(level==3) {
                        window.location.href = `{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.add') !!}`;
                    }
                },
                goBack() {
                    history.go(-1)
                },
                openUpload(str,index) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                    this.chooseImgIndex = "-1";
                    if(index || index == 0) {
                        this.chooseImgIndex = index;
                    }
                },
                changeProp(val) {
                    if(val == true) {
                        this.uploadShow = false;
                    }
                    else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name,image,image_url) {
                    // 表格里
                    if(this.chooseImgIndex != '-1') {
                        this.form.share[name] = image;
                        this.form.share[name+'_src'] = image_url;
                        this.$forceUpdate();
                        // console.log(this.chooseImgIndex)
                        // console.log(this.form.goods[this.chooseImgIndex])
                    }
                    // 普通图片
                    else {
                        // console.log("afdfdfdff")
                        this.form[name] = image;
                        this.form[name+'_src'] = image_url;
                    }
                },
                clearImg(str,index) {
                    if (index) {
                        this.form.share[str] = "";
                        this.form.share[str+'_src'] = "";
                        this.$forceUpdate();
                    } else {
                        this.form[str] = "";
                        this.form[str+'_src'] = "";
                        this.$forceUpdate();
                    }
                },
                selectTab(value) {
                    this.sel_tab = value;
                },
                addLadder() {
                    this.form.basic.ladder.push({
                        'deal_num':'',
                        'sales_num':'',
                        'deal_price':''
                    });
                },
                delLadder(index) {
                    this.form.basic.ladder.splice(index,1);
                },
                searchGoods(){
                    var url = '{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.search-goods') !!}';
                    let json = {
                        kwd:this.keyword_type,
                    }
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post(url,json).then(function (response) {
                            if (response.data.result){
                                this.goods_list = response.data.data.list
                            }
                            else {
                                this.$message.error( response.data.msg );
                            }
                            loading.close();
                        },function (response) {
                            this.$message.error(response.data.msg);
                            loading.close();
                        }
                    );
                },
                selectGoods(){
                    this.goods_show = true;
                },
                addGoods(index){
                    this.form.basic.bind_goods_id = this.goods_list[index].id;
                    this.form.basic.bind_goods =  this.goods_list[index];
                    this.goods_show = false;
                },
                changeOption(index){
                    var goods_option = null;
                    this.goods_list[index].has_many_options.forEach((item,index) => {
                        if(item.id == this.select_option){
                            goods_option = item;
                        }
                    });
                    // console.log(goods_option.title);
                    this.form.basic.bind_goods_id = this.goods_list[index].id;
                    this.form.basic.goods_option_id = this.select_option;
                    this.form.basic.goods_option_title = goods_option?goods_option.title:'';
                    this.form.basic.goods_option = goods_option;
                    this.form.basic.bind_goods =  this.goods_list[index];
                    this.goods_show = false;
                },
                submitForm(formName) {
                    this.btnChangeEnable = true;
                    let json = JSON.parse(JSON.stringify(this.form));
                    json.basic.activity_start = json.basic.activity_start/1000;
                    json.basic.activity_end = json.basic.activity_end/1000;
                    console.log(json);

                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post('{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.add') !!}',json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    window.location.href = `{!! yzWebFullUrl('plugin.deposit-ladder.backend.store.activity.show') !!}`
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                    this.btnChangeEnable = false;
                },
            },
        })

    </script>
@endsection