Shisuan.vue

<template>
  <div class="eibs-tab">
      <c-col :span="24" style="height:24px;">
            <el-form-item
                class="labelClass"
                label="S0001140"
                label-width="300px"
            >
            </el-form-item>
        </c-col>
        <c-col :span="24" style="">
            <c-table
                style="text-align: center"
                :list="table1"
                :paginationShow="false"
                :border="true"
            >
            <el-table-column label="C0001073" prop="limtyp" width="auto"></el-table-column>
            <el-table-column label="C0001075" prop="cur" width="auto"></el-table-column>
            <el-table-column label="C0001076" prop="cbeamt" width="auto"></el-table-column>
            <el-table-column label="C0001074" prop="reqtyp1" width="auto"></el-table-column>
            <el-table-column label="C0001078" prop="limcbeamt" width="auto"></el-table-column>
            <el-table-column label="C0001088" prop="reqtyp2" width="auto"></el-table-column>
            <el-table-column label="C0001087" prop="ckcbeamt" width="auto"></el-table-column>
            <el-table-column label="C0001079" prop="credat" width="auto"></el-table-column>
            <el-table-column label="C0001080" prop="ptyextkey" width="auto"></el-table-column>
            <el-table-column label="C0001081" prop="ptynam" width="auto"></el-table-column>
            <el-table-column label="C0001082" prop="ownref" width="auto"></el-table-column>
            <el-table-column label="C0001083" prop="ccvbl" width="auto"></el-table-column>
            <el-table-column label="C0001085" prop="limvar" width="auto"></el-table-column>
            <el-table-column label="C0001086" prop="dgzylimref" width="auto"></el-table-column>
            </c-table>
        </c-col>
        <!-- ================================================ -->
        <c-col :span="24" style="height:24px;margin-top:25px">
            <el-form-item
                class="labelClass"
                label="S0001141"
                label-width="300px"
            >
            </el-form-item>
        </c-col>
        <c-col :span="24" style="">
            <c-table
                style="text-align: center"
                :list="table2"
                :paginationShow="false"
                :border="true"
            >
            <el-table-column label="C0001056" prop="dgzylimvar" width="auto"></el-table-column>
            <el-table-column label="C0001048" prop="tzhamt" width="auto"></el-table-column>
            <el-table-column label="C0001050" prop="tzhccv" width="auto"></el-table-column>
            <el-table-column label="C0001052" prop="tzhlimamt" width="auto"></el-table-column>
            <el-table-column label="C0001054" prop="tzhlimck" width="auto"></el-table-column>
            <el-table-column label="C0001049" prop="tzqamt" width="auto"></el-table-column>
            <el-table-column label="C0001051" prop="tzqccv" width="auto"></el-table-column>
            <el-table-column label="C0001053" prop="tzqlimamt" width="auto"></el-table-column>
            <el-table-column label="C0001055" prop="tzqlimck" width="auto"></el-table-column>
            </c-table>
        </c-col>
        <!-- ================================================== -->
        <c-col :span="24" style="height:24px;margin-top:25px">
            <el-form-item
                class="labelClass"
                label="S0001142"
                label-width="300px"
            >
            </el-form-item>
        </c-col>
        <c-col :span="24" style="">
            <c-table
                style="text-align: center"
                :list="table3"
                :paginationShow="false"
                :border="true"
            >
            <el-table-column label="C0001020" prop="limvar" width="auto"></el-table-column>
            <el-table-column label="C0001023" prop="dgzylimvar" width="auto"></el-table-column>
            <el-table-column label="C0001024" prop="dglimcur" width="auto"></el-table-column>
            <el-table-column label="C0001026" prop="dgsxlimamt" width="auto"></el-table-column>
            <el-table-column label="C0001027" prop="dgyylimamt" width="auto"></el-table-column>
            <el-table-column label="C0001028" prop="dgkylimamt" width="auto"></el-table-column>
            <el-table-column label="C0001029" prop="dgcklimamt" width="auto"></el-table-column>
            <el-table-column label="C0001030" prop="dgyylimck" width="auto"></el-table-column>
            <el-table-column label="C0001031" prop="dgkylimck" width="auto"></el-table-column>
            <el-table-column label="C0001032" prop="dghfxh" width="auto"></el-table-column>
            <el-table-column label="C0001021" prop="dgzylimref" width="auto"></el-table-column>
            <el-table-column label="C0001022" prop="dgzyliminfref" width="auto"></el-table-column>
            <el-table-column label="C0001025" prop="dgccvbl" width="auto"></el-table-column>
            </c-table>
        </c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bdtset/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            table1:[],
            table2:[],
            table3:[],

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style scoped>
.labelClass >>> .el-form-item__label{
    text-align: left;
    font-weight:bold;
}
</style>