<template>
  <div class="eibs">
    <c-col :span="24">
      <c-col :span="12" class="col-left">
        <el-form-item label="申报类型" prop="boprem.szflg">
          <c-select
            v-model="model.boprem.szflg"
            style="width: 100%"
            placeholder="请选择申报类型"
            dbCode="szflg"
            @change="handleChangeSzflg"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
          <el-form-item label="是否随业务申报"  prop="boprem.aloneflg">
              <c-select :disabled="model.boprem.szflg == '3' || model.boprem.szflg == ''" dbCode="BOPFLW" :filterKey="aloneflgFilterKey" v-model="model.boprem.aloneflg"  @change="handleChangeBopflw"></c-select>
          </el-form-item>
      </c-col>

      <!-- <c-col :span="12" class="col-right">
        <c-col :span="8">
          <el-form-item label="" prop="boprem.basflg">
            <c-checkbox
              :disabled="model.boprem.szflg == '3' || model.boprem.szflg == ''"
              v-model="model.boprem.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="boprem.dclflg"
            v-if="model.boprem.szflg == '1'"
          >
            <c-checkbox
              :disabled="model.boprem.szflg == '3' || model.boprem.szflg == ''"
              v-model="model.boprem.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="boprem.vrfflg"
            v-if="model.boprem.szflg == '1' || model.boprem.szflg == '2'"
          >
            <c-checkbox
              :disabled="model.boprem.szflg == '3' || model.boprem.szflg == ''"
              v-model="model.boprem.vrfflg"
              style="margin-left: 10px"
              true-label="X"
              false-label=""
              @change="handleChangeVrfflg"
              >管理数据
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col> -->
    </c-col>
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="款项去向" prop="boprem.acttyp">
          <c-select
            v-model="model.boprem.acttyp"
            style="width: 100%"
            placeholder="请选择款项来源"
            :disabled="model.boprem.szflg != '1'"
            dbCode="acttyp"
            :filterKey="['(JN)','(JW)']"
            @change="handleChangeActtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
          <el-form-item label="资本项目数字化" prop="boprem.zbxmszh">
            <c-select
              v-model="model.boprem.zbxmszh"
              style="width: 100%"
              placeholder="请选择资本项目数字化"
              :disabled="model.boprem.szflg == '3' || model.boprem.szflg == ''"
              dbCode="ISYN"
            >
            </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="boprem.ownextkey">
          <c-select
            v-model="model.boprem.ownextkey"
            style="width: 100%"
            placeholder="请选择地区机构号"
            :disabled="model.boprem.szflg == '3' || model.boprem.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="boprem.boptxcode" v-if="model.boprem.szflg == '2'" :required="model.boprem.szflg == '2'">
          <c-select
            v-model="model.boprem.boptxcode"
            style="width: 100%"
            placeholder="请输入交易编码"
            :disabled="model.boprem.boptxcode == '929010'"
            :filter-method="searchBopCod3"
          >
          <el-option
          v-for="item in options3"
          :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.boprem.szflg == '2'">
				<c-business-code
					v-model="model.boprem.boptxcode"
					label="交易编码"
					prop="boprem.boptxcode"
					:required="model.boprem.szflg == '2'"
					placeholder="请输入交易编码"
					:disabled="model.boprem.boptxcode == '929010'"
				></c-business-code>
      </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:[],
      options3:[],
    };
  },
  watch: {
    "bopcodList": {
      handler(newVal,oldVal){
        this.options3 = this.bopcodList;
      },
      immediate: true,
    },
  },
  methods: {
    searchBopCod3(query){
      if(query !== ""){
        this.options3 = this.bopcodList.filter((item)=>item.cod.startsWith(query));
      }else{
        this.options3 = this.bopcodList;
      }
    },
  },
  created() {
    // this.options3 = this.bopcodList;
  },
  computed:{
    //汇出汇款交易 只能选择  1 随业务申报  2 不随业务申报 5 只申报基础+管理
     aloneflgFilterKey(){
      let filterKey = [];
      let transName =this.root ? this.root.trnName : this.trnName;
      if(transName.toUpperCase() == "CPTOPN"){
        if(this.model.boprem.enableflg == "Y"){
          if(this.model.boprem.szflg == "1"){
            filterKey = ["1","2","5"];
          }else{
            filterKey = ["1","2"];
          }
          
        }else{
          //如果是海运费交易，需要显示 随业务申报
          if(this.root.model.cpdgrp.msgtyp && this.root.model.cpdgrp.msgtyp == 'T24' ){
            filterKey = ["1","2"];
          }else{
            filterKey = ["2"];
          }
        }
      }else{
         if(this.model.boprem.enableflg == "Y"){
           if(this.model.boprem.szflg == "1"){
            filterKey = ["1","2","3","5"];
          }else{
            filterKey = ["1","2","3"];
          }
        }else{
          filterKey = ["2","3"];
        }
      }
      return filterKey;
    },
  },
  mounted() {
    this.getOwnExtkeyCondition();
    // this.options3 = this.bopcodList;
  },
};
</script>
<style>
</style>