'修改法人银行卡'

src/pages/userBind/org/enterprise.vue

@@ -9,11 +9,11 @@
   <h-view id="base-info" class="public-style" title="基本信息">
     <h-header :proportion="[5,1,1]" class="header">
       <div slot="left" class="h-header-btn" @click="$routeGo()">
-        <img src="@/assets/userBind/arrow.png" >
+        <img src="@/assets/userBind/arrow.png">
         <span>用户绑定</span>
       </div>
     </h-header>
-    <Tab :tabNum="tabNum" @getTabNum="getTabNum" />
+    <Tab :tabNum="tabNum" @getTabNum="getTabNum"/>
     <h-content class="content">
       <div v-show="tabNum==0">
         <list-item :item-height="44">
@@ -30,7 +30,7 @@
           </item>
           <item v-if="bp_type_flag">
             <div slot="name">{{ typeName }}</div>
-            <input slot="content" :placeholder="type" v-model="baseInfo.agent_username" >
+            <input slot="content" :placeholder="type" v-model="baseInfo.agent_username">
           </item>
         </list-item>
         <div class="userInfo martop">企业信息</div>
@@ -38,7 +38,7 @@
           <span class="font-color">营业执照照片上传</span>
           <div class="upload-box1">
             <!-- <div> -->
-            <img src="@/assets/userBind/camera.png" >
+            <img src="@/assets/userBind/camera.png">
             <!-- </div> -->
           </div>
         </div>
@@ -48,7 +48,7 @@
         <list-item :item-height="44" class="second-part">
           <item>
             <div slot="name" class="font-color required">公司名称</div>
-            <input slot="content" v-model="baseInfo.bp_name" placeholder="上传营业执照自动填充" class="auto" >
+            <input slot="content" v-model="baseInfo.bp_name" placeholder="上传营业执照自动填充" class="auto">
           </item>
           <item>
             <div slot="name" class="font-color required">企业类型</div>
@@ -61,27 +61,27 @@
           </item>
           <item>
             <div slot="name" class="font-color required">统一社会信用代码</div>
-            <input slot="content" v-model="baseInfo.organization_code" placeholder="上传营业执照自动填充" >
+            <input slot="content" v-model="baseInfo.organization_code" placeholder="上传营业执照自动填充">
           </item>
           <item>
             <div slot="name" class="font-color required">注册资本</div>
-            <input slot="content" v-model="baseInfo.registered_capital" type="number" placeholder="上传营业执照自动填充" >
+            <input slot="content" v-model="baseInfo.registered_capital" type="number" placeholder="上传营业执照自动填充">
           </item>
           <item>
             <div slot="name" class="font-color required">法定代表人</div>
-            <input slot="content" v-model="baseInfo.legal_person" placeholder="上传营业执照自动填充" >
+            <input slot="content" v-model="baseInfo.legal_person" placeholder="上传营业执照自动填充">
           </item>
           <item>
             <div slot="name" class="font-color required">注册地址</div>
-            <input slot="content" v-model="baseInfo.registered_place" placeholder="请输入注册地址" >
+            <input slot="content" v-model="baseInfo.registered_place" placeholder="请输入注册地址">
           </item>
           <item>
             <div slot="name" class="font-color required">经营地址</div>
-            <input slot="content" v-model="baseInfo.business_address" placeholder="请输入经营地址" >
+            <input slot="content" v-model="baseInfo.business_address" placeholder="请输入经营地址">
           </item>
           <item>
             <div slot="name" class="font-color required">固定电话</div>
-            <input slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话" >
+            <input slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话">
           </item>
         </list-item>
 
@@ -90,8 +90,8 @@
         <div class="authorize">
           <p class="authorize-select font-color">是否授权</p>
           <div class="authorize-checklist" @click="authorizeChange">
-            <div v-if="flag" />
-            <img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt >
+            <div v-if="flag"/>
+            <img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt>
           </div>
         </div>
         <div class="userInfo types">{{ text }}</div>
@@ -99,11 +99,11 @@
           <span>身份证照片上传</span>
           <div class="upload-box">
             <div>
