index.vue

<template>
  <div class="eContainer">
    <c-page :title="title">
      <el-form
        ref="modelForm"
        label-width="160px"
        size="small"
        label-position="right"
        :model="model"
        :rules="Pattern"
        :validate-on-rule-change="false"
        
      >
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="handleClick">
          <el-tab-pane label="基本信息" name="pty">
            <c-content>
              <m-pty-info :model="model" :type="type" :branchlist="branchlist"/>
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="地址信息" name="adr">
            <c-content>
              <m-adr-list :model="model" ref="adrChild" :type="type" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="账号信息" name="act" v-if="model.ptytyp !=='H'">
            <c-content>
              <m-act-list :model="model" ref="actChild" :type="type"/>
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="汇率/费率信息" name="ptyrat"  v-if="model.ptytyp =='C' && model.idtype =='2' && model.akkcom =='10313'">
            <c-content>
              <m-rat-list :model="model" ref="ptyrat" :type="type" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="ECIF客户信息" name="ecif"  v-if="model.ptytyp =='C' && model.idtype =='2' && model.akkcom =='10313'">
            <c-content>
              <m-ecif :model="model" ref="ecif" :type="type" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="签约信息" name="signing" v-if="model.ptytyp =='C' && model.idtype =='2' && model.akkcom =='10313'">
            <c-content>
              <m-sign-list :model="model" ref="signChild" :type="type"/>
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="银行密押查询" name="ptm" v-if="model.ptytyp ==='A'|| model.ptytyp ==='B'|| (model.ptytyp ==='C' &&  model.akkcom !='10313')">
            <c-content>
              <m-ptm-list :model="model" ref="ptmChild" :type="type"/>
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="消息及停用信息" name="oit">
            <c-content>
              <m-oit-info :model="model" ref="oitChild" :type="type"></m-oit-info>
            </c-content>
          </el-tab-pane>
          <el-tab-pane v-if="type!=='add'" label="OCRM客户信息" name="ocrm">
            <c-content>
              <m-ocrm-info :model="model" :ptycrm="ptycrm" :type="type" ref="ocrmChild"></m-ocrm-info>
            </c-content>
          </el-tab-pane>
        </c-tabs>
      </el-form>
      <div style="text-align: center">
        <c-button
          type="primary"
          style="margin-right: 10px"
          @click="commitAdd"
          v-if="type === 'add' && tabVal==='pty'"
          >提 交</c-button
        >
        <c-button
          type="primary"
          style="margin-right: 10px"
          @click="commitEdit"
          v-if="type === 'edit' && tabVal==='pty'"
          :disabled="(isZhongHang && isChaiwu)||(!isZhongHang && !isChaiwu)||(!isZhongHang && isChaiwu && this.$route.query.zFlg != 'Y')"
          >提 交</c-button
        >
        <c-button
          type="primary"
          style="margin-right: 10px"
          @click="commitDelete"
          v-if="type === 'delete'"
          >提 交</c-button
        >
        <c-button type="primary" @click="goBack" v-if="type == 'info'">返 回</c-button>
        <c-button type="primary" @click="backTableHome" v-if="type != 'info'">返 回</c-button>
      </div>
    </c-page>
  </div>
</template>

<script>
import Utils from "~/utils";
import commonFunctions from '~/mixin/commonFunctions.js';
import Ptyn, { Pattern1, Pattern2 } from "./Ptyn.js";
import Ptycrm from  "./ocrm/PtycrmModel.js"

// 组件
import PtyInfo from "./PtyInfo";
import AdrList from "./AdrList";
import ActList from "./ActList";
import RatList from "./rat/RatList.vue";
import ECIF from "./ECIFInfo.vue";
import OcrmInfo from "./ocrm/OcrmInfo.vue"
import SignList from "./SignList";
import PtmList from "./PtmList";
import OitInfo from "./OitInfo";
import Api from "~/service/Api"

// 方法
import { add, edit, deleteById, queryDetailById, getBranchPn } from "~/service/manage/ptyn.js";
import {getBchcodlist } from "~/service/manage/pty.js";

