ship-expert/app/admin/view/teaching_knowledge/setting.html

{extend name="../../admin/view/main"}
{block name='content'}
<style>
    .layui-card-body{
        background: white;
    }
    .layui-layout>.layui-body>.think-page-body>.layui-card>.layui-card-body>.layui-card-html{
        padding-top: 50px;
    }
</style>
<div id="newForm">
    <el-form :model="form" label-width="140px" ref="form">
        <el-form-item label="上传视频限制时长">
            <el-input placeholder="" size="mini" style="width: 150px;margin-left: 10px;" v-model="form.video"></el-input>
            秒
        </el-form-item>
    </el-form>
    <div class="layui-form-item text-center">
        <el-button class="layui-btn" type="primary" @click="save" :loading="saving">保存数据</el-button>
    </div>
</div>
<script>
    let form={:json_encode($config,256)}||{};
    if(!form.packing){
        form.packing=[]
    }
    new Vue({
        el:'#newForm',
        data:()=>({
            form:form,
            saving:false,
            value:null,
        }),
        methods:{
            save(){
                let _this=this,
                    form=this.form
                this.$refs.form.validate(v=>{
                    if(!v){
                        return
                    }
                    $.ajax("{:sysuri()}",{
                        data:form,
                        type:'post',
                        beforeSend(){
                            _this.saving=true
                        },
                        success({code,info}){
                            if(code){
                                layer.msg('保存成功')
                                $('[data-reload]').trigger('click')
                            }else{
                                layer.alert(info)
                            }
                        },
                        complete(){
                            _this.saving=false
                        }
                    })
                })
            },
            addPack(){
                if(!this.value){
                    return
                }
                this.form.packing.push(this.value)
                this.value=null
            },
            delPack(idx){
                this.form.packing.splice(idx,1)
            }
        }
    })
</script>
{/block}