Ovwp.vue

<template>
  <div class="eibs-tab">
    <c-content :height="300">
      <c-row>
        <!--------------------顶部----------------------->
        <c-col :span="24">
          <!--------------------顶部=左----------------------->
          <c-col :span="12">
            <c-col :span="24">
              <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
                <c-fullbox>
                  <c-input
                    v-model="model.trdgrp.rec.pntref"
                    maxlength="16"
                    :disabled="true"
                    style="width: 90%"
                  ></c-input>
                  <c-button
                    size="small"
                    type="primary;width:10%"
                    @click="onSeainf"
                    style="width: 10%"
                  >
                    i
                  </c-button>
                </c-fullbox>
              </c-form-item>
            </c-col>

            <!-- <c-col :span="4">
                <el-form-item label="" label-width="15px">
                    
                </el-form-item>
            </c-col> -->

            <c-col :span="24">
              <c-form-item label="参考号" prop="trdgrp.rec.ownref">
                <c-fullbox>
                  <c-input
                    v-model="model.trdgrp.rec.ownref"
                    maxlength="16"
                    :disabled="true"
                    style="width: 90%"
                  ></c-input>
                  <c-button
                    size="small"
                    ype="primary;width:10%"
                    @click="onSeainf"
                    style="width: 10%"
                  >
                    i
                  </c-button>
                </c-fullbox>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
                <c-input
                  v-model="model.trdgrp.rec.pctfin"
                  :disabled="true"
                  style="width: 96%"
                ></c-input
                >%
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
                <c-fullbox>
                  <c-select
                    v-model="model.trdgrp.cbs.max.cur"
                    style="width: 25%"
                    :disabled="true"
                  >
                  </c-select>
                  <c-input
                    v-model="model.trdgrp.cbs.max.amt"
                    style="width: 75%"
                    :disabled="true"
                  ></c-input>
                </c-fullbox>
              </el-form-item>
            </c-col>

            <!-- <c-col :span="16">
                    <c-form-item label="" prop="trdgrp.cbs.max.amt">
                        
                    </c-form-item>
                </c-col> -->

            <c-col :span="24">
              <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
                <c-fullbox>
                  <c-input
                    v-model="model.trdgrp.cbs.opn1.cur"
                    maxlength="3"
                    :disabled="true"
                    style="width: 25%"
                  ></c-input>
                  <c-input
                    v-model="model.trdgrp.cbs.opn1.amt"
                    :disabled="true"
                    style="width: 75%"
                  ></c-input>
                </c-fullbox>
              </c-form-item>
            </c-col>
            <!-- <c-col :span="24">
                    <c-form-item label="Balance" prop="trdgrp.cbs.opn1.amt">
                        
                    </c-form-item>
                </c-col>-->

            <c-col :span="12">
              <el-form-item label="起息日期" prop="trdgrp.rec.stttendat">
                <c-date-picker
                  type="date"
                  v-model="model.trdgrp.rec.stttendat"
                  style="width: 100%"
                  :disabled="true"
                ></c-date-picker>
              </el-form-item>
            </c-col>

            <c-col :span="12">
              <el-form-item label="到期日期" prop="trdgrp.rec.matdat">
                <c-date-picker
                  type="date"
                  v-model="model.trdgrp.rec.matdat"
                  style="width: 100%"
                  :disabled="true"
                ></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="12">
            <!--------------------顶部=右----------------------->

            <c-col :span="24">
              <c-form-item label="简略信息" prop="trdgrp.rec.pntnam">
                <c-input
                  v-model="model.trdgrp.rec.pntnam"
                  maxlength="40"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="简略信息" prop="trdgrp.rec.nam">
                <c-input
                  v-model="model.trdgrp.rec.nam"
                  maxlength="40"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资客户" prop="trdgrp.fip.pts.ref">
                <c-input
                  v-model="model.trdgrp.fip.pts.ref"
                  maxlength="16"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item prop="trdgrp.fip.pts.nam">
                <c-input
                  v-model="model.trdgrp.fip.pts.nam"
                  maxlength="40"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>

            <c-col :span="24">
              <c-form-item label="融资品种" prop="trdgrp.rec.fintyp">
                <c-select
                  v-model="model.trdgrp.rec.fintyp"
                  style="width: 100%"
                  :disabled="true"
                >
                  <el-option
                    v-for="item in codes.fintyp1"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </c-select>
              </c-form-item>
            </c-col>
          </c-col>
        </c-col>

        <!--=================中部-左=================  -->
        <c-col :span="12">
          <c-col :span="24">
            <el-form-item label="修改类型" prop="ametyp">
              <c-select
                v-model="model.ametyp"
                style="width: 100%"
                placeholder="融资类型修改"
              >
                <el-option
                  v-for="item in codes.ametyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="借据号" prop="trtmod.finmod.fincod">
              <c-input
                v-model="model.trtmod.finmod.fincod"
                maxlength="17"
                :disabled="true"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="计息周期" prop="trtmod.finmod.intprd">
              <c-select
                v-model="model.trtmod.finmod.intprd"
                style="width: 100%"
                placeholder="请选择计息周期"
              >
                <el-option
                  v-for="item in codes.intprd"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="基准利率规则"
              prop="trtmod.finmod.dinmod.jzllgz"
            >
              <c-select
                v-model="model.trtmod.finmod.dinmod.jzllgz"
                style="width: 100%"
                placeholder="请选择基准利率规则"
              >
                <el-option
                  v-for="item in codes.jzllgz"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="利率调整方式" prop="trtmod.finmod.ratchgtyp">
              <c-select
                v-model="model.trtmod.finmod.ratchgtyp"
                style="width: 100%"
                placeholder="利率调调整方式"
              >
                <el-option
                  v-for="item in codes.ratchgtyp1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

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

          <c-col :span="24">
            <c-form-item label="基准利率" prop="trdgrp.rec.intrat">
              <c-input
                v-model="model.trdgrp.rec.intrat"
                :disabled="true"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="市场LPR期限品种" prop="trdgrp.rec.lprtyp">
              <c-select
                v-model="model.trdgrp.rec.lprtyp"
                style="width: 100%"
                placeholder="请选择LPR期限品种"
              >
                <el-option
                  v-for="item in codes.lprtyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="正常执行利率" prop="trdgrp.rec.actrat">
              <c-input
                v-model="model.trdgrp.rec.actrat"
                placeholder="请输入正常执行利率"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="第一还款账号" prop="trtmod.finmod.act1">
              <c-select
                v-model="model.trtmod.finmod.act1"
                style="width: 100%"
                placeholder="请选择第一还款账号"
              >
                <el-option
                  v-for="(item, idx) in codes.codeSet['trtmod.finmod.act1']"
                  :key="idx"
                  :label="item.split('\t')[1]"
                  :value="item.split('\t')[0]"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <!--=================中部-右=================  -->
        <c-col :span="12">
          <c-col :span="24">
            <c-form-item label="融资账号" prop="trdgrp.rec.finact">
              <c-input
                v-model="model.trdgrp.rec.finact"
                maxlength="21"
                :disabled="true"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="计息日期" prop="trtmod.finmod.intdat">
              <c-fullbox>
                <c-input
                  v-model="model.trtmod.finmod.intdat"
                  maxlength="2"
                  placeholder="请输入计息日期"
                  style="width: 70%"
                  :disabled="
                    model.trtmod.finmod.intprd == '6' ||
                    model.trtmod.finmod.intprd == '7' ||
                    model.trtmod.finmod.intprd == 'B'
                  "
                ></c-input>
                <c-checkbox
                  v-model="model.trtmod.finmod.wjdkfl"
                  style="width: 30%"
                  :disabled="true"
                  >是否到期主动扣收款</c-checkbox
                >
              </c-fullbox>
            </c-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="利率调整周期" prop="trtmod.finmod.ratchgprd">
              <c-select
                v-model="model.trtmod.finmod.ratchgprd"
                style="width: 100%"
                placeholder="请选择利率调整周期"
                :disabled="
                  model.trtmod.finmod.ratchgtyp != '7' &&
                  model.trtmod.finmod.ratchgtyp != '8' &&
                  model.trtmod.finmod.ratchgtyp != '9'
                "
              >
                <el-option
                  v-for="item in codes.ratchgprd"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <c-form-item label="利率调整月日数" prop="trtmod.finmod.ratchgdat">
              <c-input
                v-model="model.trtmod.finmod.ratchgdat"
                maxlength="4"
                placeholder="请输入利率调整月日数"
                :disabled="
                  model.trtmod.finmod.ratchgtyp != '4' &&
                  model.trtmod.finmod.ratchgtyp != '5'
                "
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="12">
            <c-form-item label="融资天数" prop="trdgrp.rec.tenday">
              <c-input
                v-model="model.trdgrp.rec.tenday"
                :disabled="true"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="12">
            <c-form-item label="宽限期" prop="trtmod.finmod.graday">
              <c-input
                v-model="model.trtmod.finmod.graday"
                :disabled="true"
                placeholder="宽限期"
              ></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="浮动方式" prop="trtmod.finmod.flttyp">
              <c-select
                v-model="model.trtmod.finmod.flttyp"
                style="width: 100%"
                placeholder="请选择浮动方式"
              >
                <el-option
                  v-for="item in codes.flttyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <c-form-item label="浮动值" prop="trtmod.finmod.fltval">
              <c-input
                v-model="model.trtmod.finmod.fltval"
                placeholder="请输入浮动值"
                :disabled="model.trtmod.finmod.flttyp == '0'"
                style="width: 90%"
              ></c-input>
            </c-form-item>
          </c-col>
          <!--                         
                <c-col :span="12">
                    <span  v-text="model.trtmod.finmod.pctlab"   data-path=".trtmod.finmod.pctlab" > </span>
                </c-col> -->

          <c-col :span="12">
            <el-form-item label="逾期计息方式" prop="trtmod.finmod.ovdinttyp">
              <c-select
                v-model="model.trtmod.finmod.ovdinttyp"
                style="width: 100%"
                placeholder="请选择呆滞计息方式"
              >
                <el-option
                  v-for="item in codes.ovdinttyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <c-form-item label="罚息比率" prop="trtmod.finmod.ovdintrat">
              <c-input
                v-model="model.trtmod.finmod.ovdintrat"
                style="width: 90%"
                placeholder="请输入罚息比率"
              ></c-input
              >%
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="第三还款方式" prop="trtmod.finmod.acttyp">
              <c-select
                v-model="model.trtmod.finmod.acttyp"
                style="width: 100%"
                placeholder="请选择第三还款方式"
              >
                <el-option
                  v-for="item in codes.acttyp1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="第三方还款账号" prop="trtmod.finmod.act3">
              <c-select
                filterable
                allow-create
                v-model="model.trtmod.finmod.act3"
                style="width: 100%"
                :disabled="model.trtmod.finmod.acttyp == ''"
                placeholder="请选择第三方还款账号"
              >
                <el-option
                  v-for="item in codes.act3"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
      </c-row>
    </c-content>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trtame/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style></style>