update

src/modules/home/components/OfflinePay.vue

 <template>
-  <div class="offline-box">
-    <div class="call" v-if="data.offline_info">线下支付联系方式：{{ data.offline_info }}</div>
-    <div class="remarks" v-if="data.offline_more_info">
-      <div class="title">线下支付信息：</div>
-      <div class="centent" v-html="data.offline_more_info"></div>
-    </div>
-    <div class="remarks">
-      <div class="title">备注信息：</div>
-      <div class="textarea-content">
-        <textarea placeholder="请输入备注" v-model="form.comment"></textarea>
+  <div>
+    <commonheader title="线下支付" />
+    <div class="offline-box">
+      <div class="call" v-if="data.offline_info">线下支付联系方式：{{ data.offline_info }}</div>
+      <div class="remarks" v-if="data.offline_more_info">
+        <div class="title">线下支付信息：</div>
+        <div class="centent" v-html="data.offline_more_info"></div>
       </div>
+      <div class="remarks">
+        <div class="title">备注信息：</div>
+        <div class="textarea-content">
+          <textarea placeholder="请输入备注" v-model="form.comment"></textarea>
+        </div>
+      </div>
+      <div class="upload">
+        <div class="title">上传支付凭证：</div>
+        <!-- <van-uploader :after-read="afterRead" /> -->
+        <upload-image @input="input"></upload-image>
+      </div>
+      <div class="confim-btn" @click="uploadPay">确认</div>
     </div>
-    <div class="upload">
-      <div class="title">上传支付凭证：</div>
-      <!-- <van-uploader :after-read="afterRead" /> -->
-      <upload-image @input="input"></upload-image>
-    </div>
-    <div class="confim-btn" @click="uploadPay">确认</div>
   </div>
 </template>
 
 <script>
 import { uploadPay } from '../api.js'
+import Commonheader from './Commonheader.vue'
 import UploadImage from '@/components/upload/UploadImage.vue'
 export default {
   components: {
-    UploadImage
+    UploadImage,
+    Commonheader
   },
   props: {
     data: {

src/modules/home/views/MyOrder.vue

@@ -116,11 +116,10 @@ export default {
           return list
         })
         .sort((a, b) => a.index - b.index)
+      stepDetails.pay_price = item.activity.details.find(id => id.id === item.list[0].pay_record.activity_detail_id).pay_price
       delete item.activity.details
       stepDetails.activityInfo = item.activity
       stepDetails.join_rand = item.join_rand
-      stepDetails.pay_price = item.list[0].pay_record.pay_amount
-      console.log(item)
       window.localStorage.orderStepDetails = JSON.stringify([stepDetails])
       this.$router.push({
         path: '/SignMainPage'

src/modules/home/views/OrderConfirm.vue

@@ -140,7 +140,7 @@ export default {
     // 共优惠价格
     totalCompanyPrice() {
       return this.selctOrderData
-        .map(item => Number(this.payPrice) - Number(item.pay_record.pay_amount))
+        .map(item => Number(this.payPrice) - Number(item.pay_record.pay_amount) < 0 ? 0 : Number(this.payPrice) - Number(item.pay_record.pay_amount))
         .reduce((pre, nex) => (pre += nex), 0)
         .toFixed(2)
     }
@@ -179,13 +179,14 @@ export default {
     // 实付价样式
     getPayPrice() {
       const splitPrice = this.payPrice.toString().split('.')
+      console.log(111, this.payPrice, this.data)
       // //2.重新赋值
       return `<span style="font-size:0.34rem;">${splitPrice[0]}</span>.<span style="font-size:0.2rem;">${splitPrice[1]}</span>`
     },
     // 优惠价格样式
     getCompanyPrice(item) {
       const companyPrice = (Number(this.payPrice).toFixed(2) - Number(item.pay_record.pay_amount).toFixed(2)).toFixed(2)
-      const splitPrice = companyPrice.split('.')
+      const splitPrice = companyPrice < 0 ? '0.00'.split('.') : companyPrice.split('.')
       // //2.重新赋值
       return `<span style="font-size:0.34rem;">${splitPrice[0]}</span>.<span style="font-size:0.2rem;">${splitPrice[1]}</span>`
     },