Payp.vue

<template>
  <div class="eibs-tab">
          <!-- ====================================第一行 =================================-->
      <c-col :span="24">
      <!-- S0000198 : 信用证参考号 -->
      <c-col :span="12">
        <c-form-item label="信用证参考号" prop="didgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.didgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入信用证参考号"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
                      <!-- S0000192 : 信用证余额 -->
      <c-col :span="11" :offset="1">
        <c-col :span="12">
          <c-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
            <c-select
              v-model="model.didgrp.cbs.opn1.cur"
              maxlength="3"
              placeholder="请选择币种"
              :code="codes.curtxt"
              disabled
            ></c-select>
          </c-form-item>
        </c-col>
        <c-col :span="12">
          <c-form-item label="" label-width="5px" prop="didgrp.cbs.opn1.amt">
            <c-input
              v-model="model.didgrp.cbs.opn1.amt"
              placeholder=""
              class="m-input-currency"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>
    </c-col>

          <!-- ====================================第二行 =================================-->
          <!-- S0000195 : 到期日 -->
    <c-col :span="24">
      <c-col :span="12">
      <el-form-item label="到期日" prop="didgrp.rec.expdat">
        <c-date-picker
          type="date"
          value-format="yyyy-MM-dd"
          v-model="model.didgrp.rec.expdat"
          style="width: 100%"
          placeholder="请输入到期日"
          disabled
        ></c-date-picker>
      </el-form-item>
      </c-col>
    </c-col>

          <!-- ====================================第三行 =================================-->
        <!-- S0000196 : 单据参考号 -->
    <c-col :span="24">
      <c-col :span="12">
        <c-form-item label="单据参考号" prop="bddgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.bddgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入单据参考号"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
      <c-col :span="11" :offset="1">
        <!-- SF000230 : 摘要 -->
        <c-col :span="24">
          <c-form-item label="摘要" prop="bddgrp.rec.nam">
            <c-input
              v-model="model.bddgrp.rec.nam"
              maxlength="40"
              placeholder="请输入摘要"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>
    </c-col>

      <!-- 分割线 -->
    <c-col :span="24">
      <el-form-item style="margin-left: -150px">
        <el-divider />
      </el-form-item>
    </c-col>

      <!-- ====================================中部-左边 单据金额-单据余额 ======================================-->
      <c-col :span="12">
        <c-col :span="24">
              <!-- S0000197 : 单据金额 -->
        <c-col :span="12">
          <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
            <c-select
              v-model="model.bddgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择币种"
              :code="codes.curtxt"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="5px" prop="bddgrp.cbs.max.amt">
              <c-input
                v-model="model.bddgrp.cbs.max.amt"
                placeholder="请输入单据金额"
                class="m-input-currency"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

            <!-- S0000199 : 单据余额 -->
        <c-col :span="24">
          <c-col :span="12">
            <c-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
              <c-select
                v-model="model.bddgrp.cbs.opn1.cur"
                maxlength="3"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              ></c-select>
            </c-form-item>
          </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="5px" prop="bddgrp.cbs.opn1.amt">
              <c-input
                v-model="model.bddgrp.cbs.opn1.amt"
                placeholder="请输入单据余额"
                class="m-input-currency"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
            <!-- S0000200 : 到单日期 -->
          <c-col :span="12">
            <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.rcvdat"
                style="width: 100%"
                placeholder="到单日期"
                value-format="yyyy-MM-dd"
                disabled
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- SG000234 : 远期起算日 -->
          <c-col :span="12">
            <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.stadat"
                style="width: 100%"
                placeholder="请选择远期起算日"
                value-format="yyyy-MM-dd"
                disabled
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
            <!-- S0000201 : 单据到期日 -->
          <!-- <c-col :span="12">
            <span v-text="model.bdtp.matp.mattxtlab" data-path=".bdtp.matp.mattxtlab">
            </span>
          </c-col> -->
          <!-- Maturity Date单据到期日 -->
          <c-col :span="12">
            <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.matdat"
                style="width: 100%"
                placeholder="请选择单据到期日"
                value-format="yyyy-MM-dd"
                disabled
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- SG000235 : 远期期限 -->
          <c-col :span="12">
            <c-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
              <c-input
                v-model.number="model.bddgrp.rec.tenmaxday"
                placeholder="请输入远期期限"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

                <!-- S0000206 : 单据类型 -->
        <c-col :span="24">
          <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select
              v-model="model.bddgrp.rec.docflg"
              style="width: 100%"
              placeholder="请选择单据类型"
              :code="codes.brdtyp"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

            <!-- S0000207 : 单据状态 -->
        <c-col :span="12">
          <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
            <c-select
              v-model="model.bddgrp.rec.docsta"
              style="width: 100%"
              placeholder="请选择单据状态"
              :code="codes.docsta1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
      
      </c-col>
      
      <!-- ====================================中部-右边 申请人 ======================================-->
      <c-col :span="11" :offset="1">
        <!-- S0000194 : 申请人 -->
        <!-- S0000203 : 编号 -->
        <c-col :span="24">
          <c-form-item label="申请人  编号" prop="bddgrp.apl.pts.ref">
            <c-input
              v-model="model.bddgrp.apl.pts.ref"
              maxlength="16"
              placeholder=""
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <!-- Name of Party -->
        <c-col :span="24">
          <c-form-item label="" prop="bddgrp.apl.pts.nam">
            <c-input
              v-model="model.bddgrp.apl.pts.nam"
              maxlength="40"
              placeholder=""
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

          <!-- S0000193 : 受益人 -->
          <!-- S0000205 : 编号 -->
          <c-col :span="24">
            <c-form-item label="受益人  编号" prop="bddgrp.ben.pts.ref">
              <c-input
                v-model="model.bddgrp.ben.pts.ref"
                maxlength="16"
                placeholder=""
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
          <c-col :span="24">
            <c-form-item label="" prop="bddgrp.ben.pts.nam">
              <c-input
                v-model="model.bddgrp.ben.pts.nam"
                maxlength="40"
                placeholder=""
                disabled
              ></c-input>
            </c-form-item>
          </c-col>

              <!-- S0000204 : 交单行 -->
          <!-- S0000208 : 编号 -->
          <c-col :span="24">
            <c-form-item label="交单行  编号" prop="bddgrp.prb.pts.ref">
              <c-input
                v-model="model.bddgrp.prb.pts.ref"
                maxlength="16"
                placeholder=""
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
          <c-col :span="24">
            <c-form-item label="" prop="bddgrp.prb.pts.nam">
              <c-input
                v-model="model.bddgrp.prb.pts.nam"
                maxlength="40"
                placeholder=""
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
      </c-col>
      
            <!-- 分割线 -->
    <c-col :span="24">
      <el-form-item style="margin-left: -150px">
        <el-divider />
      </el-form-item>
    </c-col>

          <!-- ====================================下部-左边 单据类型 ======================================-->
      <c-col :span="12">
            <!-- SF000260 : 单据类型 -->
        <c-col :span="24">
          <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select
              v-model="model.bddgrp.rec.docflg"
              style="width: 100%"
              placeholder="单据类型"
              :code="codes.brdtyp"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
            <!-- S0000250 : 到单日期 -->
          <c-col :span="12">
            <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.rcvdat"
                style="width: 100%"
                placeholder="到单日期"
                value-format="yyyy-MM-dd"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- S0000249 : 交单日期 -->
          <c-col :span="12">
            <el-form-item label="交单日期" prop="bddgrp.rec.predat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.predat"
                style="width: 100%"
                placeholder="交单日期"
                value-format="yyyy-MM-dd"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
            <!-- SF000282 : 承兑金额 -->
          <c-col :span="12">
            <el-form-item label="承兑金额" prop="setmod.doccur">
              <c-select
                v-model="model.setmod.doccur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="5px" prop="setmod.docamt">
              <c-input
                v-model="model.setmod.docamt"
                placeholder=""
                class="m-input-currency"
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
            <!-- SF000009 : 单据金额 -->
          <c-col :span="12">
            <el-form-item label="单据金额" prop="bddgrp.cbs.opn2.cur">
              <c-select
                v-model="model.bddgrp.cbs.opn2.cur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="5px" prop="aamset.utlamt">
              <c-input
                v-model="model.aamset.utlamt"
                class="m-input-currency"
                placeholder=""
                :disabled="model.aamset.aammod.opn2.amt==0"
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
            <!-- S0000008 : 附加金额 -->
          <c-col :span="12">
            <el-form-item label="附加金额" prop="bddgrp.cbs.opn2.cur">
              <c-select
                v-model="model.bddgrp.cbs.opn2.cur"
                style="width: 100%"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <c-form-item label="" label-width="5px" prop="aamset.utlamt2">
              <c-input
                v-model="model.aamset.utlamt2"
                placeholder=""
                class="m-input-currency"
                :disabled="model.aamset.amt2okflg==''"
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

          <!-- SG000283 : Which MT 发送承付电 -->
        <c-col :span="24">
          <el-form-item label="发送承付电" prop="sftmt">
            <c-select
              v-model="model.sftmt"
              style="width: 100%"
              placeholder="请选择发送承付电"
            >
              <el-option
                  v-for="item in codeTable"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <!-- TAG72 -->
        <c-col :span="24">
          <c-form-item label="" prop="bddgrp.tag72add">
            <c-fullbox>
              <c-input
                type="textarea"
                v-model="model.bddgrp.tag72add"
                maxlength="1750"
                show-word-limit
                :rows="4"
                placeholder=""
                :disabled="model.sftmt==''"
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onAcctagButtxmsel"
                  :disabled="model.sftmt==''"
                >
                <!-- @click="showGridPromptDialog('bdtp.acctag.buttxmsel', null, null,{TXT: 'bddgrp.tag72add'}, {TXT: false},'doxpDialog')"-->
                ...
                </c-button>
              </template>
            </c-fullbox>
            
          </c-form-item>
        </c-col>


      </c-col>

      <!-- ====================================下部-右边 交单行 ======================================-->
      <c-col :span="11" :offset="1">
        <!-- SF000246 : 交单行 -->
        <c-col :span="24">
          <el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
            <c-select
              v-model="model.bddgrp.rec.docprbrol"
              style="width: 100%"
              placeholder="请选择交单行"
              :code="codes.docprbrol"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

            <!-- S0000121 : BIC External Key of Address -->
        <c-col :span="24">
          <c-form-item label="BIC" prop="bddgrp.prb.pts.extkey">
            <c-input
              v-model="model.bddgrp.prb.pts.extkey"
              maxlength="16"
              placeholder="请输入"
            ></c-input>
          </c-form-item>
        </c-col>

        <!-- S0000122 : 联行行号 -->
        <c-col :span="24">
          <c-form-item label="联行行号" prop="bddgrp.prb.pts.bankno">
            <c-input
              v-model="model.bddgrp.prb.pts.bankno"
              maxlength="20"
              placeholder="请输入联行行号"
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="联行名称  电证用" prop="bddgrp.prb.pts.jigomc">
            <c-input
              type="textarea"
              v-model="model.bddgrp.prb.pts.jigomc"
              maxlength="140"
              show-word-limit
              placeholder="联行名称  电证用"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="地址  电证用" prop="bddgrp.prb.pts.dizhii">
            <c-input
              type="textarea"
              v-model="model.bddgrp.prb.pts.dizhii"
              maxlength="140"
              show-word-limit
              placeholder="地址  电证用"
            ></c-input>
          </c-form-item>
        </c-col>

            <!-- SF000247 : 付款人 -->
        <c-col :span="24">
          <el-form-item label="付款人" prop="bddgrp.rec.payrol">
            <c-select
              v-model="model.bddgrp.rec.payrol"
              style="width: 100%"
              placeholder="付款人"
              :code="codes.payrol"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
            <!-- S0000121 : BIC External Key of Address-->
        <c-col :span="24">
          <c-form-item label="BIC" prop="bdtp.oth.pts.extkey">
            <c-input
              v-model="model.bdtp.oth.pts.extkey"
              maxlength="16"
              placeholder="请输入"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

        
        <!-- S0000122 : 联行行号 -->
        <c-col :span="24">
          <c-form-item label="联行行号" prop="bdtp.oth.pts.bankno">
            <c-input
              v-model="model.bdtp.oth.pts.bankno"
              maxlength="20"
              placeholder="请输入联行行号"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

    <c-col :span="24">
      <c-form-item label="联行名称  电证用" prop="bdtp.oth.pts.jigomc">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.pts.jigomc"
          maxlength="140"
          show-word-limit
          placeholder="联行名称  电证用"
          disabled
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="24">
      <c-form-item label="地址  电证用" prop="bdtp.oth.pts.dizhii">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.pts.dizhii"
          maxlength="140"
          show-word-limit
          placeholder="地址  电证用"
          disabled
        ></c-input>
      </c-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/Bdtudp/Event'

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {
      codeTable: [
        { label: "MT x99 Information by Free Message", value: "x99" },
      ],
    }
  },
  methods: { ...Event },
  created: function () {},
}
</script>
<style></style>