fix: 支付运费

lxf
1 parent 96060125
Showing 7 changed files with 47 additions and 25 deletions Show diff stats
iconfont/iconfont.css
iconfont/iconfont.ttf
main.js
pages/me/index.vue
pages/payPlan/card.vue
pages/payPlan/list.vue
pages/payPlan/paySubmit.vue
@@ -370,3 +370,9 @@
   content: "\e722";
 }
+.icon-radio-no:before {
+  content: "\e723";
+}
+.icon-radio-chose:before {
+  content: "\e724";
+}
 import Vue from 'vue';
 import App from './App';
-import '@/config/umtrack.js';
+// import '@/config/umtrack.js';
 import cache from '@/utils/cache';
 import { formatImagePath } from '@/utils/imagePath';
@@ -45,7 +45,8 @@
     </view>
     <view class="page-my__list">
       <u-cell-group>
-        <u-cell v-if="$permission('/settlement/paymentPlan')" label="支付计划" is-link url="/pages/payPlan/list"> </u-cell>
+        <!--        <u-cell v-if="$permission('/settlement/paymentPlan')" icon="file-text" title="支付申请" is-link url="/pages/payPlan/list"> </u-cell>-->
+        <u-cell v-if="$permission('/settlement/paymentPlan')" icon="rmb" icon-style="color:#333" title-style="color:#333" title="支付计划" is-link url="/pages/payPlan/list"> </u-cell>
       </u-cell-group>
     </view>
     <view class="page-my__login">
@@ -7,9 +7,8 @@
       <view style="display: flex">
         <render-dict v-if="item.payStatus" class="status" :style="{ color: colorMap[item.payStatus] }" dict="ONLINE_FREIGHT_ORDER_PAY_STATUS" :value="item.payStatus"></render-dict>
         <template v-if="choseMore">
-          <u-radio-group :value="choseIds.includes(item.id) ? item.id : ''">
-            <u-radio :name="item.id"></u-radio>
-          </u-radio-group>
+          <zui-icon v-if="choseIds.includes(item.id)" name="radio-chose" size="18px" color="#1E7B6B"></zui-icon>
+          <zui-icon v-else name="radio-no" size="18px"></zui-icon>
           <!--          <u-icon v-if="choseIds.includes(item.id)" name="checkmark-circle-fill" size="20" color="#1E7B6B"></u-icon>-->
         </template>
       </view>
@@ -60,13 +60,14 @@
             笔款项
           </view>
           <view class="but-view">
+            <u-button type="info" size="small" @click="toCancelChose">取消</u-button>
             <u-button type="primary" size="small" @click="toPayUrl">去支付</u-button>
           </view>
         </view>
         <u-safe-bottom></u-safe-bottom>
       </view>
     </template>
-    <u-popup :show="popShow" @close="popShow = false" closeable mode="center" :round="10">
+    <u-popup :show="popShow" @close="closePopShow" @click="closePopShow" mode="center" :round="10" :safeAreaInsetBottom="false">
       <view class="popup">
         <view class="title">支付信息确认</view>
         <view class="alert"><u-icon name="error-circle" size="12"> </u-icon>列表长按可以批量选择支付哦~ </view>
@@ -80,15 +81,15 @@
         </view>
         <view class="but">
           <u-button @tap="popShow = false">取消</u-button>
-          <u-button type="primary" @tap="(popShow = false), (pwdShow = true)">继续支付</u-button>
+          <u-button type="primary" @tap="(pwdStr = ''), (popShow = false), (pwdShow = true)">继续支付</u-button>
         </view>
       </view>
     </u-popup>
-    <u-popup :show="pwdShow" :closeable="false" mode="center" :round="10">
+    <u-popup :show="pwdShow" mode="center" :round="10" :safeAreaInsetBottom="false">
       <view class="popup">
         <view class="title">输入密码</view>
         <view class="row">
-          <u-input v-model="pwdStr" type="password" input-align="center" placeholder="请输入支付密码"></u-input>
+          <u-input v-model="pwdStr" type="password" input-align="center" border="bottom" placeholder="请输入支付密码"></u-input>
         </view>
         <view class="but">
           <u-button @tap="(pwdShow = false), (popShow = true)">取消</u-button>
