Ovwp2.vue

<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item label="预收息金额" prop="finmod.intamt">
						<c-fullbox>
							<c-input-currency v-model="model.finmod.intamt" disabled placeholder="请输入预收息金额"></c-input-currency>
							<template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" :disabled="model.finmod.intprd != '7'" @click="call6153_1">计算</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="预扣息方式" prop="finmod.inttyp">
						<c-select v-model="model.finmod.inttyp" :disabled="model.finmod.intprd != '7'" dbCode="INTTYP" @change="changeInttyp" style="width:100%" placeholder="请选择预扣息方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="预扣息账号" prop="finmod.intact">
            <c-fullbox>
              <c-select v-model="model.finmod.intact" :allow-create="true" :default-first-option="true" :filterable="true" :disabled="model.finmod.inttyp!='1' || (model.finmod.inttyp=='1' && (model.finmod.acttyp=='0' || model.finmod.acttyp=='2'))" style="width:100%" placeholder="请选择预扣息账号">
                <el-option v-for="(item, index) in model.intactSet" :key="index" :label="item.value" :value="item.value"></el-option>
              </c-select>
              <template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" :disabled="model.finmod.intact === ''" @click="queryIntact">查询</c-button>
							</template>
            </c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="第一还款账号" prop="finmod.act1">
						<c-select v-model="model.finmod.act1" @change="changeAct1()" :allow-create="true" :default-first-option="true" :filterable="true" style="width:100%" placeholder="请选择第一还款账号">
							<el-option v-for="(item, index) in model.act1Set" :key="index" :label="item.value" :value="item.value"></el-option>
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="对方账号" prop="bpdgrp.rec.oppacc" v-if="model.zmqflg=='X'">
						<c-input v-model="model.bpdgrp.rec.oppacc" style="width:100%" placeholder="对方账号">
						</c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="是否定向收付" prop="bpdgrp.rec.flowflag" v-if="model.zmqflg=='X'">
						<c-select v-model="model.bpdgrp.rec.flowflag" dbCode="FLOFLG" style="width:100%" placeholder="请选择是否定向收付">
						</c-select>
					</el-form-item>
				</c-col>

			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-form-item label="第三方还款方式" prop="finmod.acttyp">
						<c-select dbCode="TRETYP" v-model="model.finmod.acttyp" @change="defaultacttyp" style="width:100%" placeholder="请输入第三方还款方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="第三方还款账号" prop="finmod.act3">
						<c-input v-model="model.finmod.act3" :allow-create="true" :default-first-option="true" :filterable="true" :disabled="model.finmod.acttyp == ''" @change="defaultacttyp" style="width:100%" placeholder="请选择第三方还款账号">
						</c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="入账机构" prop="finmod.accbch">
						<c-select v-model="model.finmod.accbch" style="width:100%" placeholder="请选择入账机构">
							<el-option v-for="(item, index) in model.finmod.accbchSet" :key="index" :label="item.value + ' ' + item.label" :value="item.value">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="税率" prop="finmod.shuilv">
						<c-input-currency disabled v-model="model.finmod.shuilv" :precision=4 placeholder="请输入税率"></c-input-currency>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="借据号" prop="bpdgrp.rec.fincod">
						<c-input disabled v-model="model.bpdgrp.rec.fincod" maxlength="17" placeholder="请输入借据号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="交易性质" prop="bpdgrp.rec.trntyp" v-if="model.zmqflg=='X'">
						<!-- <c-select v-model="model.bpdgrp.rec.trntyp" style="width:100%" placeholder="请选择交易性质">
						</c-select> -->
						<c-fullbox>
							<c-input v-model="model.bpdgrp.rec.trntyp">
							</c-input>
							<template slot="footer">
								<c-button type="primary" size="small" icon="el-icon-search" style="margin-left: 10px;padding: 0 12px;" @click="getBopcodList">
								</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

			</c-col>
		</c-col>

		<!-- 交易性质弹窗 -->
		<el-dialog v-dialogDrag width="50%" title="交易性质" :append-to-body="true" :visible.sync="bopcodDialogTableVisible" v-if="bopcodDialogTableVisible">
			<div style="height: 100%;">
				<el-table id='tableRef' height="calc(100% - 32px)" size="small" :data="tableList" @row-dblclick="dbClickRow" :before-close="beforeCloseFrmDialog">
					<el-table-column v-for="(item,key) in tableColumn" :key="key" :prop="item.prop" :width="item.width" :label="item.label">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>
	</div>
</template>

<script>
import event from "../event";
import Default from "../model/default";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default, commonFunctions, commonDepend],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Type" 120',
          '2 2 "Dbt" 120',
          '3 3 "Cdt" 120',
          '4 4 "Cur" 120',
          '5 5 "Amt" auto 2 8 1 4',
          // '6 6 "Mat.Dat." 80 4 7 1',
          {
            index: 6,
            position: 6,
            width: 226,
            render: (item, scope) => {
              return scope.row[item.prop] === "null"
                ? ""
                : scope.row[item.prop];
            },
            label: "Mat.Dat."
          }
        ]
      },
      bopcodDialogTableVisible: false,
      tableList: [],
      tableColumn: [
        { label: "交易代码", prop: "cod" },
        { label: "描述", prop: "txt" }
      ]
    };
  },
  methods: {
    changeInttyp() {
      this.defaultinttyp();
      this.defaultacttyp();
    },
    dbClickRow(row, column, event) {
      // 回填数据
      this.model.bpdgrp.rec.trntyp = row.cod;
      this.bopcodDialogTableVisible = false;
      //   this.changeDialog(this.formData, "trntyp");
    },
    beforeCloseFrmDialog() {
      this.bopcodDialogTableVisible = false;
    }
  },
  watch: {
    "model.bpdgrp.fia.pts.ptyinr": {
      immediate: true,
      handler(val, oldval) {
        this.defaultAccountsN1100();
      }
    }
  },
  computed: {
    setFincod() {
      this.model.finmod.fincod = this.model.bpdgrp.rec.ownref;
      this.model.bpdgrp.rec.fincod = this.model.finmod.fincod;
    }
  }
};
</script>

<style>
</style>