ship-expert/app/admin/view/ship_yard/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.user.nickname}}
        </el-form-item>
        <el-form-item label="申请用户ID" prop="b_type">
            {{form.uuid}}
        </el-form-item>
        <el-form-item label="船厂头像" prop="title">
            <el-avatar :src="form.head_img"></el-avatar>
        </el-form-item>
        <el-form-item label="船厂名称" prop="b_type">
            {{form.name}}
        </el-form-item>
        <el-form-item label="船厂地址" prop="b_type">
            {{form.address}}
        </el-form-item>
        <el-form-item label="联系人" prop="b_type">
            {{form.contact_name}}
        </el-form-item>
        <el-form-item label="联系电话" prop="b_type">
            {{form.contact_phone}}
        </el-form-item>
        <el-form-item label="船厂简介" prop="b_type">
            <div>
                {{form.intro}}
            </div>
            <div>
                <template v-for="(item,idx) in form.environment_imgs" :key="idx">
                    <el-image class="merMedias" v-if="item.split('.')[1].toLowerCase()!=='mp4'" :src="item" fit="cover" @click="showImg(item)"></el-image>
                    <video class="merMedias" :src="item" 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-item label="营业执照" prop="b_type">
            <el-image class="merMedias" :src="form.business_img" fit="cover" @click="showImg(form.business_img)"></el-image>
        </el-form-item>
        <el-form-item label="员工人数">
            {{form.num_staff}}
        </el-form-item>
        <el-form-item label="审核结果" prop="audit" :rules="{message:'请选择',required:true}">
            <el-radio :label="2" v-model="form.audit">审核通过</el-radio>
            <el-radio :label="3" v-model="form.audit">审核不通过</el-radio>
        </el-form-item>
        <el-form-item label="审核原因" prop="why" :rules="{message:'请输入',required:form.audit===3}">
            <template v-if="audit===1">
            <el-input v-model="form.why"></el-input>
            </template>
            <template v-else>
                {{form.audit_at}},{{form.why}}
            </template>
        </el-form-item>
    </el-form>
    <div class="layui-form-item text-center" v-if="audit===1">
        <el-button class="layui-btn" type="primary" @click="save" :loading="saving">保存数据</el-button>
        <button class="layui-btn layui-btn-danger" data-close data-confirm1="确定要取消编辑吗？" type='button'>取消编辑</button>
    </div>
</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}