Sel.vue

<template>
    <div class="eibs-tab">
              <!-- ==================左边================ -->
          <c-col :span="12" style="padding-right: 20px;"> 
          <!-- S0000019 : 发生日期 -->
         <c-col :span="24">
          <el-form-item label="发生日期" prop="eblmod.ebl.reldat">
              <c-date-picker disabled type="date"  v-model="model.eblmod.ebl.reldat" style="width:100%"  placeholder=""></c-date-picker>
          </el-form-item>
         </c-col>
  
         <c-col :span="24">
          <el-form-item label="业务所属机构" prop="cfabut.ownextkey">
              <c-select disabled :code="codes.ownextkey3" v-model="model.cfabut.ownextkey" style="width:100%" placeholder="请选择业务所属机构">
                </c-select>
          </el-form-item>
         </c-col>
         </c-col>
      <!-- ============右边================= -->
              <c-col :span="12" style="padding-left: 20px;">  
         <c-col :span="8">
          <c-checkbox  v-model="model.cfabut.basflg">签约信息</c-checkbox>
         </c-col>
                    
  <!-- <c-col :span="12">
      <span  v-text="model.cfabut.dcllab"   data-path=".cfabut.dcllab" > </span>
  </c-col> -->
                    
         <c-col :span="8">
          <c-checkbox  v-model="model.cfabut.dclflg">变动信息</c-checkbox>
         </c-col>
                    
  <!-- <c-col :span="12">
      <span  v-text="model.cfabut.vrflab"   data-path=".cfabut.vrflab" > </span>
  </c-col> -->
                    
         <!-- <c-col :span="8">
          <c-checkbox disabled v-model="model.cfabut.vrfflg">履约信息</c-checkbox>
         </c-col> -->
         </c-col>
                    
         <!-- <c-col :span="12">
          <c-button size="small" type="primary"  @click="onCfabutSav">
               {{$t('cutp.C0000006')}}
          </c-button>
         </c-col>
                    
         <c-col :span="12">
          <c-button size="small" type="primary"  @click="onCfabutMod">
               {{$t('cutp.C0000010')}}
          </c-button>
         </c-col>
                    
         <c-col :span="12">
          <c-button size="small" type="primary"  @click="onCfabutChk">
               {{$t('cutp.C0000007')}}
          </c-button>
         </c-col>
                    
         <c-col :span="12">
          <c-button size="small"  icon="el-icon-delete" @click="onCfabutDel">
               {{$t('cutp.C0000011')}}
          </c-button>
         </c-col> -->
                   <!-- S0000008 : 业务所属机构 -->
                    
        
                   <!-- S0000028 : 代付利息 -->
                    
         <!-- <c-col :span="12">
          <c-form-item label="代付还代利息" prop="eblmod.ebl.resamt">
              <c-input  v-model="model.eblmod.ebl.resamt"  :placeholder="$t('other.please_enter')+'代付还代利息'"></c-input>
          </c-form-item>
         </c-col>
                    
         <c-col :span="12">
          <c-checkbox v-model="model.cfabut.addnew">{{$t('cfabut.C0000015')}}</c-checkbox>
         </c-col>
                    
  <c-col :span="12">
      <span  v-text="model.cfabut.newdclnum"   data-path=".cfabut.newdclnum" > </span>
  </c-col>
                    
         <c-col :span="12">
          <c-form-item label="DCL数目" prop="cfabut.newdcl">
              <c-input  v-model="model.cfabut.newdcl"  :placeholder="$t('other.please_enter')+'DCL数目'"></c-input>
          </c-form-item>
         </c-col>
                    
         <c-col :span="12">
          <c-button size="small" type="primary"  @click="onCutpErr">
               {{$t('cutp.C0000009')}}
          </c-button>
         </c-col>
                    
  <c-col :span="12">
      <span  v-text="model.cfabut.newvrfnum"   data-path=".cfabut.newvrfnum" > </span>
  </c-col>
                    
         <c-col :span="12">
          <c-form-item label="VRF数目" prop="cfabut.newvrf">
              <c-input  v-model="model.cfabut.newvrf"  :placeholder="$t('other.please_enter')+'VRF数目'"></c-input>
          </c-form-item>
         </c-col>
                    
         <c-col :span="12">
          <c-button size="small" type="primary"  @click="onCfabutExt">
               {{$t('cutp.C0000008')}}
          </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/Ecadel/Event"
  
  export default {
      inject: ['root'],
      props:["model","codes"],
      mixins: [commonProcess],
      data(){
          return {
  
          }
      },
      watch:{
   "model.cfabut.basflg" :{
     immediate: true,
     handler(val,oldval){
        if(this.model.cfabut.basflg=="X"){
         this.model.cfabut.dclflg="X"
        }
        else{
            this.model.cfabut.dclflg=""
        }
      }
     },
   },
      methods:{...Event},
      created:function(){
  
      }
  }
  </script>
  <style>
  
  </style>