no message

@@ -3,24 +3,48 @@
     <el-card :body-style="{'padding':'0'}">
       <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'我的预订':'My reservation' }}</h3></div>
       <el-empty :image="`/img/order_no.png`" :image-size="228"  v-if="list?.length == 0"/>
-      <div v-for="b in list">
-        <h3>{{b.name}}</h3>
-
-        <div v-if="b.orderType == 0">
-          <div><label class="blueTag"> 酒店订单</label>
-            订单编号：
-            {{ b.id }}</div>
-          <div>
-            {{b.messageObj?.roomStayDate}}
+      <div class="pd20">
+        <div v-for="b in list" class="item">
+          <div class="title">
+            <label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
+            <label class="blueTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
+            <label class="blueTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
+            {{ language==0?'订单编号：':'No.' }} {{ b.id }}
           </div>
-          <div>
-            {{b.messageObj?.roomName}}
+          <div class="status-po">
+              <span  class="bg-warning" v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'"
+                     style="margin-right: 24px;"> 待支付
+              </span>
+            <span  class="bg-warning" v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')">已取消</span>
+            <span  class="bg-blue" v-if="b.status == '1'">支付成功</span>
+            <span class="bg-warning" v-if="b.status == '2'">已取消</span>
+            <span class="bg-danger" v-if="b.status == '3'||b.status == '4'">已退订</span>
           </div>
-          <div>
-            {{b.messageObj?.roomInfo}}
+          <div class="bbody" v-if="b.orderType == 0">
+            <h3 class="name">{{b.name}}</h3>
+            <p>{{b.messageObj?.roomStayDate}}</p>
+            <p>{{b.messageObj?.roomName}}</p>
+            <p>{{b.messageObj?.roomInfo}}</p>
+
+            <el-row justify="space-between">
+             <el-col :lg="8">
+               <span class="bigMoney"> {{ language==0?'¥':'€' }} {{b.total}}</span>
+             </el-col>
+
+              <el-col :lg="8">
+                <div class="text-right">
+                  <el-button class="mb10" plain round type="primary" @click="goDetail(n)">
+                    {{ language==0?'详情':'Detail' }}</el-button>
+                  <el-button v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" @click="goPay(b)"
+                             class="mb10" plain round type="primary" >
+                    {{ language==0?'支付':'Pay' }}</el-button>
                 </div>
+              </el-col>
+            </el-row>
           </div>
-        {{b}}
+          <!--        {{b}}-->
+        </div>
+
       </div>
       <div class="pd20"></div>
     </el-card>
@@ -48,6 +72,17 @@ function getList() {
 </script>
 
 <style scoped lang="scss">
+.bigMoney{font-size: 24px;font-family: "DIN Alternate";}
+.name{font-size: 18px;margin: 15px 0 0;}
+.status-po{position: absolute;right: 0;top: 0;font-size: 12px;
+  color: #FFFFFF;
+  span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
+  .bg-danger{background: #E60012;}
+  .bg-warning{background: #e89f39;}
+  .bg-pink{background: #F740A6;}
+  .bg-primary{background: var(--el-color-primary)}
+  .bg-blue{background: #00a0e9}
+}
 .indexTitle {
   margin: 20px 0 12px;
   padding: 0 20px 15px;
@@ -58,7 +93,57 @@ function getList() {
     color: var(--el-color-primary);
   }
 }
+.item{
+  margin: 0 0 20px;
+  background: #FBFCFD;
+  border-radius: 2px;
+  position: relative;
+  .bbody{padding: 0 15px 20px;}
+  .title label{border-radius: 5px 0 5px 0;  color: #fff;  padding:4px 10px;margin-right: 10px;}
+  p{margin: 5px 0;}
+  .blueTag{
+    background-color: #1EC886;}
+  .purpleTag {
+    background-color: #717bef;
+  }
+  .orangeTag {
+    background-color: #ff8124;
+  }
+}
+.billFoot {
+  .price {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+
+.billFoot .tip {
+  font-size: 24px;
+  color: #999;
+  font-weight: 500;
+  margin: 0 20px;
+}
+.status {
+  position: absolute;
+  right: 10px;
+  bottom: 60px;
+  white-space: nowrap;
 
+  .warning {
+    color: #ff8124;
+  }
 
+  .danger {
+    color: #da2a2a;
+  }
+
+  .gary {
+    color: #666;
+  }
+
+  .success {
+    color: #1EC886;
+  }
+}
 </style>
 

@@ -82,8 +82,8 @@ export default defineConfig(({ mode, command }) => {
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
         },
         '/dev-api': {
-          // target: 'http://192.168.1.118:8081/',
-          target: 'https://dance.itechtop.cn/stage-api',
+          target: 'http://192.168.1.27:8081/',
+          // target: 'https://dance.itechtop.cn/stage-api',
           // target: 'https://wdsfwuxicenter.com/stage-api',
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')