feat: 添加撤单原因

src/pages/my/OrdersPage.vue

@@ -21,6 +21,8 @@
       <template v-slot="{ item,index }">
         <q-separator v-if="index" />
         <q-item class="bg-white" :to="{path:'/my/order/'+item.order_sn}">
+          <div class="column fit">
+            <div class="flex row fit">
               <q-item-section avatar class="col">
                 <q-item-label>{{ item.lottery.name}}({{ item.buy_type_name }})</q-item-label>
                 <q-item-label class="text-grey">{{ item.play_type_name }}</q-item-label>
@@ -47,6 +49,11 @@
                 <q-item-label v-else>{{ LOTTERY_STATE[item.lottery_state] || item.lottery_state }}</q-item-label>
                 <q-item-label class="text-grey" caption>{{ formatDate(item.pay_at) }}</q-item-label>
               </q-item-section>
+            </div>
+            <div v-if="item.lottery_state==6" class="q-mt-sm text-right">
+              <q-badge color="orange-1" text-color="brown" multi-line class="q-pa-sm text-left"><b>撤单原因：</b>{{ item.revoke_message }}</q-badge>
+            </div>
+          </div>
         </q-item>
       </template>
     </infinite-scroll>

src/pages/order/OrderInfoPage.vue

@@ -178,6 +178,9 @@
           </div>
         </div>
       </div>
+      <div v-if="info.lottery_state==6" class="q-my-sm">
+        <q-badge color="orange-1" text-color="brown" multi-line class="q-pa-sm text-left"><b>撤单原因：</b>{{ info.revoke_message }}</q-badge>
+      </div>
     </div>
     <div class="q-mt-sm bg-white">
       <div class="q-mx-md q-py-sm">