瀏覽代碼

feat: 增加个人账户支付选择

carver 1 年之前
父節點
當前提交
fde8657712

+ 37 - 0
antbuilder/industry/hospitalV2/components/hospital-payment-detail-yibao/index.acss

@@ -375,4 +375,41 @@
 
   .actionsheet-box-item-value.em {
     color: #3B71EB;
+  }
+
+  .personal-pay {
+    font-size: 13px;
+    margin: 20px;
+  }
+
+  .personal-pay .title {
+    margin: 15px 0;
+    font-size: 15px;
+  }
+
+  .personal-pay .btns {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .personal-pay .btns {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .personal-pay .btns button {
+    width: 48%;
+    padding: 5px 10px;
+    border-radius: 4px;
+    border: 1px solid #666;
+    color: #666;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .personal-pay button.y {
+    border-color: #3b71e8;
+    color: #3b71e8;
+    background-color: #3b72e83e;
   }

+ 13 - 6
antbuilder/industry/hospitalV2/components/hospital-payment-detail-yibao/index.axml

@@ -16,25 +16,25 @@
         <View class="box">
           <View class="box-hd">
             <View class="box-hd-label">费用总额</View>
-            <View class="box-hd-value">342.23元</View>
+            <View class="box-hd-value">{{isCulculate ? '核算中': "342.23元"}}</View>
           </View>
           <View class="box-bd">
             <View class="box-item">
               <View class="box-bd-label">医保基金支付</View>
-              <View class="box-bd-value">233元</View>
+              <View class="box-bd-value">{{isCulculate ? '核算中': "342.23元"}}</View>
             </View>
             <View class="box-item">
               <View class="box-bd-label">个人帐户支付</View>
-              <View class="box-bd-value">233元</View>
+              <View class="box-bd-value">{{isCulculate ? '核算中': "342.23元"}}</View>
             </View>
             <View class="box-item">
               <View class="box-bd-label">其他抵扣金额</View>
-              <View class="box-bd-value">233元</View>
+              <View class="box-bd-value">0元</View>
             </View>
           </View>
           <View class="box-ft">
             <View class="box-ft-label">现金支付</View>
-            <View class="box-ft-value">56元</View>
+            <View class="box-ft-value">{{isCulculate ? '核算中': "342.23元"}}</View>
           </View>
           <View
             class="box-append"
@@ -43,6 +43,13 @@
             查看明细
           </View>
         </View>
+        <View className="personal-pay">
+          <View className="title">个人账户支付</View>
+          <View className="btns">
+            <button  data-valuex="{{ true }}" onTap="handleIsUserPersonalAccount" className="{{isUserPersonalAccount ? 'y' : 'n'}}">使用</button>
+            <button  data-valuex="{{ false }}" onTap="handleIsUserPersonalAccount" className="{{!isUserPersonalAccount ? 'y' : 'n'}}">不使用</button>
+          </View>
+        </View>
         <View class="bd-append">
           <view class="bd-append-icon"></view>
           <View class="bd-append-text">医保移动支付</View>
@@ -51,7 +58,7 @@
       <View class="ft">
         <View class="pay">
           <View class="pay-label">您还需支付:</View>
-          <View class="pay-value">¥5823</View>
+          <View class="pay-value">{{isCulculate ? '核算中': "¥5823"}}</View>
         </View>
         <View
           class="{{!canPay ? 'disable btn' : 'btn'}}"

+ 19 - 0
antbuilder/industry/hospitalV2/components/hospital-payment-detail-yibao/index.js

@@ -14,6 +14,8 @@ Component({
 
     ],
     actionsheetVisible: false,
+    isUserPersonalAccount: true,
+    isCulculate: false
   },
 
   didMount() {
@@ -39,6 +41,23 @@ Component({
       return newList || [];
     },
 
+    handleIsUserPersonalAccount(e) {
+      my.showLoading();
+      const _this = this
+      const { valuex } = e.currentTarget.dataset;
+      this.setData({
+        isUserPersonalAccount: valuex,
+        isCulculate: true
+      }, () => {
+        setTimeout(() => {
+          my.hideLoading()
+          _this.setData({
+            isCulculate: false
+          })
+        }, 3000)
+      })
+    },
+
     getPayDetail(query) {
       console.log("query ==>", query);
       let infoList = [];

+ 1 - 16
antbuilder/industry/hospitalV2/components/hospital-payment-detail/index.js

@@ -235,26 +235,11 @@ Component({
 
     async onYbPay() {
       const query = this.$page.data.query;
-			await getSubscribeAuth();
+      await getSubscribeAuth();
       my.getAuthCode({
         scopes: ["nhsamp", "auth_user"], // 主动授权:auth_user,静默授权:auth_base。或者其它scopes
         success: (res) => {
           if (res.authCode) {
-            console.log("res.authCode==>", res.authCode);
-            // 认证成功
-            // 调用自己的服务端接口,让服务端进行后端的授权认证,并且利用session,需要解决跨域问题
-            // my.request({
-            //   url: "https://isv.com/auth", // 该url是您自己的服务地址,实现的功能是服务端拿到authcode去开放平台进行token验证
-            //   data: {
-            // 	authcode: res.authCode,
-            //   },
-            //   success: () => {
-            // 	// 授权成功并且服务器端登录成功
-            //   },
-            //   fail: () => {
-            // 	// 根据自己的业务场景来进行错误处理
-            //   },
-            // });
             history.push({
               title: "确认支付",
               query: Object.assign(query, { authCode: res.authCode }),