Dscinsp.vue

<template>
    <div class="eibs-tab">
        <c-col :span="24">

            <c-col :span="12" style="padding-right: 20px">
                <!-- S0000312 : Discrepancies -->
                <c-col :span="24">
                    <c-ptap-commons  :cols="50" :rows="70" :minRows="8" :maxRows="8" :model="model"
                      :extCodes="['btdgrp','blk']"
                      lastModel="docdis"
                      :disabledButton="model.btdgrp.blk.docdisflg===''"
                      title="Discrepancies">
                    </c-ptap-commons>
                </c-col>
                <!-- S0000317 : Discrepancies modified -->
                    <c-col :span="24">
                        <el-form-item class="checkbox-left">
                            <c-checkbox 
                                v-model="model.btdgrp.blk.docdisflg"
                                true-label="X"
                                false-label=""
                                @change="onDocdisflgChange"
                            >{{$t('Discrepancies modified')}}</c-checkbox>
                        </el-form-item>
                    </c-col>

                <!-- S0000313 : Internal Discrepancies -->

                <c-col :span="24">
                    <c-ptap-commons  :cols="65" :rows="20" :minRows="8" :maxRows="8" :model="model"
                           :extCodes="['btdgrp','blk']"
                           lastModel="intdis"
                           title="Internal Discrepancies">
                    </c-ptap-commons>
                </c-col>

            </c-col>

                <!-- ==================右边================ -->
            <c-col :span="12" style="padding-left: 20px">

                    <!-- S0000317 : Further Handling -->
                    <c-col :span="24">
                        <el-form-item label="Further Handling" prop="bttp.futhndflg">
                            <c-select v-model="model.bttp.futhndflg" style="width:100%"
                                    dbCode="FUTHND" :filterKey="['S','W','R','P']"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <!-- S0000316 : Document Set Status -->
                    <c-col :span="24">
                        <el-form-item label="Document Set Status" prop="btdgrp.rec.docsta">
                            <c-select v-model="model.btdgrp.rec.docsta" disabled maxlength="65" dbCode="stadoc"
                                    ></c-select>
                        </el-form-item>
                    </c-col>

                    <!-- S0000314 : Comments and Conclusions -->
                <c-col :span="24">
                    <c-ptap-commons  :cols="65" :rows="10" :minRows="8" :maxRows="8" :model="model"
                           :extCodes="['btdgrp','blk']"
                           lastModel="comcon"
                           title="Comments and Conclusions">
                    </c-ptap-commons>
                </c-col>

                <!-- S0000311 : Settlement instructions for this Document Set -->
                <c-col :span="24">
                    <c-ptap-commons  :cols="65" :rows="20" :minRows="8" :maxRows="8" :model="model"
                            :extCodes="['btdgrp','blk']"
                            lastModel="setinsbt"
                            title="Settlement Instructions transaction field">
                    </c-ptap-commons>
                </c-col>
            </c-col>

        </c-col>
  </div>
</template>
<script>
    import event from "../event";
export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [event],
    data(){
        return {
            doc1stBen: {
                columns: [
                    '1 1 "1st" ',
                    '2 2 "2nd" ',
                    '3 3 "Document" ',
                ],
                data: [],
            },
            doc2ndBen: {
                columns: [
                    '1 1 "1st" ',
                    '2 2 "2nd" ',
                    '3 3 "Document" ',
                ],
                data: [],
            },
        }
    },
    methods:{},
    created:function(){

    }
}
</script>
<style>

</style>