ios页面更改

src/views/index/supplySettlement.vue

@@ -40,24 +40,27 @@
           <div>小轮个数</div>
           <div>等候费</div>
           <div>困境费</div>
-          <div class="blueColor">已收取客户金额</div>
+          <div class="blueColor" style="font-weight: 500;font-size: 14px">已收取客户金额</div>
         </div>
         <div class="rightInputMeters" style="opacity: 1">
           <div class="alignRight"><input type="number" v-model="form.tyreNumber"/>个</div>
           <div  class="alignRight"><input type="number" v-model="form.waitAmount"/>元</div>
           <div class="alignRight"><input type="number" v-model="form.dilemmaFee"/>元</div>
-          <div class="blueColor"><input type="number" v-model="form.customerAmount"/>元</div>
+          <div class="blueColor" style="font-weight: 500;font-size: 14px ;"><input  class="blueColor" type="number" v-model="form.customerAmount"/>元</div>
         </div>
       </div>
     </div>
-    <div class="fixed-bottom">
-      <common-btn class="btn" @submitClick="submit" />
+    <div class="btn">
+      <button>提交</button>
     </div>
+<!--    <div class="fixed-bottom">-->
+<!--      <common-btn class="btn" @submitClick="submit" />-->
+<!--    </div>-->
   </div>
 </template>
 
 <script>
-import CommonBtn  from "@/components/commonBtn.vue"
+// import CommonBtn  from "@/components/commonBtn.vue"
 import {leftCopy} from  "@/utils/common"
 import {getOrderSettlement, updateOrderSettlement} from "@/api/order"
 export default {
@@ -127,7 +130,7 @@ export default {
     }
   },
   components:{
-    CommonBtn
+    // CommonBtn
   }
 }
 </script>
@@ -135,10 +138,9 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 .wrap {
-  @include wh(100%,100vh);
+  @include wh(100%,100%);
   background-color: #F4F5F7;
-  overflow-y: auto;
-  position: relative;
+  overflow-y: scroll;
 }
 .common {
   @include wh(100%, 161px);
@@ -150,7 +152,7 @@ export default {
 }
 .otherFee {
   @include wh(100%, 198px);
-  margin-bottom: 20px;
+  //margin-bottom: 20px;
 }
 .title {
   @include fontWeightSize(bold, 14px);
@@ -170,9 +172,6 @@ export default {
   justify-content: space-between;
   line-height: 37px;
   .blueColor{
-    display: flex;
-    flex-wrap: nowrap;
-    @include fontWeightSize(bold,14px);
     color: #4682FE;
   }
   .alignRight{
@@ -188,6 +187,7 @@ export default {
     color: #323643;
     opacity: .5;
     input {
+      height: 30px;
       border: none;
       text-align: right;
       color: #323643;
@@ -195,22 +195,20 @@ export default {
     }
   }
 }
-.fixed-bottom {
-
-  position: fixed;   /* 设置按钮容器为固定定位 */
-  left: 0;
-  right: 0;
-  bottom: 0;
-  //padding: 10px;  /* 可根据需要调整按钮容器的内边距 */
-  //background-color: #f0f0f0; /* 可根据需要设置按钮容器的背景颜色 */
-  //box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); /* 可根据需要添加按钮容器的阴影效果 */
-}
-/* 如果需要调整按钮在底部容器内的位置，可以使用更具体的选择器进行样式调整 */
-.fixed-bottom .btn {
-
-  position: absolute; /* 将按钮设置为绝对定位 */
-  bottom: 30px; /* 可根据需要调整按钮距离底部的距离 */
-  left: 50%; /* 可根据需要调整按钮在容器中的水平位置 */
-  transform: translateX(-50%); /* 将按钮向左偏移自身宽度的一半，使其居中 */
+.btn {
+margin-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  button {
+    border: none;
+    border-radius: 5px;
+    text-align: center;
+    @include bgFontColor(#FFFFFF,#354D93);
+    @include fontWeightSize(bold,15px);
+    @include whLin(88%,48px);
+  }
 }
 </style>

src/views/index/vehicleAdd.vue

@@ -152,7 +152,7 @@ export default {
           vehicleId:this.id ? this.id : '',
           plateNumber:this.carNum ? this.carNum :'',
           vehicleType:this.selectedOption ? this.selectedOption : '',
-          hasPolymerization:Number(this.isJoin ? this.isJoin : '') ,
+          hasPolymerization:this.isJoin ? this.isJoin : '',
           serviceIds:this.serviceIds ? this.serviceIds : []
         })
         if(this.id){