Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
c151cb5e by 杨炀
Options

no message

1 parent d7b0a1d3
Inline Side-by-side
Showing 2 changed files with 101 additions and 16 deletions
src/viewsPc/center/myReservation.vue
...@@ -3,24 +3,48 @@ ...@@ -3,24 +3,48 @@
3 <el-card :body-style="{'padding':'0'}"> 3 <el-card :body-style="{'padding':'0'}">
4 <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'我的预订':'My reservation' }}</h3></div> 4 <div class="indexTitle"><h3 class="leftboderTT">{{ language==0?'我的预订':'My reservation' }}</h3></div>
5 <el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/> 5 <el-empty :image="`/img/order_no.png`" :image-size="228" v-if="list?.length == 0"/>
6 <div v-for="b in list"> 6 <div class="pd20">
7 <h3>{{b.name}}</h3> 7 <div v-for="b in list" class="item">
8 8 <div class="title">
9 <div v-if="b.orderType == 0"> 9 <label class="blueTag" v-if="b.orderType == 0"> {{ language==0?'酒店':'HOTEL' }} </label>
10 <div><label class="blueTag"> 酒店订单</label> 10 <label class="blueTag" v-if="b.orderType == 1"> {{ language==0?'车辆':'TRANSPORTATION' }} </label>
11 订单编号： 11 <label class="blueTag" v-if="b.orderType == 2"> {{ language==0?'餐饮':'DINING' }} </label>
12 {{ b.id }}</div> 12 {{ language==0?'订单编号：':'No.' }} {{ b.id }}
13 <div>
14 {{b.messageObj?.roomStayDate}}
15 </div> 13 </div>
16 <div> 14 <div class="status-po">
17 {{b.messageObj?.roomName}} 15 <span class="bg-warning" v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'"
16 style="margin-right: 24px;"> 待支付
17 </span>
18 <span class="bg-warning" v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')">已取消</span>
19 <span class="bg-blue" v-if="b.status == '1'">支付成功</span>
20 <span class="bg-warning" v-if="b.status == '2'">已取消</span>
21 <span class="bg-danger" v-if="b.status == '3'||b.status == '4'">已退订</span>
18 </div> 22 </div>
19 <div> 23 <div class="bbody" v-if="b.orderType == 0">
20 {{b.messageObj?.roomInfo}} 24 <h3 class="name">{{b.name}}</h3>
25 <p>{{b.messageObj?.roomStayDate}}</p>
26 <p>{{b.messageObj?.roomName}}</p>
27 <p>{{b.messageObj?.roomInfo}}</p>
28
29 <el-row justify="space-between">
30 <el-col :lg="8">
31 <span class="bigMoney"> {{ language==0?'¥':'€' }} {{b.total}}</span>
32 </el-col>
33
34 <el-col :lg="8">
35 <div class="text-right">
36 <el-button class="mb10" plain round type="primary" @click="goDetail(n)">
37 {{ language==0?'详情':'Detail' }}</el-button>
38 <el-button v-if="b.status == '0'&&(b.surplus!='0,0'&&b.surplus!='0')" @click="goPay(b)"
39 class="mb10" plain round type="primary" >
40 {{ language==0?'支付':'Pay' }}</el-button>
21 </div> 41 </div>
42 </el-col>
43 </el-row>
22 </div> 44 </div>
23 {{b}} 45 <!-- {{b}}-->
46 </div>
47
24 </div> 48 </div>
25 <div class="pd20"></div> 49 <div class="pd20"></div>
26 </el-card> 50 </el-card>
...@@ -48,6 +72,17 @@ function getList() { ...@@ -48,6 +72,17 @@ function getList() {
48 </script> 72 </script>
49 73
50 <style scoped lang="scss"> 74 <style scoped lang="scss">
75 .bigMoney{font-size: 24px;font-family: "DIN Alternate";}
76 .name{font-size: 18px;margin: 15px 0 0;}
77 .status-po{position: absolute;right: 0;top: 0;font-size: 12px;
78 color: #FFFFFF;
79 span{border-radius: 0px 10px 0px 10px;padding: 4px 10px;}
80 .bg-danger{background: #E60012;}
81 .bg-warning{background: #e89f39;}
82 .bg-pink{background: #F740A6;}
83 .bg-primary{background: var(--el-color-primary)}
84 .bg-blue{background: #00a0e9}
85 }
51 .indexTitle { 86 .indexTitle {
52 margin: 20px 0 12px; 87 margin: 20px 0 12px;
53 padding: 0 20px 15px; 88 padding: 0 20px 15px;
...@@ -58,7 +93,57 @@ function getList() { ...@@ -58,7 +93,57 @@ function getList() {
58 color: var(--el-color-primary); 93 color: var(--el-color-primary);
59 } 94 }
60 } 95 }
96 .item{
97 margin: 0 0 20px;
98 background: #FBFCFD;
99 border-radius: 2px;
100 position: relative;
101 .bbody{padding: 0 15px 20px;}
102 .title label{border-radius: 5px 0 5px 0; color: #fff; padding:4px 10px;margin-right: 10px;}
103 p{margin: 5px 0;}
104 .blueTag{
105 background-color: #1EC886;}
106 .purpleTag {
107 background-color: #717bef;
108 }
109 .orangeTag {
110 background-color: #ff8124;
111 }
112 }
113 .billFoot {
114 .price {
115 width: 100%;
116 justify-content: space-between;
117 }
118 }
119
120 .billFoot .tip {
121 font-size: 24px;
122 color: #999;
123 font-weight: 500;
124 margin: 0 20px;
125 }
126 .status {
127 position: absolute;
128 right: 10px;
129 bottom: 60px;
130 white-space: nowrap;
61 131
132 .warning {
133 color: #ff8124;
134 }
62 135
136 .danger {
137 color: #da2a2a;
138 }
139
140 .gary {
141 color: #666;
142 }
143
144 .success {
145 color: #1EC886;
146 }
147 }
63 </style> 148 </style>
64 149
......
vite.config.js
...@@ -82,8 +82,8 @@ export default defineConfig(({ mode, command }) => { ...@@ -82,8 +82,8 @@ export default defineConfig(({ mode, command }) => {
82 rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '') 82 rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
83 }, 83 },
84 '/dev-api': { 84 '/dev-api': {
85 // target: 'http://192.168.1.118:8081/', 85 target: 'http://192.168.1.27:8081/',
86 target: 'https://dance.itechtop.cn/stage-api', 86 // target: 'https://dance.itechtop.cn/stage-api',
87 // target: 'https://wdsfwuxicenter.com/stage-api', 87 // target: 'https://wdsfwuxicenter.com/stage-api',
88 changeOrigin: true, 88 changeOrigin: true,
89 rewrite: (p) => p.replace(/^\/dev-api/, '') 89 rewrite: (p) => p.replace(/^\/dev-api/, '')
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!