Infsea.vue

<template>
  <div class="eibs-tab">
    <!-- ----------左 ---------->
    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <el-form-item label="客户号" prop="extkey">
          <c-input
            v-model="ptyCondition.extkey"
            placeholder="请输入客户号"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="客户中文名称" prop="cnnam">
          <c-input
            v-model="ptyCondition.cnnam"
            placeholder="请输入客户中文名称"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ----------右 ---------->
    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <el-form-item label="客户所属机构" prop="branchcode">
          <el-select
            v-model="ptyCondition.branchcode" clearable 
            placeholder="请输入客户所属机构" filterable
            :isShowKeyAndLabel="true"
          >
            <el-option v-for="item in bchcodelist" :key="item.branch" :label="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="ennam">
          <c-input
            v-model="ptyCondition.ennam"
            placeholder="请输入客户英文名称"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!--新增/重置/查询按钮-->
    <c-col :span="24">
      <span style="float: left">
        <el-button type="primary" size="small" v-if="showInsertBtn" :disabled="true" @click="ptyAdd">新增</el-button>
      </span>
      <span style="float: right">
        <el-button size="small" @click="handleReset">重置</el-button>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="small"
          @click="onSearch()"
          :loading="loadingPtyStatus" 
          >查询
        </el-button>
      </span>
    </c-col>
    <!--列表以及操作栏-->
    <c-col :span="24">
      <c-paging-table 
        :data="ptyData"
        :columns="ptyColumns"
        :pageNumber="ptyCondition.pageNum"
        :pageSize="ptyCondition.pageSize"
        :total="ptyCondition.total"
        v-on:queryFunc="queryFunc"
        :border="true"
      >
        <c-table-column fixed="right" prop="op" label="操作" width="240px">
          <template slot-scope="{ scope }">
            <c-button
              style="margin-left: 0"
              size="small"
              @click="ptyInfo(scope.$index, scope.row)"
              >详情</c-button
            >
            <c-button
              style="margin-left: 5px"
              size="small"
              type="primary"
              @click="ptyEdit(scope.$index, scope.row)"
              v-if="showUpdateBtn"
              >修改</c-button
            >
            <c-button
              size="small"
              style="margin-left: 5px"
              @click="ptyDelete(scope.$index, scope.row)"
              v-if="showDeleteBtn"
              >删除</c-button
            >
          </template>
        </c-table-column>
      </c-paging-table>
    </c-col>
  </div>
</template>

<script>
import codes from "~/config/CodeTable";

import { queryByPage, deleteById, getBchcodlist } from "~/service/manage/pty.js";
import Pty from '../Dbipty/Pty.js';
import Api from "~/service/Api";
import commonFunctions from "~/mixin/commonFunctions.js";

