Selection.vue

<template>
  <div class="eibs-tab">
       <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px"> 
     <c-col :span="24">
      <el-form-item label="收付汇日期" prop="ctlmod.dbl.reldat">
        <c-date-picker
          type="date"
          v-model="model.ctlmod.dbl.reldat"
          style="width: 100%"
          placeholder="请输入收付汇日期"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <c-col :span="24">
     <el-form-item label="请选择接口数据" prop="bopbut.basflg" class="checkbox-left">
      <c-checkbox v-model="model.bopbut.basflg" >基础数据</c-checkbox>
      </el-form-item>
    </c-col>

    </c-col>
    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px"> 
     <c-col :span="24">
      <el-form-item label="款项去向" prop="bopbut.acttyp">
        <c-select
          v-model="model.bopbut.acttyp"
          style="width: 100%"
          placeholder="请输入款项去向"
          :code="codes.bopacttyp1"
        >
        </c-select>
      </el-form-item>
     </c-col>
    </c-col>
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('bopbut.S0000015')" prop="ctlmod.dbl.reldat">
            <c-date-picker type="date"  v-model="model.ctlmod.dbl.reldat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('bopbut.S0000015')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
<c-col :span="12">
    <span  v-text="model.bopbut.acttyplab"   data-path=".bopbut.acttyplab" > </span>
</c-col>
                  
       <c-col :span="12">
        <el-form-item label="款项标志" prop="bopbut.acttyp">
            <c-select v-model="model.bopbut.acttyp" style="width:100%" :placeholder="$t('other.please_enter')+'款项标志'">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="交易类型" prop="ctlmod.wrkdbl.trdtyp">
            <c-select v-model="model.ctlmod.wrkdbl.trdtyp" style="width:100%" :placeholder="$t('other.please_enter')+'交易类型'">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBopbutSav">
             {{$t('butp.C0000006')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBopbutMod">
             {{$t('butp.C0000009')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBopbutChk">
             {{$t('butp.C0000007')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small"  icon="el-icon-delete" @click="onBopbutDel">
             {{$t('butp.C0000010')}}
        </c-button>
       </c-col>
                  
<c-col :span="12">
    <span  v-text="model.bopbut.boplabel"   data-path=".bopbut.boplabel" > </span>
</c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bopbut.vrfflg">{{$t('bopbut.C0000011')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bopbut.basflg">{{$t('bopbut.C0000009')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bopbut.dclflg">{{$t('bopbut.C0000010')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.bopbut.ackflg">{{$t('bopbut.C0000014')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="修改/删除原因" prop="bopbut.actiondesc">
            <c-input type="textarea" v-model="model.bopbut.actiondesc" maxlength="32" show-word-limit :placeholder="$t('other.please_enter')+'修改/删除原因'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBopbutAdd">
             {{$t('bopbut.C0000019')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButpErr">
             {{$t('butp.C0000013')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onBopbutExt">
             {{$t('butp.CG000004')}}
        </c-button>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbbame/Event"

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

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

    }
}
</script>
<style>

</style>