-              <img src="@/assets/userBind/org/front.png" >
+              <img src="@/assets/userBind/org/front.png">
               <p>正面</p>
             </div>
             <div>
-              <img src="@/assets/userBind/org/back.png" >
+              <img src="@/assets/userBind/org/back.png">
               <p>反面</p>
             </div>
           </div>
@@ -130,11 +130,11 @@
           </item>
           <item>
             <div slot="name" class="font-color required">公司职务</div>
-            <input slot="content" v-model="authMsg.auth_person_position" placeholder="请输入公司职务" >
+            <input slot="content" v-model="authMsg.auth_person_position" placeholder="请输入公司职务">
           </item>
           <item>
             <div slot="name" class="font-color required">授权事项</div>
-            <input slot="content" v-model="authMsg.auth_person_matter" placeholder="请输入授权事项" >
+            <input slot="content" v-model="authMsg.auth_person_matter" placeholder="请输入授权事项">
           </item>
         </list-item>
 
@@ -143,26 +143,26 @@
         <list-item v-if="flag" :item-height="44" class="second-part">
           <item>
             <div slot="name" class="font-color required">姓名</div>
-            <input slot="content" v-model="legal_personMsg.id_card_name" placeholder="上传身份证自动填充" >
+            <input slot="content" v-model="legal_personMsg.id_card_name" placeholder="上传身份证自动填充">
           </item>
           <item>
             <div slot="name" class="font-color required">身份证号</div>
-            <input slot="content" v-model="legal_personMsg.id_card_no" placeholder="上传身份证自动填充" >
+            <input slot="content" v-model="legal_personMsg.id_card_no" placeholder="上传身份证自动填充">
           </item>
           <item>
             <div slot="name" class="font-color required">手机号</div>
-            <input slot="content" v-model="legal_personMsg.cell_phone" placeholder="请输入手机号" >
+            <input slot="content" v-model="legal_personMsg.cell_phone" placeholder="请输入手机号">
           </item>
           <item>
             <div slot="name" class="font-color required">居住地址</div>
-            <input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址" >
+            <input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址">
           </item>
         </list-item>
         <div v-if="!flag" class="upload-id-card">
           <span>授权书证件上传</span>
           <div class="upload-box1">
             <!-- <div> -->
-            <img src="@/assets/userBind/camera.png" >
+            <img src="@/assets/userBind/camera.png">
             <!-- </div> -->
           </div>
         </div>
@@ -174,7 +174,7 @@
           <span>房产证件</span>
           <div class="img-content">
             <div class="card-upload">
-              <img src="@/assets/userBind/camera.png" >
+              <img src="@/assets/userBind/camera.png">
             </div>
           </div>
         </div>
@@ -182,7 +182,7 @@
           <span>车辆证件</span>
           <div class="img-content">
             <div class="card-upload">
-              <img src="@/assets/userBind/camera.png" >
+              <img src="@/assets/userBind/camera.png">
             </div>
           </div>
         </div>
@@ -190,26 +190,27 @@
           <span>其他资产证件</span>
           <div class="img-content">
             <div class="card-upload">
-              <img src="@/assets/userBind/camera.png" >
+              <img src="@/assets/userBind/camera.png">
             </div>
           </div>
         </div>
       </div>
       <!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> -->
-      <BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo" />
-      <InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList" />
+      <BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo"/>
+      <InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList"/>
     </h-content>
     <bottom-tab class="footer-button">
       <tab-button class="put" @click.native="handSubmit">提交</tab-button>
       <tab-button class="save" @click.native="verified">保存</tab-button>
     </bottom-tab>
-    <h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="search-modal">
+    <h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="enterprise--modal">
+      <h-view>
         <div class="modal-content">
           <div class="modal-content-add-top">
             <span>添加银行卡</span>
-          <img src="@/assets/userBind/close.png" @click="hideModal" >
+            <img src="@/assets/userBind/close.png" @click="hideModal">
           </div>
