AdrInfo.vue

<template>
  <div class="eibs">
    <el-form
        ref="modelForm"
        label-width="170px"
        size="small"
        label-position="right"
        :model="adr"
        :rules="rules"
        :validate-on-rule-change="false"
        :disabled="operate === 'details'"
      >
      <c-col :span="12" class="col-left">
        <c-col :span="24">
          <el-form-item label="客户编号" prop="ptyextkey">
            <c-input v-model="adr.ptyextkey" style="width: 100%" placeholder="请输入客户名称" :disabled="true"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="地址编号" prop="ptaextkey">
            <c-fullbox>
              <c-input v-model="adr.ptaextkey" placeholder="请输入地址编号" :disabled="true"> </c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 0 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  @click="getExtkey(adr.ptyextkey)"
                  :disabled="operate !== 'add'"
                >
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="英文名称1" prop="nam1">
            <c-input v-model="adr.nam1" placeholder="请输入客户地址1"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="英文名称2" prop="nam2">
            <c-input v-model="adr.nam2" placeholder="请输入客户地址2"> </c-input>
          </el-form-item>
        </c-col>
        <!--c-col :span="24">
          <el-form-item label="名称3" prop="nam3">
            <c-input v-model="adr.nam3" placeholder="请输入客户地址3">
            </c-input>
          </el-form-item>
        </c-col-->
        <c-col :span="24">
          <el-form-item label="英文地址1" prop="str1">
            <c-input v-model="adr.str1" placeholder="请输入客户地址4"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="英文地址2" prop="str2">
            <c-input v-model="adr.str2" placeholder="请输入客户地址5"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="邮编号码" prop="loczip">
              <c-input v-model="adr.loczip" placeholder=""> </c-input>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="loctxt">
              <c-input v-model="adr.loctxt" placeholder=""> </c-input>
            </el-form-item>
           </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="邮编城市" prop="loc2">
            <c-input v-model="adr.loc2" placeholder="请输入邮编城市"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="电话1" prop="tel1">
            <c-input v-model="adr.tel1" placeholder="请输入电话1"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="传真1" prop="fax1">
            <c-input v-model="adr.fax1" placeholder="请输入传真1"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="E-mail" prop="eml">
            <c-input v-model.trim="adr.eml" placeholder="请输入E-mail"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="主地址标志" prop="usg">
            <c-radio-group v-model="adr.usg">
              <el-radio label="MAA">是</el-radio>
              <el-radio label="MAB">否</el-radio>
            </c-radio-group>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="SWIFT代码" prop="bic" v-if="!isChaiwu">
            <c-input v-model="adr.bic" placeholder="请输入SWIFT代码"> </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="电证名称" prop="namelc" v-if="isChaiwu">
            <c-input v-model="adr.namelc" placeholder="请输入电证名称"> </c-input>
          </el-form-item>
        </c-col>

      </c-col>
      <c-col :span="12" class="col-right">
        <!--c-col :span="24">
          <el-form-item label="客户名称" prop="ptynam">
            <c-input v-model="adr.ptynam" style="width: 100%" placeholder="请输入客户名称" :disabled="true"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="地址名称" prop="nam">
            <c-input v-model="adr.nam" style="width: 100%" placeholder="请输入客户名称" :disabled="true"> </c-input>
          </el-form-item>
        </c-col-->
        <c-col :span="24">
          <el-form-item label="所属机构" prop="bchkeycode">
            <el-select
              v-model="adr.bchkeycode" clearable filterable
              placeholder="请选择所属机构"
            >
              <el-option v-for="item in bchlist" :key="item.branch" :label="item.branch +' - '+ item.bchname"
                        :value="item.branch">
                <span style="float: left">{{ item.branch }} - {{item.bchname }}</span>
              </el-option>
            </el-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="地址所属机构" prop="branchcode">
            <el-select
              v-model="adr.branchcode" clearable filterable
              placeholder="请选择地址所属机构"
            >
              <el-option v-for="item in branchlist" :key="item.branch" :label="item.branch +' - '+ item.bchname"
                        :value="item.branch">
                <span style="float: left">{{ item.branch }} - {{item.bchname }}</span>
              </el-option>
            </el-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址1" prop="adr1">
            <c-input v-model="adr.adr1" placeholder="请输入中文地址1"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址2" prop="adr2">
            <c-input v-model="adr.adr2" placeholder="请输入中文地址2"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址3" prop="adr3">
            <c-input v-model="adr.adr3" placeholder="请输入中文地址3"> </c-input>
          </el-form-item>
        </c-col>
        <!--c-col :span="24">
          <el-form-item label="中文邮编号码" prop="pobzip">
            <c-input v-model="adr.pobzip" placeholder="请输入中文邮编号码"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文邮编地址" prop="pobtxt">
            <c-input v-model="adr.pobtxt" placeholder="请输入中文邮编地址"> </c-input>
          </el-form-item>
        </c-col-->
        <c-col :span="24">
          <el-form-item label="国内地区代码" prop="discod">
            <c-input v-model="adr.discod" placeholder="请输入国内地区代码"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="默认语言" prop="uil">
            <c-select v-model="adr.uil" placeholder="请选择默认语言" dbCode="UILTXT"> </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="所在国家" prop="loccty">
            <c-select v-model="adr.loccty" placeholder="请选择国家" dbCode="CTYTXT" > </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="电话2" prop="tel2">
            <c-input v-model="adr.tel2" placeholder="请输入电话2"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="传真2" prop="fax2">
            <c-input v-model="adr.fax2" placeholder="请输入传真2"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="电报号码" prop="tlx">
            <c-input v-model="adr.tlx" placeholder="请输入电报号码"> </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="通讯类型" prop="cortyp">
            <c-select v-model="adr.cortyp" placeholder="请输入通讯类型" dbCode="CORTYP"> </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="电证地址" prop="adrelc" v-if="isChaiwu">
            <c-input v-model="adr.adrelc" placeholder="请输入电证地址"> </c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span=24>
        <c-col :span="13">
          <el-form-item label="一般提示信息" prop="inflev">
            <c-select v-model="adr.inflev" placeholder="请选择一般提示信息" dbCode="INFLEV"> </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="13">
          <el-form-item label="" prop="inftxt" v-if="adr.inflev">
            <c-input 
              type="textarea" 
              :rows="4" 
              v-model="adr.inftxt" 
              maxlength="150" 
              show-word-limit 
              placeholder="请输入提示信息内容"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </el-form>
  </div>
