<template>
  <div class="eibs">
    <c-col :span="12" class="col-left">
      <c-col :span="24">
          <el-form-item label="申报类型" prop="bopgat.szflg">
            <c-select
              :disabled="this.root.trnName.toUpperCase() == 'BPTOPN' && !( this.root.model.dftcre.dfflag== 'X' || (this.root.model.bpdgrp.rec.fintyp == 'F' && this.root.model.onlybptflg != 'Y'))"
              v-model="model.bopgat.szflg"
              style="width: 100%"
              placeholder="请选择申报类型"
              dbCode="szflg"
              :filterKey="this.root.trnName.toUpperCase() == 'BPTOPN' && (this.root.model.bpdgrp.rec.fintyp == 'F' && this.root.model.onlybptflg != 'Y')?['2','3']:['1','2','3'] "
              @change="handleChangeSzflg"
            >
            </c-select>
          </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="款项来源" prop="bopgat.acttyp">
          <c-select
            v-model="model.bopgat.acttyp"
            style="width: 100%"
            placeholder="请选择款项来源"
            :disabled="model.bopgat.szflg != '1'"
            dbCode="acttyp"
            :filterKey="['(JN)','(JW)']"
            @change="handleChangeActtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item
            label="国外银行扣费（涉外收入申报专用）"
            prop="bopgat.outchargeccy"
          >
            <c-select-cur
              v-model="model.bopgat.outchargeccy"
              placeholder="请选择国外银行扣费（涉外收入申报专用）"
              disabled
              style="width: 100%"
              dbCode="curtxt"
            >
            </c-select-cur>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="5px" prop="bopgat.outchargeamt">
            <c-input-currency
            :currency="model.bopgat.outchargeccy"
              v-model="model.bopgat.outchargeamt"
              placeholder="请输入国外银行扣费（涉外收入申报专用）"
              :maxlength="23"
              :precision="0"
              :disabled="!(model.bopgat.szflg == '1' && model.bopgat.basflg == 'X')"
              @blur="setOutchargeAmt"
            ></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- <c-col :span="24">
        <el-form-item label="交易编码" prop="bopgat.boptxcode" v-if="model.bopgat.szflg == '2'" :required="model.bopgat.szflg == '2'">
          <c-select
            v-model="model.bopgat.boptxcode"
            style="width: 100%"
            placeholder="请输入交易编码"
            :disabled="model.bopgat.boptxcode == '929010'"
            :filter-method="searchBopCod4"
          >
          <el-option
          v-for="item in options4"
          :key="item.cod"
          :label="item.cod+'-'+item.txt"
          :value="item.cod"
          ></el-option>
          </c-select>
        </el-form-item>
      </c-col> -->
			<c-col :span="24" v-if="model.bopgat.szflg == '2'">
				<c-business-code
					v-model="model.bopgat.boptxcode"
					label="交易编码"
					prop="bopgat.boptxcode"
					:required="!(model.bopgat.szflg == '2' && this.root.trnName == 'cptadv' && this.root.model.autoFlag == 'Y')"
					placeholder="请输入交易编码"
					:disabled="model.bopgat.boptxcode == '929010'"
				></c-business-code>
      </c-col>
    </c-col>

      
      
      <!-- <c-col :span="12" class="col-right">
        <c-col :span="8">
          <el-form-item label="" prop="bopgat.basflg">
            <c-checkbox
              :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''"
              v-model="model.bopgat.basflg"
              style="margin-left: 10px"
              true-label="X"
              false-label=""
              
              @change="handleChangeBasFlg"
              >基础数据
            </c-checkbox>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item
            label=""
            prop="bopgat.dclflg"
            v-if="model.bopgat.szflg == '1'"
          >
            <c-checkbox
              :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''"
              v-model="model.bopgat.dclflg"
              style="margin-left: 10px"
              true-label="X"
              false-label=""
              @change="handleChangeDclFlg"
              >申报数据
            </c-checkbox>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item
            label=""
            prop="bopgat.vrfflg"
            v-if="model.bopgat.szflg == '2'"
          >
            <c-checkbox
              :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''"
              v-model="model.bopgat.vrfflg"
              style="margin-left: 10px"
              true-label="X"
              false-label=""
              @change="handleChangeVrfFlg"
              >管理数据
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col> -->
    
