Remp.vue

<template>
  <div class="eibs-tab">
    <!-- left -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="偿付行" prop="rmbclm.rmbrol">
          <c-select
            v-model="model.rmbclm.rmbrol"
            style="width: 100%"
            placeholder="请选择偿付行"
            @change="selectOrCheckboxRule('rmbclm.rmbrol')"
          >
            <el-option
              v-for="item in codes.rolall"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '',
            grp: 'rmbclm',
            rol: 'rmbrmb',
          }"
          :noRef="false"
          :isAdrblk="true"
          :disabled="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
          :disabledRef="rmbrolFlag"
          :disabledExtkey="rmbrolFlag"
        >
        </c-ptap>
      </c-col>

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

    <!-- right -->
    <c-col :span="11" :offset="1"> 
        <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '账户号',
            grp: 'rmbclm',
            rol: 'acwacw',
          }"
          :noRef="false"
          :disabled="true"
          :isAdrblk="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '受益人银行',
            grp: 'rmbclm',
            rol: 'bebbeb',
          }"
          :noRef="false"
          :disabled="true"
          :isAdrblk="true"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </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/Betrcl/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: {"c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  computed:{
    rmbrolFlag: {
      get() {
        return (
          this.model.rmbclm.rmbrol == 'AVB' ||
          this.model.rmbclm.rmbrol == 'ISS' 
        )
      },
    },
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>