Commit 3424cae6 authored by April's avatar April

123

parent c76102aa
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<img src="@/assets/hotel/home.png" class="home" /> <img src="@/assets/hotel/home.png" class="home" />
<div>返回主页</div> <div>返回主页</div>
</div> </div>
<div class="hotel_header_title">陆瑞酒店智能化自助入住系统</div> <div class="hotel_header_title">酒店智能化自助入住系统</div>
<div class="hotel_header_time">{{ date }}</div> <div class="hotel_header_time">{{ date }}</div>
</div> </div>
<div class="hotel_step"> <div class="hotel_step">
......
...@@ -117,15 +117,15 @@ export default { ...@@ -117,15 +117,15 @@ export default {
color: #eb9c4e; color: #eb9c4e;
} }
.success_back { .success_back {
width: 208px; width: 132px;
height: 70px; height: 50px;
background: #eb9c4e;
text-align: center; text-align: center;
line-height: 70px; line-height: 50px;
color: white; font-size: 18px;
font-size: 24px;
cursor: pointer; cursor: pointer;
color: #ffffff;
margin: 12px auto 0;
background: #eb9c4e;
border-radius: 4px; border-radius: 4px;
margin: 0 auto;
} }
</style> </style>
\ No newline at end of file
...@@ -10,29 +10,29 @@ ...@@ -10,29 +10,29 @@
<div> <div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">姓名:</div> <div class="collection_info_single_title">姓名:</div>
<div class="collection_info_single_text">{{ info.name }}</div> <div class="collection_info_single_text">陈以诺</div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">性别:</div> <div class="collection_info_single_title">性别:</div>
<div class="collection_info_single_text">{{ info.sex }}</div> <div class="collection_info_single_text"></div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">民族:</div> <div class="collection_info_single_title">民族:</div>
<div class="collection_info_single_text">{{ info.nation }}</div> <div class="collection_info_single_text"></div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">出生:</div> <div class="collection_info_single_title">出生:</div>
<div class="collection_info_single_text">{{ info.birth }}</div> <div class="collection_info_single_text">1994-03-05</div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">住址:</div> <div class="collection_info_single_title">住址:</div>
<div class="collection_info_single_text"> <div class="collection_info_single_text">
{{ info.address }} 广东省广州市海珠区盈丰路丰瑞街1-5号万华花园
</div> </div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">身份证号码:</div> <div class="collection_info_single_title">身份证号码:</div>
<div class="collection_info_single_text">{{ info.idnumber }}</div> <div class="collection_info_single_text">440105199403058048</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -49,7 +49,9 @@ ...@@ -49,7 +49,9 @@
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">出生:</div> <div class="collection_info_single_title">出生:</div>
<div class="collection_info_single_text">{{formatBirth( info.birth) }}</div> <div class="collection_info_single_text">
{{ formatBirth(info.birth) }}
</div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">出生地点:</div> <div class="collection_info_single_title">出生地点:</div>
...@@ -89,7 +91,7 @@ ...@@ -89,7 +91,7 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
info: {}, info: {},
...@@ -104,7 +106,7 @@ ...@@ -104,7 +106,7 @@
}, },
methods: { methods: {
formatBirth(birth) { formatBirth(birth) {
return birth.substring(6, 14) return birth.substring(6, 14);
}, },
// 返回上一步 // 返回上一步
goback() { goback() {
...@@ -116,20 +118,20 @@ ...@@ -116,20 +118,20 @@
}); });
}, },
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.order { .order {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0 30px; padding: 0 30px;
box-sizing: border-box; box-sizing: border-box;
background: #f6f7fb; background: #f6f7fb;
border-radius: 14px; border-radius: 14px;
} }
.goback { .goback {
width: 94px; width: 94px;
height: 34px; height: 34px;
position: absolute; position: absolute;
...@@ -143,60 +145,60 @@ ...@@ -143,60 +145,60 @@
border: 1px solid #707070; border: 1px solid #707070;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
} }
.order_top { .order_top {
height: 88px; height: 88px;
width: 100%; width: 100%;
position: relative; position: relative;
} }
.order_title { .order_title {
font-size: 28px; font-size: 28px;
color: #000000; color: #000000;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 88px; line-height: 88px;
} }
.collection { .collection {
width: 100%; width: 100%;
background: white; background: white;
padding-top: 80px; padding-top: 80px;
box-sizing: border-box; box-sizing: border-box;
height: 486px; height: 486px;
} }
.collection_info { .collection_info {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
} }
.collection_info_head { .collection_info_head {
width: 167px; width: 167px;
height: 194px; height: 194px;
margin-right: 40px; margin-right: 40px;
} }
.collection_info_single { .collection_info_single {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 12px; margin-bottom: 12px;
} }
.collection_info_single_title { .collection_info_single_title {
font-size: 20px; font-size: 20px;
color: #333333; color: #333333;
margin-right: 10px; margin-right: 10px;
} }
.collection_info_single_text { .collection_info_single_text {
font-size: 20px; font-size: 20px;
color: #666666; color: #666666;
} }
.collection_bto { .collection_bto {
width: 132px; width: 132px;
height: 50px; height: 50px;
background: #eb9c4e; background: #eb9c4e;
...@@ -207,9 +209,9 @@ ...@@ -207,9 +209,9 @@
font-size: 18px; font-size: 18px;
color: white; color: white;
margin: 56px auto 0; margin: 56px auto 0;
} }
.collection_bto2 { .collection_bto2 {
width: 132px; width: 132px;
height: 50px; height: 50px;
background: #eb9c4e; background: #eb9c4e;
...@@ -220,5 +222,5 @@ ...@@ -220,5 +222,5 @@
font-size: 18px; font-size: 18px;
color: white; color: white;
margin: 4px auto 0; margin: 4px auto 0;
} }
</style> </style>
\ No newline at end of file
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<div class="hotel_top"> <div class="hotel_top">
<div class="hotel_left"> <div class="hotel_left">
<img src="" /> <img src="" />
<div>四季酒店</div>
</div> </div>
<div class="hotel_right"> <div class="hotel_right">
<div class="hotel_right_date"> <div class="hotel_right_date">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment