运费模板小数点修改

.env.development

@@ -5,8 +5,8 @@ ENV = 'development'
 #VUE_APP_BASE_API = 'http://sj.jxhh.com/api/v1'
 
 # 测试环境
-#VUE_APP_BASE_API = 'http://192.168.26.179:6605/api/v1'
-VUE_APP_BASE_API = 'http://192.168.111.240:6605/api/v1'
+VUE_APP_BASE_API = 'http://192.168.26.179:6605/api/v1'
+#VUE_APP_BASE_API = 'http://192.168.111.240:6605/api/v1'
 
 # 文档模块 直接调用 sys开放接口
 VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com'

src/views/system/freight/freight_list/indexbtn.vue

@@ -36,7 +36,7 @@
               <p class="col_pr">运费(元)</p>
               <p class="col_pr">续费/重(个/克)</p>
               <p class="col_pr">续费(元)</p>
-              <p class="col_pr">管理</p>
+              <!-- <p class="col_pr">管理</p> -->
             </div>
             <div
               v-for="(item, index) in goodsDate.dispatching"
@@ -67,6 +67,8 @@
                 <el-input
                   v-model="item.fp"
                   placeholder=""
+                  @keyup.native="
+                  item.fp = oninput(item.fp)"
                   style="width: 70%"
                 ></el-input>
               </p>
@@ -81,6 +83,8 @@
                 <el-input
                   v-model="item.np"
                   placeholder=""
+                  @keyup.native="
+                  item.np = oninput(item.np)"
                   style="width: 70%"
                 ></el-input>
               </p>
@@ -340,8 +344,8 @@ export default {
             this.$message({ message: '新增成功', type: 'success'});
           }else {
             this.goodsDate.dispatching.forEach(item=>{
-              item.fp= Number(item.fp/100).toFixed();
-              item.np = Number(item.np/100).toFixed();
+              item.fp= Number(item.fp/100)
+              item.np = Number(item.np/100)
             })
             this.$message({type:'error',message: res.message ? res.message : '新增失败'});
           }
@@ -353,8 +357,8 @@ export default {
             this.$message({ message: '修改成功', type: 'success'});
           }else {
             this.goodsDate.dispatching.forEach(item=>{
-              item.fp= Number(item.fp/100).toFixed();
-              item.np = Number(item.np/100).toFixed();
+              item.fp= Number(item.fp/100)
+              item.np = Number(item.np/100)
             })
             this.$message({type:'error',message: res.message ? res.message : '修改失败'});
           }
@@ -382,10 +386,41 @@ export default {
     info() {
       this.goodsDate = this.option
       this.goodsDate.dispatching.forEach(item=>{
-        item.fp= Number(item.fp/100).toFixed();
-        item.np = Number(item.np/100).toFixed();
+        item.fp= Number(item.fp/100)
+        item.np = Number(item.np/100)
       })
     },
+    oninput(value) {
+      let str = value;
+      let len1 = str.substr(0, 1);
+      let len2 = str.substr(1, 1);
+      //如果第一位是0，第二位不是点，就用数字把点替换掉
+      if (str.length > 1 && len1 == 0 && len2 != ".") {
+        str = str.substr(1, 1);
+      }
+      //第一位不能是.
+      if (len1 == ".") {
+        str = "";
+      }
+      if (len1 == "+") {
+        str = "";
+      }
+      if (len1 == "-") {
+        str = "";
+      }
+
+      //限制只能输入一个小数点
+      if (str.indexOf(".") != -1) {
+        let str_ = str.substr(str.indexOf(".") + 1);
+        if (str_.indexOf(".") != -1) {
+          str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
+        }
+      }
+      //正则替换
+      str = str.replace(/[^\d^\.]+/g, ""); // 保留数字和小数点
+      str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, "$1"); // 小数点后只能输 2 位
+      return str;
+    },
   },
 };
 </script>