ship-expert/app/admin/view/shop_ocean/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="联系人">
            {{form.real_name}}
        </el-form-item>
        <el-form-item label="联系方式">
            {{form.mobile}}
        </el-form-item>
        <el-form-item label="包装形式">
            {{form.form}}
        </el-form-item>
        <el-form-item label="装货码头">
            {{form.wharf_to}}
        </el-form-item>
        <el-form-item label="到港码头">
            {{form.wharf_for}}
        </el-form-item>
        <el-form-item label="发布时间">
            {{form.create_time}}
        </el-form-item>
        <el-form-item label="产品简介">
            <div>
                <template v-for="(item,idx) in form.file" :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 label="ID" prop="id"></el-table-column>
                <el-table-column label="名称" prop="name"></el-table-column>
                <el-table-column label="重量" prop="weight"></el-table-column>
                <el-table-column label="报价条数">
                    <template slot-scope="{row}">
                        {{form.offers.length}}
                    </template>
                </el-table-column>
            </el-table>
        </el-form-item>
        <el-form-item label="报价列表">
            <el-table :data="form.offers">
                <el-table-column label="ID" prop="id">
                    <template slot-scope="{row}">
                        {{row.id}}
                        <el-tag v-if="row.id===form.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="desc" style="max-width: 200px;"></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>
        </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)
            },
        }
    })
</script>
{/block}