Ovwp.vue

<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="代收拒付编号" prop="bcdgrp.rec.ownref">
          <c-fullbox>
            <c-input
              disabled
              v-model="model.bcdgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入代收拒付编号"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin-left: 18px; padding: 0 12px"
                size="small"
                type="primary"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="代收币种及金额" prop="bcdgrp.cbs.max.cur">
          <c-select
            disabled
            v-model="model.bcdgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择代收币种及金额"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="bcdgrp.cbs.max.amt"
        >
          <c-input
            disabled
            style="text-align: left; width: 100%"
            v-model="model.bcdgrp.cbs.max.amt"
            placeholder="请输入代收币种及金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="代收币种及余额" prop="bcdgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.bcdgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择代收币种及余额"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label-width="0" prop="bcdgrp.cbs.opn1.amt">
          <c-input
            disabled
            style="text-align: left; width: 100%"
            v-model="model.bcdgrp.cbs.opn1.amt"
            placeholder="请输入代收币种及余额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="收单日期" prop="bcdgrp.rec.rcvdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.bcdgrp.rec.rcvdat"
            style="width: 100%"
            placeholder="请选择收单日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="通知日期" prop="bcdgrp.rec.advdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.bcdgrp.rec.advdat"
            style="width: 100%"
            placeholder="请选择Date of Advice of Documents Received"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="单据到期日" prop="bcdgrp.rec.matdat">
          <c-date-picker
            type="date"
            disabled
            v-model="model.bcdgrp.rec.matdat"
            style="width: 100%"
            placeholder="请选择单据到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="托收日期 " prop="bcdgrp.rec.predat">
          <c-date-picker
            type="date"
            disabled
            v-model="model.bcdgrp.rec.predat"
            style="width: 100%"
            placeholder="请选择单据到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="支付条件" prop="bcdgrp.rec.doctypcod">
          <c-select
            :code="codes.doctypcod"
            disabled
            v-model="model.bcdgrp.rec.doctypcod"
            style="width: 100%"
            placeholder="请选择支付条件"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="单据状态"
          prop="bcdgrp.rec.docsta"
          style="width: 100%"
        >
          <c-select
            :code="codes.docstabot"
            style="width: 100%"
            disabled
            v-model="model.bcdgrp.rec.docsta"
            placeholder="请输入单据状态"
          ></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="拒单类型"
          prop="rejtypsel"
          style="width: 100%"
        >
          <!-- <el-checkbox-group v-model="this.model.rejtypsel">
            <el-checkbox label="Pending non-payment"></el-checkbox>
            <el-checkbox label="Outright,hold documents"></el-checkbox>
            <el-checkbox label="Outright, return documents"></el-checkbox>
            
          </el-checkbox-group> -->
          <c-select  
            style="width:100%"
            :code="codes.rejtypsel"
            v-model="model.rejtypsel"   
            placeholder="请输入拒单类型"></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="拒单理由描述 " prop="bcdgrp.blk.resrej">
          <c-fullbox>
            <c-input
              :rows="4"
              style="width: 100%"
              type="textarea"
              v-model="model.bcdgrp.blk.resrej"
              maxlength="50"
              show-word-limit
              placeholder="请输入拒单理由描述 "
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onResrejButtxmsel"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ========================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="bcdgrp.rec.nam">
          <c-input
            disabled
            v-model="model.bcdgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Name"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款人参考号 " prop="bcdgrp.dre.pts.ref">
          <c-input
            disabled
            v-model="model.bcdgrp.dre.pts.ref"
            maxlength="16"
            placeholder="请输入Drawee"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款人名称" prop="bcdgrp.dre.pts.nam">
          <c-input
            disabled
            v-model="model.bcdgrp.dre.pts.nam"
            maxlength="40"
            placeholder="请输入Name of Party"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="托收行参考号 " prop="bcdgrp.rmi.pts.ref">
          <c-input
            disabled
            v-model="model.bcdgrp.rmi.pts.ref"
            maxlength="16"
            placeholder="请输入托收行"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="托收行名称" prop="bcdgrp.rmi.pts.nam">
          <c-input
            disabled
            v-model="model.bcdgrp.rmi.pts.nam"
            maxlength="40"
            placeholder="请输入Name of Party"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收款人参考号 " prop="bcdgrp.drr.pts.ref">
          <c-input
            disabled
            v-model="model.bcdgrp.drr.pts.ref"
            maxlength="16"
            placeholder="请输入收款人"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收款人名称" prop="bcdgrp.drr.pts.nam">
          <c-input
            disabled
            v-model="model.bcdgrp.drr.pts.nam"
            maxlength="40"
            placeholder="请输入Name of Party"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="SWIFT报文通知类型" prop="advtyp">
          <c-select
            :code="codes.advtyp1"
            v-model="model.advtyp"
            style="width: 100%"
            placeholder="请选择SWIFT报文通知类型"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="SWIFT报文时间 " prop="swtdat">
          <c-date-picker
            type="date"
            v-model="model.swtdat"
            style="width: 100%"
            placeholder="请选择修改日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-checkbox
          style="margin: 0px 0 10px 150px"
          disabled
          true-label="C"
          v-model="model.mtabut.clsflg"
          >闭卷</c-checkbox
        >
      </c-col>

      <c-col :span="24" v-if="(this.model.rejtypsel == 'R')">
     <el-form-item label="退单方式" prop="rejtype">
          <c-select
            :code="codes.rejtype"
            v-model="model.rejtype"
            style="width: 100%"
            
          >
          </c-select>
        </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/Bctdor/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
  watch:{
    "model.rejtypsel":{
      immediate:true,
      handler(){
        if(this.model.rejtypsel == 'R'){
          this.model.rejtype='1'
        }
      }
    }
  },
};
</script>
<style></style>