export default {
  name: "",
  props: ["model"],
  inject: ["root"],
  mixins: [commonFunctions],
  data() {
    return {
      showUpdateBtn:false,
      showDeleteBtn:false,
      showInsertBtn: false,
      ptyData: [],
      bchcodelist: [],
      ptyCondition: {
        extkey: "",
        cnnam: "",
        ennam: "",
        branchcode: "",
        pageSize:PageSize,
        pageNum: 1,
        total: 0,
      },
      loadingPtyStatus:false,
      ptyColumns: [
				{ label: '客户号', prop: 'extkey', width: 'auto' },
        { label: '中文名称', prop: 'cnnam', width: 'auto' },
        { label: '中文地址', prop: 'cnadr', width: 'auto' },
        { label: '英文名称', prop: 'ennam', width: 'auto' },
        { label: '英文地址', prop: 'enadr', width: 'auto' },
        { label: '停用状态', prop: 'oitsubtyp_lab', width: 'auto' }
      ],
      canMod: true,
      bchAuthMod:{
        _cod:"",
        _msg:"",
        maaFlg:"N",
        maaMsg:"",
        mabFlg:"N",
        mabMsg:"",

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

        xFlg:"N",
        xMsg:"",
        xBchList:[],
        xBchkeyList:[],
        xBranchList:[],
      },
      PtyUsedInPts:{
        cod:"",
        msg:"",
      },
    };
  },
  created() {
    this.ptyCondition.pageSize=PageSize,
    this.ptyCondition.pageNum=1,
    this.getCodelist()
    //this.onInfptySearch()
  },
  watch: {
    '$store.state.UserContext.currentOrg': {
      handler(newVal) {
        this.getCodelist()
      }
    }
  },
  computed: {
  },
  activated() {
    const { update } = this.$route.params
    if (update) {
      this.onInfptySearch()
    }
  },
  mounted(){
    this.getHiddenButtonVue();
	},
  methods: {
    getHiddenButtonVue(){
        const loading = this.loading();
        this.$buttonControlService.hiddenBtnList()
          .then((res) => {
            // 新增
            let hasInsert = res.some((item) => {
              return item.ITEMID === 'ptyInsertBtn';
            })
            if (hasInsert) {
              this.showInsertBtn = false;
            } else {
              this.showInsertBtn = true;
            }
            // 修改
            let hasUpdate = res.some((item) => {
              return item.ITEMID === 'ptyUpdateBtn';
            })
            if (hasUpdate) {
              this.showUpdateBtn = false;
            } else {
              this.showUpdateBtn = true;
            }
            // 删除
            let hasDelete = res.some((item) => {
              return item.ITEMID === 'ptyDeleteBtn';
            })
            if (hasDelete) {
              this.showDeleteBtn = false;
            } else {
              this.showDeleteBtn = true;
            }
            loading.close();
          })
      },
    //重置查询条件
    handleReset() {
      this.ptyCondition = {
        extkey: "",
        cnnam: "",
        ennam: "",
        branchcode: "",
        pageSize:PageSize,
        pageNum: 1,
        total: 0,
        ptytyp:"C",
      };
    },
    getCodelist() {
      getBchcodlist({}).then((res) => {
        if (res.respCode == "AAAAAA") {
          const list = res.data
          this.bchcodelist = list
        }
      })
    },

    //点击查询，插叙PTY列表
    onSearch(){
        this.ptyCondition.pageNum = 1;
        this.ptyCondition.pageSize=PageSize;
        this.onInfptySearch();
    },
    
    onInfptySearch() {
      this.loadingPtyStatus=true;
			queryByPage(this.ptyCondition).then(res => {
        /**
         * pageNumber: 0
         * pageSize:	0
         * total: 69
         * totalPage: 0
         */
        if(res.respCode == SUCCESS) {
          if (res.data.list.length<=0){
            this.$notify.warning({
            	title: '提示：',
              message: "未查询到客户信息！",
              dangerouslyUseHTMLString: true 
            });
          }
          const list = res.data.list
          this.ptyData = list
          this.ptyCondition.pageNum = res.data.pageNumber
          this.ptyCondition.pageSize = res.data.pageSize
          this.ptyCondition.total = res.data.total
          
        }
        this.loadingPtyStatus=false;
      }) 
		},
    queryFunc(pageNumber, pageSize) {
      this.ptyCondition.pageNum = pageNumber
      this.ptyCondition.pageSize = pageSize
      if (!this.ptyCondition.pageNum) {
        this.ptyCondition.pageNum = 1;
      }
      if (!this.ptyCondition.pageSize) {
        this.ptyCondition.pageSize=PageSize;
      }
      this.onInfptySearch()
    },
    ptytypeChange(val) {
      this.model.ptytyp = val;
    },
    getCodesByKey(key) {
      return codes[key] || [];
    },
    ptyAdd() {
			this.$router.push({ name: "StaticsDbapty"})
		},
    ptyInfo(index, row) {
			this.$router.push( { name: "StaticsDbipty", query: { inr: row.inr,ptainr: row.ptainr} })
		},
    
    async ptyEdit(index, row) {
      //await this.checkZXbanForExtkeyBySSTF(row.inr)
      await this.checkZXbanForExtkeyByEcif0930(row.extkey)
      
        if (this.bchAuthMod.zFlg != "Y" && this.bchAuthMod.xFlg != "Y"){
          let tmpMsg=this.bchAuthMod.msg_ +"<br/>"+this.bchAuthMod.zMsg +"<br/>"+this.bchAuthMod.xMsg
          this.$notify.warning({
            	title: '提示：',
              message: tmpMsg,
              dangerouslyUseHTMLString: true 
            });
          return 0;
        }
      
      
      //cache写入ECIF主协办机构信息
      localStorage.setItem("bchAuthMod",JSON.stringify(this.bchAuthMod))
      let bchAuthMod=JSON.parse(localStorage.getItem("bchAuthMod"))

      let data= { 
        inr: row.inr,
        ptainr: row.ptainr,
        maaFlg:this.bchAuthMod.maaFlg,
        mabFlg:this.bchAuthMod.mabFlg,
        zFlg:this.bchAuthMod.zFlg,
        xFlg:this.bchAuthMod.xFlg,
      }
			this.$router.push( { name: `StaticsDbepty`, query:data})
		},

    async ptyDelete(index, row) {
      //await this.checkZXbanForExtkeyBySSTF(row.inr)
      await this.checkZXbanForExtkeyByEcif0930(row.extkey)
      if (this.bchAuthMod.zFlg != "Y"){
        let zBchkeyMsg="" 
        if (this.bchAuthMod.zBchkeyList !=null && this.bchAuthMod.zBchkeyList.length>0){
          for (let j of this.bchAuthMod.zBchkeyList){
            let tmp=j.branch +" - "+j.bchname
            zBchkeyMsg=zBchkeyMsg+"<br/>"+tmp
          }
        }
        
        this.$notify.warning({
            	title: '提示：',
              message: "无权删除！ 管户机构："+zBchkeyMsg,
              dangerouslyUseHTMLString: true 
            });
        return 0;
      }

      await this.checkPtyUsedInPts(row.inr)
      if (this.PtyUsedInPts.cod == "Y"){
        this.$notify.warning({
            	title: '提示：',
              message: this.PtyUsedInPts.msg,
              dangerouslyUseHTMLString: true 
            });
          return 0;
      }


      this.$confirm("是否确认删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          deleteById( {inr : row.inr} )
            .then((res) => {
              if(res.respCode == "AAAAAA") {
                this.$notify.success("删除成功！");
                this.onSearch()
              }
            })
            .catch((err) => {
              this.$notify.error("删除失败！");
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },


    async checkZXbanForExtkeyBySSTF(ptyinr){
      
      let data={
        "orgBch":this.$store.state.UserContext.currentOrg.departmentNumber,
        "ptyInr": ptyinr
        };
      await Api.post('/manager/pty/checkZXbanForExtkeyBySSTF',data).then(res => {
        if (res.respCode == SUCCESS) {
          this.bchAuthMod.maaFlg = res.data.maaFlg
          this.bchAuthMod.mabFlg = res.data.mabFlg
        }
      });
    },

    async checkPtyUsedInPts(ptyinr){
      
      let data={
        "ptyinr": ptyinr
        };
      await Api.post('/manager/pty/checkPtyUsedInPts',data).then(res => {
        if (res.respCode == SUCCESS) {
          this.PtyUsedInPts.cod = res.data.cod
          this.PtyUsedInPts.msg = res.data.msg
        }
      });
    },

    async checkZXbanForExtkeyByEcif0930(extkey){
      
      let data={
        "orgBch":this.$store.state.UserContext.currentOrg.departmentNumber,
        "orgNo": extkey
        };
      await Api.post('/manager/pty/checkZXbanForExtkeyByEcif0930',data).then(res => {
        if (res.respCode == SUCCESS) {
          
          this.bchAuthMod.cod_ = res.data.cod
          this.bchAuthMod.msg_ = res.data.msg

          this.bchAuthMod.zFlg = res.data.zFlg
          this.bchAuthMod.zMsg = res.data.zMsg
          this.bchAuthMod.zBchList = res.data.zBchList
          this.bchAuthMod.zBchkeyList = res.data.zBchkeyList
          this.bchAuthMod.zBranchList = res.data.zBranchList

          this.bchAuthMod.xFlg = res.data.xFlg
          this.bchAuthMod.xMsg = res.data.xMsg
          this.bchAuthMod.xBchList = res.data.xBchList
          this.bchAuthMod.xBchkeyList = res.data.xBchkeyList
          this.bchAuthMod.xBranchList = res.data.xBranchList

          if (res.data.cod=="Y-C"){
              this.$notify.warning({
            	title: '提示：',
              message: res.data.msg,
              dangerouslyUseHTMLString: true 
            });
          }
        }
      });
    },
  },
};
</script>

<style scoped>
.table-button-item-list {
  padding: 0;
  margin: 0;
}
.table-button-item-list li {
  list-style: none;
  padding: 5px 0;
  text-align: center;
  color: #606266;
  cursor: pointer;
}</style>