Opnp.vue

<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="是否SWIFT格式" prop="gitp.swiftflg">
          <c-select
            v-model="model.gitp.swiftflg"
            style="width: 100%"
            placeholder="请选择是否SWIFT格式"
            :code="codes.swiftflg"
            @change="eventFunction('gitp.swiftflg')"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="model.gidgrp.cbs.max.cur == 'CNY'? 20 : 24">
          <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
            <c-select
              disabled
              v-model="model.gidgrp.rec.cfaguatyp"
              :style="model.gidgrp.cbs.max.cur == 'CNY'? 'width: 90%' :'width: 100%'"
              placeholder="请选择对外担保类型"
              :code="codes.cfaguatyp"
              @change="cfaguatypChange"

            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="4" class="centerLable"  v-if="model.gidgrp.cbs.max.cur == 'CNY'">
          <c-checkbox disabled v-model="model.gidgrp.rec.cmtflg"
            >跨境人民币保函</c-checkbox
          >
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
          <c-select
            v-model="model.gidgrp.rec.fingua"
            style="width: 100%"
            placeholder="请选择是否对外担保"
            :code="codes.fingua"
            @change="eventFunction('gidgrp.rec.fingua')"
            disabled
          >
          </c-select>
        </el-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/Gitdla/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  computed: {},
  methods: { ...Event,
    async cfaguatypChange(){
      if(this.model.gidgrp.rec.fingua=="Y" && this.model.cfagit.cfaflg=="1"){
          //选择对外担保时，且对外担保数据采集标签页数据采集标志为'新增'时，担保类型改变，td切换到对外担保-签约信息1标签页时会触发tabClick事件，影响签约信息1页面数据。
          //UI合并页面后，需要手动加tabClick切换标签页事件
        let rtnmsg = await this.executeRule("cfagit.recp.conp");
        if (rtnmsg.respCode == SUCCESS) {
          //TODO 处理数据逻辑
          this.updateModel(rtnmsg.data);
        }
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>