@@ -271,6 +272,10 @@ export default {
         },
       });
     },
+    toCancelChose() {
+      this.selection = [];
+      this.longClickFlag = false;
+    },
     choseItemFun(id) {
       if (this.longClickFlag) {
         if (this.selection.includes(id)) {
@@ -278,9 +283,6 @@ export default {
         } else {
           this.selection.push(id);
         }
-        if (this.selection.length === 0) {
-          this.longClickFlag = false;
-        }
       }
     },
     longClick(item) {
@@ -316,19 +318,28 @@ export default {
       uni.$u.api.paymentPlan
         .checkPayPassword({ payPassword: this.pwdStr })
         .then(res => {
-          uni.$u.api.paymentPlan.pay(this.selection).then(res => {
-            this.loading = false;
-            this.pwdStr = '';
-            uni.showToast({ title: '提交成功' });
-            this.search();
-            this.pwdShow = false;
-            this.popShow = false;
-          });
+          uni.$u.api.paymentPlan
+            .pay(this.selection)
+            .then(res => {
+              this.loading = false;
+              this.pwdStr = '';
+              uni.showToast({ title: '提交成功' });
+              this.onSearch();
+              this.pwdShow = false;
+              this.popShow = false;
+            })
+            .catch(() => {
+              this.loading = false;
+            });
         })
         .catch(() => {
           this.loading = false;
         });
     },
+    closePopShow() {
+      console.info('close');
+      this.popShow = false;
+    },
     toPayUrl() {
       uni.showLoading({ title: '加载中' });
       let selection = this.selection;
@@ -481,7 +492,9 @@ export default {
   .popup {
     padding-left: $padding-md;
     padding-right: $padding-md;
+    padding-bottom: $padding-lg;
     width: 70vw;
+    z-index: 100;
     .title {
       padding-top: $padding-xs;
       padding-bottom: $padding-xs;
@@ -528,7 +541,9 @@ export default {
       justify-content: space-between;
       padding: 10px;
       .but-view {
-        max-width: 100px;
+        display: flex;
+        gap: 10px;
+        max-width: 210px;
       }
     }
   }
@@ -49,13 +49,13 @@
       </view>
     </template>
     <template #footer>
-      <u-button :loading="loading" type="primary" @tap="pwdShow = true">继续支付</u-button>
+      <u-button :loading="loading" type="primary" @tap="(pwdStr = ''), (pwdShow = true)">继续支付</u-button>
     </template>
-    <u-popup :show="pwdShow" :closeable="false" mode="center" :round="10">
+    <u-popup :show="pwdShow" :closeable="false" mode="center" :round="10" :safeAreaInsetBottom="false">
       <view class="popup">
         <view class="title">输入密码</view>
         <view class="row">
-          <u-input v-model="pwdStr" type="password" input-align="center" placeholder="请输入支付密码"></u-input>
+          <u-input v-model="pwdStr" type="password" input-align="center" border="bottom" placeholder="请输入支付密码"></u-input>
         </view>
         <view class="but">
           <u-button @tap="pwdShow = false">取消</u-button>
@@ -147,7 +147,7 @@ export default {
       margin: 10px;
       display: flex;
       .label {
-        width: 140rpx;
+        width: 180rpx;
       }
     }
   }
@@ -202,6 +202,7 @@ export default {
   .popup {
     padding-left: $padding-md;
     padding-right: $padding-md;
+    padding-bottom: $padding-lg;
     width: 70vw;
     .title {
       padding-top: $padding-xs;
	@@ -370,3 +370,9 @@		@@ -370,3 +370,9 @@
370	content: "\e722";	370	content: "\e722";
371	}	371	}
372		372
		373	+.icon-radio-no:before {
		374	+ content: "\e723";
		375	+}
		376	+.icon-radio-chose:before {
		377	+ content: "\e724";
		378	+}
1	import Vue from 'vue';	1	import Vue from 'vue';
2	import App from './App';	2	import App from './App';
3	-import '@/config/umtrack.js';	3	+// import '@/config/umtrack.js';
4	import cache from '@/utils/cache';	4	import cache from '@/utils/cache';
5	import { formatImagePath } from '@/utils/imagePath';	5	import { formatImagePath } from '@/utils/imagePath';
6		6