提交财务单据详情页供应商关闭按钮被遮蔽样式

src/components/FinancialModule/FinancialDocumentsDetail.vue

@@ -1538,12 +1538,16 @@
     <!-- 跟团订单、当地游订单，获取订单客户签约信息 -->
   <OrderReceivablesAccount v-if="isReceivablesAccount"
   :clientData="clientData" @ClosePopup="isReceivablesAccount=false"></OrderReceivablesAccount>
-  <!--供应商信息-->
-  <ClientBankAccount v-if="isClientBankAccount"
-  :clientBankAccountData="clientBankAccountData" @ClosePopup="isClientBankAccount=false"></ClientBankAccount>
+
   <!--代收/代付公司-->
   <HelpBranch v-if="GetDetail.HelpBranchId>-1"
   :helpBranchData="helpBranchData" ></HelpBranch>
+  <!--供应商信息-->
+  <ClientBankAccount v-if="isClientBankAccount"
+  :clientBankAccountData="clientBankAccountData"
+  :ClientBankAccountTop="ClientBankAccountTop"
+  @ClosePopup="isClientBankAccount=false"></ClientBankAccount>
+  
   </div>
 </template>
 <script>
@@ -1661,6 +1665,7 @@
         helpBranchData:{},
         isReceivablesAccount: false,
         isClientBankAccount:false,
+        ClientBankAccountTop:0,
         ActionMenuCode: ''
       }
     },
@@ -2661,6 +2666,10 @@
             if (data.Type==2){
               this.isClientBankAccount=true;
             }
+            if(data.Type==2&&data.HelpBranchId>-1){
+              this.ClientBankAccountTop=1;
+            }
+            console.log("this.ClientBankAccountTop",this.ClientBankAccountTop);
             this.clientBankAccountData={
               AccountHolder:data.AccountHolder,
               AccountNumber:data.AccountNumber,

src/components/FinancialModule/components/ClientBankAccount.vue

@@ -94,9 +94,9 @@
 </style>
 
 <template>
-  <div class="OrderReceivablesAccount-form" v-if="clientBankAccountData">
+  <div class="OrderReceivablesAccount-form"  :style="{'top':ClientBankAccountTop==0?'100px':'160px'}" v-if="clientBankAccountData">
     <div class="OrderReceivablesAccount-title">供应商信息</div>
-    <div class="ClosePopup" @click="clickClosePopup"><i class="el-icon-close"></i> </div>
+    <div :style="{'top':ClientBankAccountTop==0?'110px':'170px'}"  class="ClosePopup" @click="clickClosePopup"><i class="el-icon-close"></i> </div>
     <div class="OrderReceivablesAccount-center">
       <div><span>供&nbsp;&nbsp;应&nbsp;&nbsp;商：</span> {{clientBankAccountData.AccountTypeStr==='0'?clientBankAccountData.SupplierName:"非供应商"}} </div>
       <div v-if="clientBankAccountData.AccountTypeStr==='0'"><span>税&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</span> {{clientBankAccountData.DutyNo}} </div>
@@ -120,7 +120,7 @@
 </template>
 <script>
   export default {
-    props:['clientBankAccountData'],
+    props:['clientBankAccountData','ClientBankAccountTop'],
     data() {
       return {
        // clientBankAccountData: {}

src/components/FinancialModule/components/HelpBranch.vue

 <style scoped>
-.OrderReceivablesAccount-form{
+.HelpBranch-form{
   width: 330px;
   position: fixed;
   z-index: 2;
@@ -35,21 +35,7 @@
   display: flex;
   flex-wrap: wrap;
 }
-.OrderReceivablesAccount-imgBox{
-  width: 50px;
-  height: 50px;
-  margin-right: 5px;
-  margin-bottom: 3px;
-  overflow: hidden;
-  position: relative;
-  border: 1px dashed #d1d1d1;
-  border-radius: 6px;
-}
-.imgBox-imgs img{
-  width: 100%;
-  height: 100%;
-  display: block;
-}
+
 .ClosePopup{
   position: fixed;
   right: 30px;
@@ -58,43 +44,11 @@
   font-size: 20px;
   cursor: pointer;
 }
-.OrderReceivablesAccount-imgBox{
-  cursor: pointer;
-}
-.OrderReceivablesAccount-imgBox ._see_img{
-  opacity: 0;
-}
-.OrderReceivablesAccount-imgBox ._see_img {
-    position: absolute;
-    top: 0;
-    width: 50px;
-    height: 50px;
-    padding-top: 0;
-    line-height: 34px;
-    text-align: center;
-    background-color: rgba(2, 2, 2, 0.3);
-    display: inherit;
-    opacity: 0;
-    transition: all linear .5s
-  }
-.OrderReceivablesAccount-imgBox:hover ._see_img {
-  opacity: 1;
-}
-.OrderReceivablesAccount-imgBox ._see_img .icon-sousuo{
-  margin-top: 8px;
-}
-.OrderReceivablesAccount-imgBox ._see_img i.iconfont {
-    display: inline-block;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    color: #FFFFFF !important;
-    background-color: rgba(255, 255, 255, 0.5);
-}
+
 </style>
 
 <template>
-  <div class="OrderReceivablesAccount-form" v-if="helpBranchData">
+  <div class="HelpBranch-form" v-if="helpBranchData">
     <!-- <div class="OrderReceivablesAccount-title">帮{{helpBranchData.Type==1?'代收':'代付'}}公司</div> -->
     <div class="OrderReceivablesAccount-center">
       <div v-if="helpBranchData.Type==2"><span>代&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;付：</span><span style="color:red;width:auto;">由{{helpBranchData.HelpBranchName}}{{helpBranchData.Type==1?'代收':'代付'}}</span> </div>