展示取票码

src/components/uqrcode/uqrcode.vue

@@ -12,6 +12,10 @@ export default {
         type: Number,
         default: 200
     },
+    code: {
+        type: String,
+        default: undefined
+    },
   },
   components: {},
   data() {
@@ -37,6 +41,7 @@ export default {
   },
   mounted() {
     // this.createCode();
+    if(this.code) this.createCode(this.code);
   },
   watch: {},
   computed: {},

src/pagesB/cinema/cinemaTicket.vue

@@ -20,7 +20,14 @@
             <div class="card qupiao">
                 <div class="tit">取电影票</div>
                 <div class="codebar">
-                    <Uqrcode ref="uqcode" :size="150" class="code-img" />
+                    <swiper class="swiper" circular>
+                        <swiper-item v-for="(i,s) in ticket.ticketCode" :key="s">
+                            <block  v-for="(a,b) in i.code" :key="b" v-show="a.text=='取票码'">
+                                <Uqrcode ref="uqcode" :code="a.value" :size="150" class="code-img"/>
+                                <div class="ticketCode">取票码：<span class="dinB">{{ a.value }}</span></div>
+                            </block>
+                        </swiper-item>
+                    </swiper>
                 </div>
             </div>
             <div class="card detail">
@@ -104,7 +111,7 @@ export default {
     },
     methods: {
         getTicket(da){
-            // da = { ML20230602756506924 }
+            // da = { tradeNo: "ML20230602756506924" }
             post("local/orderMovie",da).then(res=>{
                 if (res.code == 0) {
                     if(res.data.detail.code == 200){
@@ -287,4 +294,16 @@ export default {
         border-left: 6rpx solid #EB5A5F;
     }
 }
+
+.swiper{
+    height: 360rpx;
+    .ticketCode{
+        font-size: 25rpx;
+        margin-top: 30rpx;
+        text-align: center;
+        .dinB{
+            font-size: 28rpx;
+        }
+    }
+}
 </style>