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;
    }
    .elImage{
        width: 50px;
        height: 50px;
    }
</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.company}}
        </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">
            <el-table :data="form.items">
                <el-table-column type="expand">
                    <template slot-scope="{row:item}">
                        <el-table :data="item.offers" style="width: 95%;margin-left: 4%;">
                            <el-table-column label="报价ID" prop="id">
                                <template slot-scope="{row}">
                                    {{row.id}}
                                    <el-tag v-if="row.id===item.offer_id">已匹配</el-tag>
                                </template>
                            </el-table-column>
                            <el-table-column label="用户" prop="user.nickname"></el-table-column>
                            <el-table-column label="报价" prop="amount"></el-table-column>
                            <el-table-column label="货期" prop="date"></el-table-column>
                            <el-table-column label="描述" prop="desc" style="max-width: 200px;"></el-table-column>
                            <el-table-column label="是否有货">
                                <template slot-scope="{row}">
                                    {{row.is_have>0?'有货':'无货'}}
                                </template>
                            </el-table-column>
                            <el-table-column label="图片">
                                <template slot-scope="{row}">
                                    <el-image v-for="(item,idx) in row.images" :src="item" :key="idx" class="elImage" @click="showImg(item)"></el-image>
                                </template>
                            </el-table-column>
                            <el-table-column label="接单日期" prop="create_time"></el-table-column>
                        </el-table>
                    </template>
                </el-table-column>
                <el-table-column label="ID" prop="id"></el-table-column>
                <el-table-column label="名称" prop="name"></el-table-column>
                <el-table-column label="规格" prop="spec"></el-table-column>
                <el-table-column label="数量" prop="number"></el-table-column>
                <el-table-column label="质量标准" prop="standard"></el-table-column>
                <el-table-column label="价格" prop="price"></el-table-column>
                <el-table-column label="报价条数">
                    <template slot-scope="{row}">
                        {{row.offers.length}}
                    </template>
                </el-table-column>
            </el-table>
        </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}