submit

pages/paySuccess/paySuccess.vue

@@ -1,49 +1,49 @@
 <template>
   <view class="main">
     <image
-      src="@/static/image/paySuccess.png"
-      mode="scaleToFill"
-      style="width:218rpx;height:54rpx;margin-top:150rpx"
+        src="@/static/image/paySuccess.png"
+        mode="scaleToFill"
+        style="width:218rpx;height:54rpx;margin-top:150rpx"
     />
     <view class="info">
       <view>
-        <image src="../../static/bbj1@3x.png" mode="scaleToFill" style="width:191rpx;height:146rpx" />
+        <image src="../../static/bbj1@3x.png" mode="scaleToFill" style="width:191rpx;height:146rpx"/>
       </view>
       <view class="info-right">
         <view class="info-right-item">
           <view class="title">画作编号</view>
-          <view class="content">{{info.artworkNum}}</view>
+          <view class="content">{{ info.artworkNum }}</view>
         </view>
         <view class="info-right-item">
           <view class="title">画作名称</view>
-          <view class="content">{{info.artworkName}}</view>
+          <view class="content">{{ info.artworkName }}</view>
         </view>
         <view class="info-right-item">
           <view class="title">画家名称</view>
-          <view class="content">{{info.artistName}}</view>
+          <view class="content">{{ info.artistName }}</view>
         </view>
         <view class="info-right-item">
           <view class="title">画作平尺数</view>
-          <view class="content">{{info.artworkSize}}</view>
+          <view class="content">{{ info.artworkSize }}</view>
         </view>
       </view>
     </view>
     <view class="order-info">
       <view class="info-right-item">
         <view class="title">订单编号</view>
-        <view class="content">{{info.artworkNum}}</view>
+        <view class="content">{{ info.artworkNum }}</view>
       </view>
       <view class="info-right-item">
         <view class="title">寄存地址</view>
-        <view class="content">{{info.warehouseName}}</view>
+        <view class="content">{{ info.warehouseName }}</view>
       </view>
       <view class="info-right-item">
         <view class="title">寄存时限</view>
-        <view class="content">{{info.cycleName}}</view>
+        <view class="content">{{ info.cycleName }}</view>
       </view>
       <view class="info-right-item">
         <view class="title">付款金额</view>
-        <view class="content">{{info.money}}</view>
+        <view class="content">{{ info.money }}</view>
       </view>
     </view>
     <view class="tips">*请携带您的画作在时限之前到达寄存地</view>
@@ -62,21 +62,24 @@
 import {postDataByParams} from "../../http/service";
 
 export default {
-  name:'paySuccess',
-  data(){
-    return{
-      info:{}
+  name: 'paySuccess',
+  data() {
+    return {
+      info: {}
     }
   },
-  mounted(){
+  mounted() {
     this.getData()
   },
-  methods:{
-   async getData(){
-     const data1={
-       ID:Number(this.$mp.query.ID)
-     }
-      const res1 = await postDataByParams('/api/warehouse/detail',data1)
+  methods: {
+    async getData() {
+      const data1 = {
+        ID: Number(this.$mp.query.ID)
+      }
+      const res1 = await postDataByParams('/api/warehouse/detail', data1)
+      if (res1.code === 200) {
+        this.info = res1.data
+      }
     }
   }
 };
@@ -92,18 +95,22 @@ export default {
   align-items: center;
   padding: 32rpx;
   flex-direction: column;
+
   .info-right-item {
     color: #626262;
     display: flex;
     align-items: center;
+
     .title {
       padding-right: 56rpx;
       border-right: 1rpx solid #e4eaf1;
     }
+
     .content {
       padding-left: 34rpx;
     }
   }
+
   .info {
     box-sizing: border-box;
     display: flex;
@@ -113,6 +120,7 @@ export default {
     background: #fff;
     margin-top: 182rpx;
     padding: 20rpx;
+
     .info-right {
       width: 100%;
       margin-left: 34rpx;
@@ -122,6 +130,7 @@ export default {
       justify-content: space-between;
     }
   }
+
   .order-info {
     box-sizing: border-box;
     margin-top: 20rpx;
@@ -134,10 +143,12 @@ export default {
     flex-direction: column;
     justify-content: space-between;
   }
+
   .tips {
     color: #76c458;
     margin-top: 170rpx;
   }
+
   .btns {
     margin-top: 40rpx;
     width: 100%;