处理帐户新增位置更换

pages/mobile/center/user/payCenter.vue

@@ -8,6 +8,14 @@
       <!--<p class="mp-content-header">已设置的账户信息<span class="fr" @click="openAddAccount"><i class="iconfont icon-xinzeng"></i>新增账户</span></p>-->
       <template v-if="accountList && accountList.length === 0">
         <div class="new-account">
+          <div class="new-content-line">
+            <span class="inline-block"><i>*</i>开户名称：</span>
+            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
+          </div>
+          <div class="new-content-line">
+            <span class="inline-block"><i>*</i>银行账号：</span>
+            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
+          </div>
           <div class="new-content-line">
             <span class="inline-block"><i>*</i>开户银行：</span>
             <input type="text" readonly placeholder="例如：中国银行" v-model="bankAccountObj.bankname" @click.stop="showSimilar = !showSimilar">
@@ -19,14 +27,6 @@
             <span class="inline-block"><i>*</i>开户支行：</span>
             <input type="text" placeholder="例如：侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
           </div>
-          <div class="new-content-line">
-            <span class="inline-block"><i>*</i>银行账号：</span>
-            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
-          </div>
-          <div class="new-content-line">
-            <span class="inline-block"><i>*</i>开户名称：</span>
-            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
-          </div>
           <div class="new-content-line clearfix">
             <p class="remind"><i>*</i>为保障您的资金安全，账户信息加密显示且不可修改，只能删除后重新提交。</p>
           </div>
@@ -39,20 +39,20 @@
         <ul class="mp-list">
           <li v-for="account in accountList">
             <div class="content-line">
-              <span class="inline-block title">开户银行：</span>
-              <span class="inline-block content text-ellipse">{{account.bankname}}</span>
-            </div>
-            <div class="content-line">
-              <span class="inline-block title">开户支行：</span>
-              <span class="inline-block content text-ellipse">{{account.branchname}}</span>
+              <span class="inline-block title">开户名称：</span>
+              <span class="inline-block content text-ellipse">{{account.accountname}}</span>
             </div>
             <div class="content-line">
               <span class="inline-block title">银行账户：</span>
               <span class="inline-block content text-ellipse">{{account.number}}</span>
             </div>
             <div class="content-line">
-              <span class="inline-block title">开户名称：</span>
-              <span class="inline-block content text-ellipse">{{account.accountname}}</span>
+              <span class="inline-block title">开户银行：</span>
+              <span class="inline-block content text-ellipse">{{account.bankname}}</span>
+            </div>
+            <div class="content-line">
+              <span class="inline-block title">开户支行：</span>
+              <span class="inline-block content text-ellipse">{{account.branchname}}</span>
             </div>
             <!-- <div class="content-line clearfix">
                <span class="inline-block title">操作：</span>
@@ -167,6 +167,14 @@
       <div class="account-modal-wrap add-account-modal">
         <div class="account-modal">
           <p class="title">新增账户</p>
+          <div class="modal-content-line">
+            <span class="inline-block"><i>*</i>开户名称：</span>
+            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
+          </div>
+          <div class="modal-content-line">
+            <span class="inline-block"><i>*</i>银行账号：</span>
+            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
+          </div>
           <div class="modal-content-line">
             <span class="inline-block"><i>*</i>开户银行：</span>
             <input type="text" readonly placeholder="例如：中国银行" v-model="bankAccountObj.bankname" @click.stop="showSimilar = !showSimilar">
@@ -178,14 +186,6 @@
             <span class="inline-block"><i>*</i>开户支行：</span>
             <input type="text" placeholder="例如：侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
           </div>
-          <div class="modal-content-line">
-            <span class="inline-block"><i>*</i>银行账号：</span>
-            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
-          </div>
-          <div class="modal-content-line">
-            <span class="inline-block"><i>*</i>开户名称：</span>
-            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
-          </div>
           <div class="modal-content-line clearfix">
             <p class="remind"><i>*</i>为保障您的资金安全，账户信息加密显示且不可修改，只能删除后重新提交。</p>
           </div>

pages/mobile/center/vendor/payCenter.vue

