addCountPty.vue 2.77 KB
<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <el-form-item label="交易对手账号" :label-width="formLabelWidth" prop="signcountpty.act">
          <c-input v-model="model.signcountpty.act" style="width:100%" placeholder="请输入">
          </c-input>
        </el-form-item>
        <el-form-item label="交易对手名称" :label-width="formLabelWidth" prop="signcountpty.nam">
          <c-input v-model="model.signcountpty.nam" style="width:100%" placeholder="请输入">
          </c-input>
        </el-form-item>
        <!-- SG000818 : 交易对手常驻国家/地区代码 -->
        <c-col :span="24">
          <el-form-item label="汇款人常驻国家/地区代码" :label-width="formLabelWidth" prop="signcountpty.ctycod">
            <c-select v-model="model.signcountpty.ctycod" isShowKeyAndLabel style="width: 100%" placeholder="请选择汇款人常驻国家/地区代码">
              <el-option v-for="item in model.bopCtyList" :key="item.cod" :value="item.cod" :label="`${item.numcod} - ${item.cod} - ${item.txt}`">
              </el-option>
            </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="币种" :label-width="formLabelWidth" prop="signcountpty.cur">
            <c-select v-model="model.signcountpty.cur" dbCode="curtxt" sort="SRT" :isShowKeyAndLabel="true" style="width: 100%" placeholder=""></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="开户行行号" :label-width="formLabelWidth" prop="signcountpty.opnbchkey">
            <c-input v-model="model.signcountpty.opnbchkey" style="width:100%" placeholder="请输入">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import event from "../event";
import Check from "../model/check";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      formLabelWidth: "120px",
      rules: {}
    };
  },
  computed: {
    rawRules() {
      return Check.apply(this);
    }
  },
  created() {
    this.rules = this.rawRules;
    this.loadBopCtyList();
  },
  watch: {},
  methods: {
    async loadBopCtyList() {
      const loading = this.loading();
      let res = await Api.post(`/${this.moduleRouter()}/bopcty/loadBopCtyList`);
      loading.close();
      if (res.respCode === SUCCESS) {
        this.model.bopCtyList = res.data;
      }
    },
  }
};
</script>
<style>
</style>