<!-- ==================右边================ -->
<!-- <c-col :span="12" style="padding-left: 20px"> -->
      <c-col :span="12" class="col-right">
        <c-col :span="24">
          <el-form-item label="是否随业务申报"  prop="bopgat.aloneflg">
              <c-select 
                :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''" 
                dbCode="BOPFLW" 
                :filterKey="aloneflgFilterKey"
                v-model="model.bopgat.aloneflg"  
                @change="handleChangeBopflw">
              </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="地区机构号" prop="bopgat.ownextkey">
          <c-select
            v-model="model.bopgat.ownextkey"
            style="width: 100%"
            placeholder="请选择地区机构号"
            :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''"
          >
            <el-option
              v-for="item in ownExtkeyList"
              :key="item.inr"
              :value="item.branch"
              :label="item.branch + '-' + item.decnum + '-' + item.bchname"
            ></el-option>
          </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="资本项目数字化" prop="bopgat.zbxmszh">
            <c-select
              v-model="model.bopgat.zbxmszh"
              style="width: 100%"
              placeholder="请选择资本项目数字化"
              :disabled="model.bopgat.szflg == '3' || model.bopgat.szflg == ''"
              dbCode="ISYN"
            >
            </c-select>
          </el-form-item>
      </c-col>
      </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: {
    model: {
      type: Object,
      default: undefined,
    },
    codes: {},
    disabled: {
      type: Boolean,
      default: false,
    },
    bopcodList: {
      type: Array,
      default:()=>[],
    },
    // ownExtkeyList:{
    //   type: Array,
    //   default: undefined,
    // },
  },
  mixins: [event],
  data() {
    return {
      acttyp: [
        { label: "境外", value: "(JW)" },
        { label: "境内非居民", value: "(JN)" },
      ],
      ownExtkeyList:[],
      oldszflg: "",
      options4:[],
    };
  },
  created(){
    // this.options4 = this.bopcodList;
  },
  watch: {
    // "model.bopgat.szflg": function () {
    //   if (this.model.bopgat.szflg == "3" || this.model.bopgat.szflg == "") {
    //     this.model.lendoc.actflg = "";
    //   }
    // },
    "bopcodList": {
      handler(newVal,oldVal){
        this.options4 = this.bopcodList;
      },
      immediate: true,
    },
    'model.bopgat.boptxcode':{
      handler(newVal,oldVal){
         if (this.model.bopgat.szflg == "3" || this.model.bopgat.szflg == "") {
            this.model.lendoc.actflg = "";
          }
      },
      immediate: true,
    },
    
    // 'root.model.bpdgrp.cbs.max.cur':{
    //   handler(newVal,oldVal){
    //     this.model.bopgat.outchargeccy = this.root.model.bpdgrp.cbs.max.cur;
    //   },
    //   immediate: true,
    // },
    
    // "root.model.cpdgrp.cbs.nom1.cur":function(){
    //   if(this.model.bopgat.szflg == "1"){
    //     this.model.bopgat.outchargeccy = this.root.model.cpdgrp.cbs.nom1.cur;
    //   }else{
    //     this.model.bopgat.outchargeccy = "";
    //   }
    // },
    // "root.model.bpdgrp.cbs.nom1.cur":function(){
    //   if(this.model.bopgat.szflg == "1"){
    //     this.model.bopgat.outchargeccy = this.root.model.bpdgrp.cbs.nom1.cur;
    //   }else{
    //     this.model.bopgat.outchargeccy = "";
    //   }
    // },
  },
  computed:{
     aloneflgFilterKey(){
      let filterKey = [];
      if(this.model.bopgat.szflg == "2"){
        if(this.model.bopgat.enableflg == "Y"){
          filterKey = ["1","2","3","4"];
        }else{
          filterKey = ["2","3","4"];
        }
      }else{
         if(this.model.bopgat.enableflg == "Y"){
          filterKey = ["1","2","3"];
        }else{
          filterKey = ["2","3"];
        }
      }
      return filterKey;
    },
  },
  methods: {
    searchBopCod4(query){
      if(query !== ""){
        this.options4 = this.bopcodList.filter((item)=>item.cod.startsWith(query));
      }else{
        this.options4 = this.bopcodList;
      }
    },
  },
  mounted(){
      this.getOwnExtkeyCondition();
      // this.options4 = this.bopcodList;
    },
};
</script>
<style>
</style>