@@ -10,6 +10,14 @@
       <!--<p class="mp-content-header">已设置的账户信息<span class="fr" @click="openAddAccount"><i class="iconfont icon-xinzeng"></i>新增账户</span></p>-->
       <template v-if="accountList && accountList.length === 0">
         <div class="new-account">
+          <div class="new-content-line">
+            <span class="inline-block"><i>*</i>开户名称：</span>
+            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
+          </div>
+          <div class="new-content-line">
+            <span class="inline-block"><i>*</i>银行账号：</span>
+            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
+          </div>
           <div class="new-content-line">
             <span class="inline-block"><i>*</i>开户银行：</span>
             <input type="text" readonly placeholder="例如：中国银行" v-model="bankAccountObj.bankname" @click.stop="showNewSimilar = !showNewSimilar">
@@ -21,14 +29,6 @@
             <span class="inline-block"><i>*</i>开户支行：</span>
             <input type="text" placeholder="例如：侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
           </div>
-          <div class="new-content-line">
-            <span class="inline-block"><i>*</i>银行账号：</span>
-            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
-          </div>
-          <div class="new-content-line">
-            <span class="inline-block"><i>*</i>开户名称：</span>
-            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
-          </div>
           <div class="am-btn-wrap">
             <button @click="addAccount">确认</button>
           </div>
@@ -50,20 +50,20 @@
         <ul class="mp-list">
           <li v-for="account in accountList">
             <div class="content-line">
-              <span class="inline-block title">开户银行：</span>
-              <span class="inline-block content text-ellipse">{{account.bankname}}</span>
-            </div>
-            <div class="content-line">
-              <span class="inline-block title">开户支行：</span>
-              <span class="inline-block content text-ellipse">{{account.branchname}}</span>
+              <span class="inline-block title">开户名称：</span>
+              <span class="inline-block content text-ellipse">{{account.accountname}}</span>
             </div>
             <div class="content-line">
               <span class="inline-block title">银行账户：</span>
               <span class="inline-block content text-ellipse">{{account.number}}</span>
             </div>
             <div class="content-line">
-              <span class="inline-block title">开户名称：</span>
-              <span class="inline-block content text-ellipse">{{account.accountname}}</span>
+              <span class="inline-block title">开户银行：</span>
+              <span class="inline-block content text-ellipse">{{account.bankname}}</span>
+            </div>
+            <div class="content-line">
+              <span class="inline-block title">开户支行：</span>
+              <span class="inline-block content text-ellipse">{{account.branchname}}</span>
             </div>
             <div class="content-line">
               <span class="inline-block title">状态：</span>
@@ -142,6 +142,14 @@
       <div class="add-account-modal in-wrapper">
         <div class="account-modal">
           <p class="title">新增账户</p>
+          <div class="modal-content-line">
+            <span class="inline-block"><i>*</i>开户名称：</span>
+            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
+          </div>
+          <div class="modal-content-line">
+            <span class="inline-block"><i>*</i>银行账号：</span>
+            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
+          </div>
           <div class="modal-content-line">
             <span class="inline-block"><i>*</i>开户银行：</span>
             <input type="text" readonly placeholder="例如：中国银行" v-model="bankAccountObj.bankname" @click.stop="showSimilar = !showSimilar">
@@ -153,14 +161,6 @@
             <span class="inline-block"><i>*</i>开户支行：</span>
             <input type="text" placeholder="例如：侨香支行" v-model="bankAccountObj.branchname" @blur="checkBranchname">
           </div>
-          <div class="modal-content-line">
-            <span class="inline-block"><i>*</i>银行账号：</span>
-            <input type="text" placeholder="请填写银行账号" v-model="bankAccountObj.number" @blur="checkNumber">
-          </div>
-          <div class="modal-content-line">
-            <span class="inline-block"><i>*</i>开户名称：</span>
-            <input type="text" placeholder="请填写开户人姓名或企业名称" v-model="bankAccountObj.accountname" @blur="checkAccountname">
-          </div>
           <!--<div class="modal-content-line upload">
             <span class="inline-block"><i>*</i>上传开户许可证：</span>
             <input type="text" v-model="file.name" disabled>