save

src/components/administrative/empBankAccount.vue

@@ -9,6 +9,14 @@
   .empBankAccountTable tr{background: #fff;text-align: left;}
   .empBankAccountTable tr:nth-child(2n+1){background: #E5E5E5;}
   .empBankAccountTable tr td{height: 60px; padding-left:20px; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;}
+  
+ .popTable{width: 80%; font-size:14px; color: #333; background: #ccc;}
+  .popTable tr{border-bottom: 2px solid #333;}
+  .popTable tr th{background: #BDBDBD;height:30px; font-size: 12px; text-align: left; text-indent: 20px;}
+  .popTable tr{background: #fff;text-align: left;}
+  .popTable tr:nth-child(2n+1){background: #E5E5E5;}
+  .popTable tr td{height: 60px; padding-left:20px; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;}
+
   .empBankAccountIcon button{width: 30px; height: 30px;border-radius:4px;}
   .empBankAccountIcon .el-button--primary {padding: 5px;margin: 0;font-size: 14px!important;}
   .empBankAccountIcon .el-button+.el-button{margin-left: 0!important;}
@@ -61,6 +69,31 @@
 					</el-col>
 				</el-row>
 			</el-form>
+			<div v-if="accountList.length" style="padding: 20px; display: flex; justify-content: center; align-items: center;flex-direction: column">
+				<div style="padding: 10px">已存在相同的账户信息</div>
+		<table class="popTable" border="0" cellspacing="0" cellpadding="0">
+			<tr>
+				<th>{{$t("ground.zhanghumingcheng")}}</th>
+				<th>{{$t("fnc.w_zhbieming")}}</th>
+				<th>{{$t("ground.zhanghuleibie")}}</th>
+				<th>{{$t("ground.suoshujigou")}}</th>
+				<th>{{$t("fnc.acc")}}</th>
+			</tr>
+			<tr v-for="(item,index) in accountList">
+				<td>{{item.OpenBankName}}</td>
+				<td>{{item.AccountAlias}}</td>
+				<td>
+					<span v-if="item.AccountClassify==1">{{$t('fnc.a_ptzhanghu')}}</span>
+					<span v-if="item.AccountClassify==2">银行账户</span>
+					<span v-if="item.AccountClassify==3">虚拟账户</span>
+					<span v-if="item.AccountClassify==4">微信支付宝</span>
+					</td>
+				<td>{{item.BankName}}</td>
+				<td>{{item.CardNum}}
+					<br/>{{item.AccountHolder}}</td>
+			</tr>
+		</table>
+		</div>
 		</div>
 		<div class="query-box">
 			<ul>
@@ -120,12 +153,14 @@
 
 	</div>
 
+
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
+				accountList: [],
 				nameA: this.$t("ground.zhanghumingcheng2"),
 				nameB: this.$t("fnc.khuren"),
 				nameC: this.$t("ground.kahao"),
@@ -259,6 +294,10 @@
 					     this.$message.error(this.$t('visaT.Pleasefillin')+this.nameD)
 						 return
 						}
+						// 查询是否有冲突的账户信息
+						this.checkCanAdd()
+			},
+			addAccount() {
 				this.apipost("admin_post_SetEmpBankAccount",this.addMsg,res=>{
 					if(res.data.resultCode==1)
 					{
@@ -270,8 +309,19 @@
 						this.$message.error(res.data.message)
 					}
 
+				},err=>{})},
+			checkCanAdd() {
+				this.apipost('admin_post_GetBackAccount',{RB_Group_Id: this.addMsg.ObjID, ...this.addMsg},res=>{
+					if(res.data.resultCode==1){
+						if(res.data.data && res.data.data.length) {
+							this.accountList = res.data.data
+						} else {
+						this.addAccount()
+						}
+					}else{
+						this.$message.error(res.data.message)}
 				},err=>{})
-			},
+				},
 			updateData(id){  //修改角色
 				this.apipost('admin_get_GetEmpBackAccount',{BAId:id},res=>{
 					if(res.data.resultCode==1){

src/router/config.js

@@ -262,6 +262,15 @@ export default {
                 title: '新增付款对象'
               },
             },
+
+            {
+              path: '/empBankAccountAll', //付款对象管理
+              name: 'empBankAccountAll',
+              component: resolve => require(['@/components/administrative/empBankAccountAll'], resolve),
+              meta: {
+                title: '付款对象管理'
+              },
+            },
             {
               path: '/CommissionManagement', //提成管理
               name: 'CommissionManagement',