<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24">
        <!-- -----页面左边----- -->
        <c-col :span="12">
          <c-col :span="24">
            <c-col :span="21">
              <el-form-item label="申报类型" prop="bopmod.szflg">
                <c-select
                  v-model="model.bopmod.szflg"
                  style="width: 95%"
                  placeholder="请选择申报类型"
                  :code="codes.szflg"
                  @change="szflgChange"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="3" class="centerLable">
              <c-checkbox
                :disabled="
                  model.bopmod.szflg != '1' && model.bopmod.szflg != '2'
                "
                v-model="model.bopmod.basflg"
                >基础数据</c-checkbox
              >
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="款项来源" prop="bopmod.acttyp">
              <c-select
                :code="codes.acttyp"
                :disabled="model.bopmod.szflg != '1'"
                v-model="model.bopmod.acttyp"
                style="width: 100%"
                placeholder="请选择款项来源"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
        <!-- ----页面右边----- -->
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item label="地区机构号" prop="bopmod.ownextkey">
              <c-select
                :code="getValues('bopmod.ownextkey')"
                :disabled="
                  model.bopmod.szflg != '1' && model.bopmod.szflg != '2'
                "
                v-model="model.bopmod.ownextkey"
                style="width: 100%"
                placeholder="请选择地区机构号"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="国外银行扣费（涉外收入申报专用）"
                prop="bopmod.outchargeccy"
              >
                <c-select
                  :code="codes.curtxt"
                  disabled
                  v-model="model.bopmod.outchargeccy"
                  style="width: 100%"
                  placeholder="请选择"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <c-form-item label-width="5px" prop="bopmod.outchargeamt">
                <c-input
                  :disabled="model.bopmod.basflg == ''"
                  v-model="model.bopmod.outchargeamt"
                  placeholder="请输入"
                  @keyup.enter.native="
                    defaultFunction(
                      'bopmod.outchargeamt',
                      model.bopmod.outchargeamt
                    )
                  "
                ></c-input>
              </c-form-item>
            </c-col>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bttset/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    async szflgChange() {
      let rtnmsg = await this.executeRule("bopmod.szflg");
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>