Rcldetp.vue

<template>
  <div class="eibs">
    <!-- ==========================左半边================================== -->
    <c-col :span="12" style="padding-right: 20px;">
      <!-- SF000021 : 偿付行 -->
      <c-col :span="24">
        <el-form-item label="偿付银行" prop="rmbclm.rmbrol">
          <c-select
            v-model="model.rmbclm.rmbrol"
            style="width: 100%"
            placeholder="请选择"
            :code="codes.rolall"
            @change="selectOrCheckboxRule('rmbclm.rmbrol')"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <!-- SF000020 : 编号 Reference for Address Optional -->
      <c-col :span="24">
        <c-form-item label="偿付行参考号" prop="rmbclm.rmbrmb.pts.ref">
          <c-input
            v-model="model.rmbclm.rmbrmb.pts.ref"
            maxlength="16"
            placeholder="请输入参考号"
            :disabled="rmbrolRefFlag"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'rmbrmb',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onRmbp1Det"
          :disabledExtkey="rmbrolRefFlag"
          :disabled="rmbrolAdrblkFlag"
        >
        </c-ptap>
      </c-col>

      <!-- SF000011 : Account with Bank -->
      <!-- SF000018 : 编号 -->
      <c-col :span="24">
        <c-form-item
          label="账户行参考号"
          prop="rmbclm.acwacw.pts.ref"
        >
          <c-input
            v-model="model.rmbclm.acwacw.pts.ref"
            maxlength="16"
            placeholder="请输入"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'acwacw',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onAcwpDet"
        >
        </c-ptap>
      </c-col>

      <!-- SF000016 : Beneficiary Bank -->
      <!-- SF000019 : 编号 -->
      <c-col :span="24">
        <c-form-item
          label="受益人银行参考号"
          prop="rmbclm.bebbeb.pts.ref"
        >
          <c-input
            v-model="model.rmbclm.bebbeb.pts.ref"
            maxlength="16"
            placeholder="请输入"
          ></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'bebbeb',
          }"
          :noRef="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBebpDet"
        >
        </c-ptap>
      </c-col>

      <!-- SG000133 : value date -->
      <c-col :span="24">
        <el-form-item label="起息日" prop="rmbclm.valdat">
          <c-date-picker
            type="date"
            value-format="yyyy-MM-dd"
            v-model="model.rmbclm.valdat"
            style="width: 100%"
            placeholder="请选择"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

   
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letame/Event'
import Ptap from '~/views/Public/Ptap'

export default {
  inject: ['root'],
  components: { 'c-ptap': Ptap },
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event },
  created: function () {},
  computed:{
    rmbrolRefFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol=='ADV'||this.model.rmbclm.rmbrol=='AVB'
              ||this.model.rmbclm.rmbrol=='ISS'||this.model.rmbclm.rmbrol=='CON'
        )
      },
    },

    rmbrolAdrblkFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol=='ADV'||this.model.rmbclm.rmbrol=='AVB'
              ||this.model.rmbclm.rmbrol=='ISS'||this.model.rmbclm.rmbrol=='CON'
              ||this.model.rmbclm.rmbrol=='RMB'
        )
      },

    },
    
  }
}
</script>
<style></style>