ship-expert/app/admin/view/shop_purchase/form.html

{extend name="../../admin/view/main"}
{block name='content'}
<style>
    .layui-card-body{
        background: white;
    }
    #newForm{
        width: 100%;
    }
    .merMedias{
        width: 200px;
        height: 200px;
    }
    .layui-card{
        box-shadow: none;
    }
</style>
<div id="newForm">
    <el-form :model="form" label-width="140px" ref="form" :disabled="audit!==1">
        <el-form-item label="发布商家" prop="b_type">
            {{form.merchant.nickname}}
        </el-form-item>
        <el-form-item label="联系人" prop="title">
            {{form.real_name}}
        </el-form-item>
        <el-form-item label="联系方式" prop="b_type">
            {{form.mobile}}
        </el-form-item>
        <el-form-item label="交货地址" prop="b_type">
            {{form.post_address}}
        </el-form-item>
        <el-form-item label="交货时间" prop="b_type">
            {{form.post_time}}
        </el-form-item>
        <el-form-item label="发布时间" prop="b_type">
            {{form.create_time}}
        </el-form-item>
        <el-form-item label="船厂简介" prop="b_type">
            <div>
                <template v-for="(item,idx) in form.images" :key="idx">
                    <el-image class="merMedias" v-if="item.type=='image'" :src="item.src" fit="cover" @click="showImg(item.src)"></el-image>
                    <video class="merMedias" :src="item.src" v-else controls></video>
                </template>
            </div>
        </el-form-item>
        <el-form-item label="产品简介" prop="b_type">
            <div>
                {{form.product_intro}}
            </div>
        </el-form-item>
    </el-form>
</div>
<script>
    let vo={:json_encode($row?:null,256)};
    let audit=vo.audit
    if(audit===1){
        vo.audit=2
    }
    require(['ckeditor'], function () {

    });
    new Vue({
        el:'#newForm',
        data:()=>({
            form:vo||{
            },
            audit,
            saving:false,
        }),
        methods:{
            showImg(src){
                $.previewImage(src)
            },
            save(){
                let _this=this,
                    form=this.form
                this.$refs.form.validate(v=>{
                    if(!v){
                        return
                    }
                    $.ajax("{:url('audit')}",{
                        data:{
                            audit:form.audit,
                            why:form.why,
                            id:form.id,
                        },
                        type:'post',
                        beforeSend(){
                            _this.saving=true
                        },
                        success({code,info}){
                            if(code){
                                layer.msg('保存成功')
                                $('#NewsTable').trigger('reload');
                                $('[data-close]').trigger('click')
                            }else{
                                layer.alert(info)
                            }
                        },
                        complete(){
                            _this.saving=false
                        }
                    })
                })
            }
        }
    })
</script>
{/block}