feat(financial): 充值不能输入负数

src/pages/financial/index.vue

@@ -31,10 +31,7 @@
         <u-row gutter="10">
           <u-col span="12">
             <u-form-item :label="'充值方式'">
-                <u-radio-group
+              <u-radio-group v-model="rechargeMethod" placement="row">
-                  v-model="rechargeMethod"
-                  placement="row"
-                >
                 <u-radio
                   :customStyle="{ marginLeft: '20rpx' }"
                   v-for="(item, index) in czWayList"
@@ -91,14 +88,19 @@
             <u-col span="12">
               <u-form-item
                 :label="
-                  item.pkTransactionKeyVal  +
+                  item.pkTransactionKeyVal + `${'变更'}(${isLocalSymbol()})`
-                  `${'变更'}(${isLocalSymbol()})`
                 "
               >
-                <u--input
+                <u-number-box
-                  fontSize="24rpx"
+                  :style="{
+                    width: '100%',
+                  }"
+                  inputWidth="100%"
+                  :min="0"
+                  :showMinus="false"
+                  :showPlus="false"
                   v-model="tableData[0].rechargeDetailMap[`${item.pkId}`]"
-                ></u--input>
+                ></u-number-box>
               </u-form-item>
             </u-col>
           </u-row>
@@ -130,7 +132,6 @@
         @click="saveDate"
         color="#C8161D"
         text="充值"
-        
         v-hasButtons="['ChongzhiConfirm']"
         class="btnn"
       ></u-button>
@@ -140,33 +141,32 @@
   </view>
 </template>
 <script>
-import * as api from "@/api/financial";
+  import * as api from '@/api/financial';
-import { isLocals, isLocalSymbol } from "@/util/numberToCurrency";
+  import { isLocals, isLocalSymbol } from '@/util/numberToCurrency';
 
-export default {
+  export default {
     data() {
       return {
         tableData: [],
         select: {
-        memberCode: "",
+          memberCode: '',
         },
         rechargeMethod: 1,
-      czWayList: [], //充值方式
+        czWayList: [], // 充值方式
-      enumsAccountList: [], //钱包类型
+        enumsAccountList: [], // 钱包类型
-      paymentTypeList: [], //交款方式
+        paymentTypeList: [], // 交款方式
       };
     },
     onLoad() {
-    //交款方式
+      // 交款方式
       this.getpaymentType();
-    //充值方式
+      // 充值方式
       this.getrechargeMethod();
     },
     methods: {
       isLocalSymbol,
-    //充值
+      // 充值
       saveDate() {
-      
         let shouldTerminate = false;
 
         this.tableData.forEach((ele) => {
@@ -174,18 +174,17 @@ export default {
             shouldTerminate = true;
             uni.showToast({
               title: '交款方式不能为空',
-              icon: "none",
+              icon: 'none',
               duration: 1500,
             });
-          return;
           }
         });
         if (!shouldTerminate) {
           uni.navigateTo({
             url:
-            "/pages/financial/czzxqc?czlx=1&rechargeMethod=" +
+              '/pages/financial/czzxqc?czlx=1&rechargeMethod=' +
               this.rechargeMethod +
-            "&detailParams=" +
+              '&detailParams=' +
               JSON.stringify(this.tableData),
           });
         }
@@ -193,37 +192,39 @@ export default {
       bindPickerChange1(e) {
         this.$set(
           this.tableData[0],
-        "paymentMethodName",
+          'paymentMethodName',
           this.paymentTypeList[e.detail.value].label
         );
         this.$set(
           this.tableData[0],
-        "paymentMethod",
+          'paymentMethod',
           this.paymentTypeList[e.detail.value].value
         );
       },
-    //钱包类型
+      // 钱包类型
       getenumsCzAccount() {
         api.getenumsCzAccount({ accountProperty: 1 }).then((res) => {
           this.enumsAccountList = res.rows;
         });
       },
-    //交款方式
+      // 交款方式
       getpaymentType() {
         api.getpaymentType().then((res) => {
           this.paymentTypeList = res.data;
         });
       },
-    //充值方式
+      // 充值方式
       getrechargeMethod() {
         api.getrechargeMethod().then((res) => {
           this.czWayList = res.data;
         });
       },
-    //根据会员编号查询会员姓名
+      // 根据会员编号查询会员姓名
       changeName() {
-      api.getMemberName({ memberCode: this.select.memberCode }).then((res) => {
+        api
-        this.$set(this.select, "memberName", res.memberName);
+          .getMemberName({ memberCode: this.select.memberCode })
+          .then((res) => {
+            this.$set(this.select, 'memberName', res.memberName);
             this.getList();
           });
       },
@@ -238,7 +239,7 @@ export default {
               ele.rechargeDetailMap = {};
             });
             this.tableData = res.data;
-          //钱包类型
+            // 钱包类型
             this.getenumsCzAccount();
           });
       },
@@ -246,14 +247,14 @@ export default {
         this.rechargeMethod = n;
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-::v-deep .u-form-item__body__left__content__label {
+  ::v-deep .u-form-item__body__left__content__label {
     font-size: 24rpx;
     font-weight: bold;
-}
+  }
-.content {
+  .content {
     padding: 18rpx 24rpx 120rpx 24rpx;
     background: #f9f9f9;
     .footer {
@@ -292,5 +293,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>