-        <img src="@/assets/userBind/addBack.png" class="addBack" >
+          <img src="@/assets/userBind/addBack.png" class="addBack">
           <list-item :item-height="44" class="card-Info">
             <item>
               <div slot="name">银行卡卡号</div>
@@ -245,6 +246,7 @@
             </item>
           </list-item>
         </div>
+      </h-view>
       <bottom-tab class="add-box">
         <tab-button class="add-card" @click.native="addBankInfo">添加</tab-button>
       </bottom-tab>
@@ -256,6 +258,7 @@
 import Tab from '@/components/tab'
 import InvoiceInfo from './invoiceInfo'
 import BankInfo from './bankInfo'
+
 export default {
   name: 'Enterprise',
   components: {
@@ -449,12 +452,12 @@ export default {
       // debugger
       if (this.flag) {
         this.baseInfo.auth_flag = 'N'
-        this.lastInfo = { ...this.baseInfo, ...this.legal_personMsg, ...this.invoiceInfo }
+        this.lastInfo = {...this.baseInfo, ...this.legal_personMsg, ...this.invoiceInfo}
         this.saveInfo = {...this.lastInfo, ...this.authMsg}
       } else {
         this.baseInfo.auth_flag = 'Y'
-        this.lastInfo = { ...this.baseInfo, ...this.authMsg, ...this.invoiceInfo }
-        this.saveInfo = { ...this.lastInfo, ...this.legal_personMsg }
+        this.lastInfo = {...this.baseInfo, ...this.authMsg, ...this.invoiceInfo}
+        this.saveInfo = {...this.lastInfo, ...this.legal_personMsg}
       }
       console.log('last', this.lastInfo, this.invoiceInfo)
       let vm = this
@@ -639,20 +642,24 @@ export default {
 }
 </script>
 <style lang='less' scoped>
-#base-info {
+  #base-info {
     font-family: PingFangSC-Regular;
+
     input::placeholder {
       color: #b4b4b5;
     }
+
     .header {
       background-color: #00469c;
       color: #fff;
+
       .h-header-btn {
         img {
           width: 16px;
           height: 16px;
           margin-left: 4px;
         }
+
         span {
           font-family: PingFangSC-Semibold;
           color: #fff;
@@ -667,12 +674,15 @@ export default {
     .content {
       margin-top: 3px;
       height: 76%;
+
       .font-color {
         color: #656464;
       }
+
       .martop {
         margin-top: -10px;
       }
+
       .userInfo {
         height: 40px;
         line-height: 40px;
@@ -682,6 +692,7 @@ export default {
         margin-left: 16px;
         position: relative;
       }
+
       .userInfo::before {
         content: "";
         display: block;
@@ -692,9 +703,11 @@ export default {
         left: -15px;
         top: 10px;
       }
+
       .types {
         margin-top: 0;
       }
+
       .authorize {
         width: 100%;
         height: 32px;
@@ -702,6 +715,7 @@ export default {
         flex-direction: row;
         align-items: center;
         background: rgba(0, 70, 156, 0.03);
+
         .authorize-select {
           // width: 48px;
           height: 20px;
@@ -711,10 +725,12 @@ export default {
           line-height: 20px;
           margin-left: 16px;
         }
+
         .authorize-checklist {
           width: 16px;
           height: 16px;
           margin-left: 8px;
+
           div {
             width: 100%;
             height: 100%;
@@ -723,9 +739,11 @@ export default {
           }
         }
       }
+
       .upload-id-cards {
         height: 176px;
         background-color: #fff;
+
         span {
           display: block;
           color: #656464;
@@ -733,10 +751,12 @@ export default {
           padding-top: 16px;
           font-size: 13px;
         }
+
         .upload-box {
           display: flex;
           justify-content: center;
           margin-top: 15px;
+
           div {
             width: 172px;
             height: 120px;
@@ -744,29 +764,35 @@ export default {
             text-align: center;
             font-size: 14px;
             color: #b4b4b5;
+
             .front,
             .back {
               width: 172px;
               height: 120px;
             }
           }
+
           div:nth-of-type(2) {
             margin-left: 7px;
           }
+
           img {
             margin-top: 32px;
             width: 58px;
             height: 45px;
           }
+
           p {
             margin-top: 12px;
             font-size: 13px;
           }
         }
       }
+
       .upload-id-card {
         height: 122px;
         background-color: #fff;
+
         span {
           display: block;
           color: #656464;
@@ -774,6 +800,7 @@ export default {
           padding-top: 16px;
           font-size: 13px;
         }
+
         .upload-box1 {
           width: 80px;
           height: 80px;
@@ -781,6 +808,7 @@ export default {
           text-align: center;
           margin-top: 8px;
           margin-left: 16px;
+
           img {
             margin-top: 30px;
             width: 25px;
@@ -788,37 +816,20 @@ export default {
           }
         }
       }
+
       .second-part {
         margin-top: 9px;
+
         .auto {
           color: #b4b4b5;
         }
       }
-    // .card {
-    //   padding-bottom: 8px;
-    //   span {
-    //     color: #656464;
-    //     font-size: 18px;
-    //   }
-    //   .card-upload {
-    //     width: 80px;
-    //     height: 80px;
-    //     border: 1px dashed #dcdcdd;
-    //     display: flex;
-    //     justify-content: center;
-    //     align-items: center;
-    //     margin-top: 12px;
-    //   }
-    //   img {
-    //     width: 24px;
-    //     height: 24px;
-    //   }
-    // }
       .card2 {
         padding-bottom: 8px;
         height: auto;
         background-color: #fff;
         margin-bottom: 10px;
+
         span {
           color: #656464;
           font-size: 13px;
@@ -827,12 +838,14 @@ export default {
           display: block;
           margin-left: 16px;
         }
+
         .img-content {
           display: flex;
           flex-flow: row wrap;
           justify-content: flex-start;
           align-items: center;
         }
+
         .card-upload {
           width: 80px;
           height: 80px;
@@ -850,6 +863,7 @@ export default {
         }
       }
     }
+
     .put {
       width: 175px;
       height: 45px;
@@ -858,6 +872,7 @@ export default {
       border: 1px solid #00469c;
       background-color: #fafafa;
     }
+
     .save {
       width: 175px;
       height: 45px;
@@ -865,48 +880,56 @@ export default {
       border-radius: 4px;
       background-color: #00469c;
     }
+
     .footer-button {
       //height: 88px;
       padding-top: 15px;
       padding-bottom: 15px;
     }
+
     .front,
     .photo,
     .backphoto,
     .back {
       display: none;
     }
-}
-
-.modal-content {
+    .modal-content {
       width: 100%;
-  height: 71%;
+      height: 75%;
       position: absolute;
-  top: 29%;
+      top: 25%;
       background-color: #fff;
+      overflow-y: scroll;
+
       .modal-content-add-top {
         width: 320px;
-    margin: 0 auto;
         height: 34px;
         line-height: 34px;
-    margin-top: 10px;
-    margin-bottom: 16px;
+        padding-top: 10px;
+        background-color: #fff;
+        padding-bottom: 40px;
+        position: fixed;
+        left: 28px;
+
         span {
           font-family: PingFangSC-Semibold;
           font-size: 15px;
           color: #00469c;
           letter-spacing: 0.47px;
         }
+
         img {
           width: 34px;
           height: 34px;
           float: right;
         }
       }
+
       .addBack {
         display: block;
         width: 320px;
         margin: 0 auto;
+        margin-top: 50px;
         border-radius: 6px;
         margin-bottom: 17px;
       }
@@ -914,19 +937,17 @@ export default {
       .card-Info {
         margin-bottom: 220px;
       }
-}
-.add-card {
+    }
+
+    .add-card {
       width: 358px;
       height: 40px;
       background: #00469c;
       border-radius: 4px;
       color: #fff;
-  // margin-top:-35px;
-}
-.modal {
+    }
+  }
+  .modal {
     background-color: rgba(0, 0, 0, 0) !important;
-}
-// .add-box{
-//   height: 88px;
-// }
+  }
 </style>