export default {
  name: "StaticsDbiptyN",
  components: {
      "m-pty-info": PtyInfo,
      "m-adr-list": AdrList,
      "m-act-list": ActList,
      "m-rat-list": RatList,
      "m-ecif": ECIF,
      "m-sign-list": SignList,
      "m-ptm-list": PtmList,
      "m-oit-info": OitInfo,
      "m-ocrm-info": OcrmInfo
  },
  provide() {
    return {
      root: this,
      opertype: "",
    };
  },
  props: {
		type: {
			type: String,
			default: "info"
		},
		title: {
			type: String,
			default: "dbipty"
		}
	},
  data() {
    return {
      model: new Ptyn().data,
      ptycrm: new Ptycrm().data,
      tabVal: "pty",
      branchlist: [],
      // showInsertBtn:true,
      // showUpdateBtn:true,
      // showDeleteBtn:true,
      bchAuthMod:{
        cod_:"",
        msg_:"",

        zFlg:"N",
        zMsg:"",
        zBchList:[],
        zBchkeyList:[],
        zBranchList:[],

        xFlg:"N",
        xMsg:"",
        xBchList:[],
        xBchkeyList:[],
        xBranchList:[],

        isZhongHang:false,
        isChaiwu:false,
      },
    };
  },
  watch: {
    "model.ptytyp": {
      handler(newVal) {
        //this.model.ecifno = "";
      }
    }
  },
  computed: {
    isDisabled() {
      return this.type === "info" || this.type === "delete";
    },
    Pattern: function(){
      if (this.model.ptytyp == 'H') {
        return Pattern2
      } else {
        return Pattern1
      }
    },
    isChaiwu (){
      let flg=false
      console.log("~~~~~~~~~~~~~~~~~~dbipty---index",this.model)
      if (this.model.ptytyp=='C' && this.model.idtype=='2' && this.model.akkcom=='10313'  ){
        flg = true
      }
      return flg
    },
    isZhongHang(){
      let zhongFlg=false
      let currentOrg = this.$store.state.UserContext.currentOrg
      if (currentOrg) {
        if (currentOrg.level == '0' || currentOrg.level == 0) {
          zhongFlg=true
        }
      }
      return zhongFlg
    },
    
  },
  created() {
    if (this.type !== "add") {
      const inr = this.$route.query.inr;
      queryDetailById({"inr" : inr}).then((res)=> {
        if (res.respCode == "AAAAAA") {
          this.$set(this, "model", res.data)
          // this.getBranchlist()
          if (this.$route.query.zhFlg=="Y"){
            this.getZonghang()
          }else{
            getBchcodlist({}).then((res => {
            if (res.respCode == "AAAAAA") {
              //1--归属机构下的可经办机构
              this.$set(this, "branchlist", res.data)

              //2--0930主办机构
              let bchAuthMod={}
              let tmp=JSON.parse(localStorage.getItem("bchAuthMod"))
              if (tmp !==null && tmp !==undefined){bchAuthMod=tmp}

              //3--this.model.branch 原支行代码

              //处理-- 下拉值由两部分组成，1-原支行代码，2-从归属机构下的可经办机构中筛选出0930主办机构
              let bchListTmp =[]
              if (this.model.branchbch !=null){
                bchListTmp.push(this.model.branchbch)
              }

              if (bchAuthMod.zBranchList != null && bchAuthMod.zBranchList.length >0){
                for (let z of bchAuthMod.zBranchList){
                  for (let kjb of this.branchlist){
                    if (z.branch === kjb.branch && z.branch !=this.model.branchcode) {
                      bchListTmp.push(z)
                    }
                  }
                }
              }
              console.log("---------@@--"+this.model.branchbch)
              this.branchlist = bchListTmp
            
            }

            }))
          }
          
          
          console.log(" dbipty-n -res-----",res.data)
          console.log(" dbipty-n- model----",this.model)
        } else {
          this.$notify.error("客户不存在")
        }
      });

      let tmp=JSON.parse(localStorage.getItem("bchAuthMod"))
      if (tmp !==null && tmp !==undefined){this.bchAuthMod=tmp}
      this.bchAuthMod.isZhongHang=this.isZhongHang
      this.bchAuthMod.isChaiWu=this.isChaiwu

      
    }
  },
  mounted(){
    this.getHiddenButtonVue();
	},
  
  methods: {
    getZonghang() {
      getBranchPn().then((res) => {
        if(res.respCode == "AAAAAA") {
          this.$set(this, "branchlist", res.data)
        }
      })
    },
    handleClick(tab, event) {
      let name = tab.name
      switch(name) {
        case 'ptm':
          this.$refs.ptmChild.getAdrList();
          this.$refs.ptmChild.searchTable();
          break;
        case 'adr':
          this.$refs.adrChild.init();
          break;
        case 'act': 
          this.$refs.actChild.init();
          break;
        case 'ptyrat':
          this.$refs.ptyrat.init();
          break;
        case 'ecif': 
          this.$refs.ecif.init();
          break;
        case 'signing':
          this.$refs.signChild.init();
          break;
        case 'oit':
          this.$refs.oitChild.init();
          break;
        case 'ocrm':
          this.$refs.ocrmChild.init();
          break;
        default:
          return;
      }
    },
    getHiddenButtonVue(){
    this.$buttonControlService.hiddenBtnList()
    .then((res)=>{
      for(let i = 0;i<res.length;i++){
        if(res[i].ITEMID === 'adrUpdateBtn'){
          this.$refs.adrChild.showUpdateBtn = false;
        }
        if(res[i].ITEMID === 'adrDeleteBtn'){
          this.$refs.adrChild.showDeleteBtn = false;
        }  
        if(res[i].ITEMID === 'adrInsertBtn'){
          this.$refs.adrChild.showInsertBtn = false;
        }
        if(res[i].ITEMID === 'actUpdateBtn'){
          this.$refs.actChild.showUpdateBtn = false;
        }
        if(res[i].ITEMID === 'actDeleteBtn'){
          this.$refs.actChild.showDeleteBtn = false;
        }  
        if(res[i].ITEMID === 'actInsertBtn'){
          this.$refs.actChild.showInsertBtn = false;
        }
        if(res[i].ITEMID === 'signInsertBtn'){
          this.$refs.signChild.showInsertBtn = false;
        }
        if(res[i].ITEMID === 'signUpdateBtn'){
          this.$refs.signChild.showUpdateBtn = false;
        }
        // if(res[i].ITEMID === 'ptmNInsertBtn'){
        //   this.$refs.ptmChild.isShowAddBtn = false;
        // }
        // if(res[i].ITEMID === 'ptmNUpdateBtn'){
        //   this.$refs.ptmChild.isShowUpdBtn = false;
        // }
        // if(res[i].ITEMID === 'ptmNDeleteBtn'){
        //   this.$refs.ptmChild.isShowDelBtn = false;
        // }
      }
    })
  },
  getBranchlist() {
    getBranchPn().then((res) => {
      if(res.respCode == "AAAAAA") {
        this.$set(this, "branchlist", res.data)
      } else {
        this.$notify.error(res.respMsg)
      }
    })
  },
    commitAdd() {
      this.$refs.modelForm.validate((validated) => {
        if (validated) {
          add(this.model)
            .then((res) => {
              if (res.respCode == "AAAAAA") {
                this.$notify.success("保存成功！");
                this.goBack(true)
              } else {
                this.$notify.error(res.respMsg)
              }
            })
            .catch((err) => {
              this.$notify.error("保存失败！");
            });
        } else {
          this.$notify.error({
            title: '失败',
            message: '请检查必输项！'
          });
        }
      });
    },
    commitEdit() {
      this.$refs.modelForm.validate((validated) => {
        if (validated) {
          edit({...this.model, "ptycrm":this.ptycrm})
            .then((res) => {
              if(res.respCode == "AAAAAA") {
                this.$notify.success("保存成功！");
                this.goBack()
              } else {
                this.$message.info(res.respMsg);
              }
            })
            .catch((err) => {
              this.$notify.error(res.respMsg);
            });
        } else {
          this.$notify.error({
            title: '失败',
            message: '请检查必输项！'
          });
        }
      });
    },
    commitDelete() {
      this.$confirm("是否确认删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          deleteById(this.model.inr)
            .then((res) => {
              this.$notify.success("删除成功！");
              this.goBack(true)
            })
            .catch((err) => {
              this.$notify.error("删除失败！");
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    /**
     * update 是否更新infpty的查询列表
     */
    goBack(update) {
      this.$store.commit('delTagsArry', this.$route.path);
      this.$router.go(-1);
    },

    backTableHome(){
      this.$confirm(cancelMsg, "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
				})
				.then(()=>{
					this.$store.commit('delTagsArry', this.$route.path)
          this.$router.go(-1)
				})
				.catch(() => {
            this.$message({
                type: "info",
                message: "已取消",
            });
        });
    }

  },
};
</script>

<style>
</style>