Pardet.vue

<template>
  <div class="eibs">
    <!-- ===============左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="汇款人开户行" prop="cpdgrp.ori.pts.ref">
          <c-input v-model="model.cpdgrp.ori.pts.ref" maxlength="16" placeholder="请输入汇款人开户行" :disabled="flag"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="账号" prop="attp.atd.sbkact">
          <c-input v-model="model.attp.atd.sbkact" maxlength="35" placeholder="请输入帐号" :disabled="flag"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-fullbox>
          <el-form-item label="" prop="cpdgrp.ori.pts.extkey">
            <c-input v-model="model.cpdgrp.ori.pts.extkey" maxlength="16" placeholder="请输入"
              :disabled="flag" @keyup.enter.native="
               showGridPromptDialog('cpdgrp.ori.pts.extkey')
              "></c-input>
          </el-form-item>
          <template slot="footer">
            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
              <i class="el-icon-info"></i>
            </c-button>

            <c-button style="margin: 0 0" size="small" type="primary" :disabled="flag">
              详情
            </c-button>
          </template>
        </c-fullbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="cpdgrp.ori.pts.adrblk">
          <c-input type="textarea" v-model="model.cpdgrp.ori.pts.adrblk" maxlength="35" show-word-limit
            placeholder="请输入" rows="4" :disabled="flag"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-fullbox>
          <el-form-item label="中间行" prop="cpdgrp.med.pts.extkey">
            <!-- :disabled="flag1" -->
            <c-input v-model="model.cpdgrp.med.pts.extkey" maxlength="16" placeholder="请输入中间行名称" disabled
              @keyup.enter.native="
                showGridPromptDialog('cpdgrp.med.pts.extkey')
              "></c-input>
          </el-form-item>
          <template slot="footer">
            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
              <i class="el-icon-info"></i>
            </c-button>

            <c-button style="margin: 0 0" size="small" type="primary" :disabled="flag1">
              详情
            </c-button>
          </template>
        </c-fullbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="cpdgrp.med.pts.adrblk">
          <c-input type="textarea" v-model="model.cpdgrp.med.pts.adrblk" maxlength="35" show-word-limit
            placeholder="请输入" rows="4" :disabled="flag1"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-fullbox>
          <el-form-item label="账号" prop="cpdgrp.rmt.pts.extkey">
            <c-input v-model="model.cpdgrp.rmt.pts.extkey" maxlength="16" placeholder="请输入"
              :disabled="flag1" @keyup.enter.native="
                showGridPromptDialog('cpdgrp.rmt.pts.extkey')
              "></c-input>
          </el-form-item>
          <template slot="footer">
            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
              <i class="el-icon-info"></i>
            </c-button>
            <c-button style="margin: 0 0" size="small" type="primary" :disabled="flag1">
              详情
            </c-button>
          </template>
        </c-fullbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="cpdgrp.rmt.pts.adrblk">
          <c-input type="textarea" v-model="model.cpdgrp.rmt.pts.adrblk" maxlength="35" show-word-limit
            placeholder="请输入" rows="4" :disabled="flag1"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- =================右边=============== -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="收款人开户行" prop="cpdgrp.pyb.pts.ref">
          <c-input v-model="model.cpdgrp.pyb.pts.ref" maxlength="16" placeholder="请输入收款人开户行" :disabled="flag"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="帐号" prop="attp.atd.rbkact">
          <c-input v-model="model.attp.atd.rbkact" maxlength="35" :disabled="flag" placeholder="请输入帐号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-fullbox>
          <el-form-item label="" prop="cpdgrp.pyb.pts.extkey">
            <c-input v-model="model.cpdgrp.pyb.pts.extkey" maxlength="16" placeholder="请输入"
              :disabled="flag" @keyup.enter.native="
                showGridPromptDialog('cpdgrp.pyb.pts.extkey')
              "></c-input>
          </el-form-item>
          <template slot="footer">
            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
              <i class="el-icon-info"></i>
            </c-button>

            <c-button style="margin: 0 0" size="small" type="primary" :disabled="flag">
              详情
            </c-button>
          </template>
        </c-fullbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="cpdgrp.pyb.pts.adrblk">
          <c-input type="textarea" v-model="model.cpdgrp.pyb.pts.adrblk" maxlength="35" show-word-limit
            placeholder="请输入" rows="4" :disabled="flag"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="附言" prop="attp.commet">
          <c-input type="textarea" v-model="model.attp.commet" maxlength="35" show-word-limit placeholder="请输入附言"
            rows="4"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="附言72(102)" prop="attp.com102">
          <c-input type="textarea" v-model="model.attp.com102" maxlength="35" show-word-limit
            placeholder="请输入附言72(102)" rows="4" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益行" prop="attp.shouyh">
          <c-input type="textarea" v-model="model.attp.shouyh" maxlength="30" show-word-limit placeholder="请输入受益行"
            rows="4" disabled></c-input>
        </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/Cptati/Event"

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

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

  },
  computed: {
    flag() {
      return this.model.attp.swftyp == "200";
    },
    flag1() {
      return this.model.attp.swftyp == "100" || this.model.attp.swftyp == "102" || this.model.attp.swftyp == "103" || this.model.attp.swftyp == '';
    },
  },
}
</script>
<style>

</style>