Ovwp1.vue

<template>
  <div class="eibs">
    <c-col :span="24">
      <!-- ======================左边====================== -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          

          <c-form-item label="业务编号" prop="ftdgrp.rec.ownref">
                    <c-fullbox>
                        <c-input v-model="model.ftdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号" disabled>
                        </c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 5px" size="small" type="primary" :disabled="getOwnrefFlg"
                            @click="getOwnref">
                            获取
                            </c-button>
                        </template>
                        </c-fullbox>
                </c-form-item>

        </c-col>
        <c-col :span="24">
          <c-form-item label="资金部负责人" prop="ftdgrp.rec.ownusr">
                    <c-fullbox>
                    <c-input v-model="model.ftdgrp.rec.ownusr" placeholder="请输入业务负责人" ></c-input>
                    <template slot="footer">
                            <c-button style="margin: 0 5px" size="small" type="primary">
                            i
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="清算中心负责人" prop="ftdgrp.rec.usr">
                    <c-fullbox>
                    <c-input v-model="model.ftdgrp.rec.usr" placeholder="请输入业务负责人" ></c-input>
                    <template slot="footer">
                            <c-button style="margin: 0 5px" size="small" type="primary">
                            i
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>

          
        </c-col>
        <c-col :span="24">
          <el-form-item label="定存拆借类型" prop="ftdgrp.rec.fttyp">
            <c-select @change="onFttypChange" v-model="model.ftdgrp.rec.fttyp" :code="codes.fttyp" :filterKey="['LO','LI','DO','DI']" style="width:100%"
              placeholder="请输入定存拆借类型">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000009 : 定存拆借金额 -->

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="定存拆借金额" prop="ftdgrp.cbs.max.cur">
              <c-select  @change="onMaxcurChange" v-model="model.ftdgrp.cbs.max.cur" :code="codes.curtxt1" style="width:100%"
                placeholder="请输入定存拆借金额币种">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12" class="pl8">
            <c-form-item label-width="0" prop="ftdgrp.cbs.max.amt">
              <c-input-currency @change="onMaxamtChange"  :currency="model.ftdgrp.cbs.max.cur" v-model="model.ftdgrp.cbs.max.amt" placeholder="请输入定存拆借金额">

              </c-input-currency>
            </c-form-item>
          </c-col>
        </c-col>

        <!-- S0000016 : 开立日期 -->

        <c-col :span="24">
          <el-form-item label="开立日期" prop="ftdgrp.rec.opndat">
            <c-date-picker @change="onOpndatChange" type="date" v-model="model.ftdgrp.rec.opndat" style="width:100%"
              placeholder="请输入开立日期"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日" prop="ftdgrp.rec.valdat">
            <c-date-picker type="date" v-model="model.ftdgrp.rec.valdat" style="width:100%"
              placeholder="请输入起息日"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="到期日" prop="ftdgrp.rec.matdat">
            <c-date-picker type="date" v-model="model.ftdgrp.rec.matdat" style="width:100%"
              placeholder="请输入到期日"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="年利率" prop="ftdgrp.rec.rat">
            <!-- <c-input v-model="model.ftdgrp.rec.rat" placeholder="请输入年利率"></c-input> -->
            <c-fullbox>
            <c-input v-model="model.ftdgrp.rec.rat" placeholder="请输入年利率" ></c-input>
              <template slot="footer">
                  <span style="margin: 0 5px" size="small" type="primary">
                  %
                  </span>
              </template>
          </c-fullbox>
          
          </c-form-item>


          

        </c-col>
        <c-col :span="24">
          <el-form-item label="计息方式" prop="ftdgrp.rec.cntfra">
            <c-select v-model="model.ftdgrp.rec.cntfra" :code="codes.cntfra" style="width:100%"
              placeholder="请输入计息方式">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <c-form-item label="利息金额" prop="ftdgrp.cbs.ins.cur">
              <c-select disabled v-model="model.ftdgrp.cbs.ins.cur" :code="codes.curtxt1" style="width:100%"
                placeholder="请输入利息金额">
              </c-select>
            </c-form-item>
          </c-col>
          <c-col :span="12" class="pl8">
            <c-form-item label-width="0" prop="ftdgrp.cbs.ins.amt">
              <c-input-currency :currency="model.ftdgrp.cbs.ins.cur"  v-model="model.ftdgrp.cbs.ins.amt" placeholder="请输入'利息金额'"></c-input-currency>
            </c-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="报文类型" prop="fttp.msgtyp">
              <c-select v-model="model.fttp.msgtyp" :code="codes.msgtyp4" :filterKey="['199', '299', '320']" style="width:100%"
                placeholder="请输入报文类型">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="银行行类别" prop="ftdgrp.rec.bnktyp">
              <c-select v-model="model.ftdgrp.rec.bnktyp" :code="codes.bnktyp" style="width:100%"
                placeholder="请输入银行行类别">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-form-item label="备注" prop="ftdgrp.blk.remark">
              <c-input type="textarea" v-model="model.ftdgrp.blk.remark" maxlength="35" show-word-limit
                placeholder="请输入备注"></c-input>
            </c-form-item>
          </c-col>
        </c-col>


      </c-col>
      <!-- ======================右边====================== -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <c-form-item label="业务摘要" prop="ftdgrp.rec.nam">
            <c-input disabled v-model="defaultNam950" maxlength="40"
              placeholder="请输入名称"></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" @change="onTroChange"   :disabled="true"
            :requiredExtkey="model.ftdgrp.rec.fttyp =='LI'||model.ftdgrp.rec.fttyp =='DI'"
            :disabledExtkey="model.ftdgrp.rec.fttyp =='LO'||model.ftdgrp.rec.fttyp =='DO'|| model.ftdgrp.rec.fttyp ==''||model.ftdgrp.rec.fttyp ==undefined" 
            
            :isAdrblk="true" :haveAdrLabel="true"
              :isShowCard="false" :argadr="{ title: '资金拆出行', grp: 'ftdgrp', rol: 'tro' }" ptytyp="B">
            </c-ptap>
          </el-card >
        </c-col>
        <c-col :span="24">
          <!-- <el-form-item label-width="0" prop="fttp.troact">
            <c-select :disabled="model.ftdgrp.rec.fttyp=='DO'||model.ftdgrp.rec.fttyp=='LO'||model.ftdgrp.rec.fttyp==''||model.ftdgrp.rec.fttyp==null" v-model="model.fttp.troact" :code="codes.idtype" style="width:100%" placeholder="请输入'交易账户'">
            </c-select>
          </el-form-item> -->


          <el-form-item label="Account" prop="fttp.troact">
            <el-select
              v-model="model.fttp.troact" clearablex

              :disabled="model.ftdgrp.rec.fttyp =='LO'||model.ftdgrp.rec.fttyp =='DO'|| model.ftdgrp.rec.fttyp ==''||model.ftdgrp.rec.fttyp ==undefined" 

              placeholder="请选择账号"
            >
              <el-option v-for="item in troActlist" :key="item" :label="item"
                        :value="item">
                <span style="float: left">{{ item }}</span>
              </el-option>
            </el-select>
          </el-form-item>
        </c-col>


        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model"  @change="onTriChange" :disabled="true"  
            :requiredExtkey="model.ftdgrp.rec.fttyp =='LO'||model.ftdgrp.rec.fttyp =='DO'"
            :disabledExtkey="model.ftdgrp.rec.fttyp =='LI'||model.ftdgrp.rec.fttyp =='DI'|| model.ftdgrp.rec.fttyp ==''||model.ftdgrp.rec.fttyp ==undefined" :isAdrblk="true" :haveAdrLabel="true"
              :isShowCard="false" :argadr="{ title: '资金拆入行', grp: 'ftdgrp', rol: 'tri' }" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model"  @change="onActChange" :disabled="true" 
            
            :disabledExtkey="model.ftdgrp.rec.fttyp ==''||model.ftdgrp.rec.fttyp ==undefined"
            :isAdrblk="true" :haveAdrLabel="true"
              :isShowCard="false" :argadr="{ title: '资金拆出我方账户行', grp: 'ftdgrp', rol: 'act' }" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
        <c-col :span="24">
          <!-- <el-form-item label-width="0" prop="fttp.triact">
            <c-select :disabled="model.ftdgrp.rec.fttyp==''||model.ftdgrp.rec.fttyp==null" v-model="model.fttp.triact" :code="codes.idtype" style="width:100%" placeholder="请输入账户">
            </c-select>
          </el-form-item> -->


          <el-form-item label="Account" prop="fttp.triact">
            <el-select
              v-model="model.fttp.triact" clearablex
              :disabled="model.ftdgrp.rec.fttyp ==''||model.ftdgrp.rec.fttyp ==undefined" 
              placeholder="请选择账号"
            >
              <el-option v-for="item in triActlist" :key="item" :label="item"
                        :value="item">
                <span style="float: left">{{ item }}</span>
              </el-option>
            </el-select>
          </el-form-item>


        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import Event from "../event";