</template>

<script>
import { Pattern } from "./Adrn.js";
import codes from "~/config/CodeTable";
import { getObjkey } from "~/service/manage/adr.js";
import { getBranchlist1 } from "~/service/manage/ptyn.js";
import Api from "~/service/Api";

export default {
  name: "",
  props: ['adr', 'operate', 'model', 'bchlist'],
  inject: ["root"],
  data() {
    return {
      rules: Pattern,
      branchlist: [],
    };
  },
  watch: {
    "adr.bchkeycode": {
      handler(newVal){
        if(this.adr.bchkeycode == '1000') {
          this.branchlist = this.bchlist
          if (this.$route.query.cwFlg=="Y"){
            this.getBranchlist(newVal)
          }
        } else {
          this.getBranchlist(newVal)
        }
      }
    },
    "adr.nam1": {
      handler(newVal) {
        const temp = newVal + "," + this.adr.loctxt;
        if(temp.length > 40) {
          this.adr.nam = temp.substring(0,40)
        } else {
          this.adr.nam = temp
        }
      }
    },
    "adr.loctxt": {
      handler(newVal) {
        const temp = this.adr.nam1 + "," + newVal;
        if(temp.length > 40) {
          this.adr.nam = temp.substring(0,40)
        } else {
          this.adr.nam = temp
        }
      }
    },
  },
  created() {
    if(this.adr.bchkeycode) {
      this.getBranchlist(this.adr.bchkeycode);
    }
  },
  computed:{
    isChaiwu (){
      let flg=false
      console.log("~~~~~~~~~~~~~~~~~~",this.root.model)
      if (this.root.model.ptytyp=='C' && this.root.model.idtype=='2' && this.root.model.akkcom=='10313'  ){
        flg = true
      }
      return flg
    }
  },
  methods: {
    getBranchlist(bchkeycode) {
      getBranchlist1({"bchkeycode": bchkeycode}).then((res) => {
          if (res.respCode == "AAAAAA") {
            this.branchlist = res.data

            if(this.$route.query.cwFlg=="Y"){
              //归属地址可选值，同ECIF同步
              let bchAuthMod=JSON.parse(localStorage.getItem("bchAuthMod"))
              let tmpList=[]
              if (this.operate !== 'add'){
                tmpList.push(this.adr.branchbch)
              }
              if (this.branchlist !=null  && this.branchlist.length>0 ){
                if (bchAuthMod.zBchList !=null  && bchAuthMod.zBchList.length>0 ){
                  for (let i of this.branchlist){
                    for (let j of bchAuthMod.zBchList){
                      if (i.branch == j.branch && i.branch != this.adr.branchcode){
                        tmpList.push(i)
                      }
                    }
                  }
                }
                if (bchAuthMod.xBchList !=null  && bchAuthMod.xBchList.length>0 ){
                  for (let i of this.branchlist){
                    for (let j of bchAuthMod.xBchList){
                      if (i.branch == j.branch && i.branch != this.adr.branchcode){
                        tmpList.push(i)
                      }
                    }
                  }
                }  
              }
              this.branchlist=tmpList
            }

          }
        })
    },
    getExtkey(ptyextkey) {
      getObjkey({ptyextkey}).then((res) => {
        if(res.respCode == "AAAAAA") {
          this.$emit('changeObjkey', res.data)
        }
      })
    },

  },
};
</script>

<style>
</style>