export default {
  inject: ['root'],
  props: ["model", "codes"],
  mixins: [Event,commonProcess],
  data() {
    return {
      triActlist:['1111120209999','1111120209998'],
      troActlist:['2222220209999','2222220209998'],

    }
  },

  computed: {
            getOwnrefFlg: function () {
                
                 console.log(this.model)
                return this.model.ftdgrp.rec.fttyp == '' || this.model.ftdgrp.cbs.max.cur  == '' || this.model.ftdgrp.rec.ownref != '';
            },
            defaultNam950: function () {

      
                let amount = this.moneyFormat(this.model.ftdgrp.cbs.max.amt, this.model.ftdgrp.cbs.max.cur)
                let nam= this.getCodelabel(this.model.ftdgrp.rec.fttyp, "fttyp") + ","
                    + this.model.ftdgrp.cbs.max.cur + " " + amount;
                
                console.log("nam---",nam)    
                this.model.ftdgrp.rec.nam=nam;
                return nam
            },

            

        },

  methods: {
    //获取码值
            getCodelabel(value, codenam) {
                const codeobj = this.codes[codenam].find(obj => obj.value === value)
                return codeobj ? codeobj.label : value;
            },

    },
  created: function () {

  },

  watch: {
            
          
            

        }
}
</script>
<style></style>