Skip to content

S
sim
Commit 4f81c66d authored by limeimei's avatar limeimei
Browse files
Options

访客发卡

parent b76901e2
Pipeline #1970 canceled with stages
      Show whitespace changes
      Inline Side-by-side
      Showing with 220 additions and 247 deletions
      src/App.vue
      View file @ 4f81c66d
      ......@@ -17,8 +17,12 @@
      }
      .el-progress-circle {
      width: 75px !important;
      height: 75px !important;
      width: 50px !important;
      height: 50px !important;
      /* 自定义高度 */
      }
      .el-progress__text {
      font-size: 13px !important;
      }
      </style>
      \ No newline at end of file
      src/main.js
      View file @ 4f81c66d
      ......@@ -5,7 +5,7 @@ import ElementUI from "element-ui";
      import VCalendar from "v-calendar";
      import "element-ui/lib/theme-chalk/index.css";
      import "./utils/fixle";
      // import "./utils/fixle";
      import VIscroll from "./utils/vIscroll";
      ......
      src/views/common.vue
      View file @ 4f81c66d
      ......@@ -97,7 +97,6 @@
      <style scoped>
      .wrapper {
      background: #F0F2F8;
      /* height: 100%; */
      box-sizing: border-box;
      /* padding-bottom: 30px; */
      ......@@ -113,7 +112,7 @@
      .common {
      width: 100%;
      /* width: 100%; */
      height: 70px;
      background: #507DD9;
      box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05);
      ......@@ -151,7 +150,7 @@
      }
      .hotel_content {
      min-height: 700px;
      /* height: 730px; */
      width: 1280px;
      padding: 30px;
      box-sizing: border-box;
      ......
      src/views/common2.vue
      View file @ 4f81c66d
      ......@@ -134,10 +134,8 @@
      <style scoped>
      .wrapper {
      background: #F0F2F8;
      /* height: 1018px; */
      height: 800px;
      box-sizing: border-box;
      padding-bottom: 30px;
      }
      .home {
      ......@@ -229,7 +227,7 @@
      }
      .hotel_content {
      height: 800px;
      height: 620px;
      width: 1280px;
      padding: 0 30px;
      box-sizing: border-box;
      ......
      src/views/sim/authSuccess.vue
      View file @ 4f81c66d
      ......@@ -58,9 +58,7 @@
      width: 100%;
      /* height: 650px; */
      padding: 0 30px;
      /* height: calc(100vh - 150px); */
      box-sizing: border-box;
      }
      ......@@ -69,7 +67,7 @@
      width: 100%;
      background: #FFFFFF;
      border-radius: 14px;
      height: 800px;
      height: 620px;
      padding: 30px;
      box-sizing: border-box;
      ......
      src/views/sim/authentify.vue
      View file @ 4f81c66d
      ......@@ -70,7 +70,6 @@
      .reserved {
      width: 100%;
      padding: 0 30px;
      /* height: auto; */
      box-sizing: border-box;
      ......@@ -81,7 +80,7 @@
      width: 100%;
      background: #FFFFFF;
      border-radius: 14px;
      height: 800px;
      height: 620px;
      padding: 30px;
      box-sizing: border-box;
      ......
      src/views/sim/choose.vue
      View file @ 4f81c66d
      ......@@ -65,7 +65,6 @@
      position: relative;
      padding: 0 30px;
      box-sizing: border-box;
      }
      ......@@ -73,7 +72,7 @@
      .phone {
      width: 100%;
      min-height: 650px;
      height: 620px;
      background: #FFFFFF;
      border-radius: 14px;
      opacity: 1;
      ......@@ -114,7 +113,7 @@
      .phone_list {
      display: flex;
      flex-wrap: wrap;
      min-height: 471px;
      /* min-height: 471px; */
      justify-content: space-between;
      box-sizing: border-box;
      /* align-content: space-between; */
      ......
      src/views/sim/phone.vue
      View file @ 4f81c66d
      ......@@ -33,9 +33,7 @@
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },
      { value: 0, label: "172-0728-2374" }, { value: 0, label: "172-0728-2374" },]
      ]
      }
      },
      created() {
      ......@@ -52,7 +50,7 @@
      </script>
      <style scoped>
      .standby {
      height: 800px;
      height: 620px;
      width: 100%;
      position: relative;
      ......@@ -64,7 +62,7 @@
      .phone {
      width: 100%;
      min-height: 650px;
      /* min-height: 620px; */
      background: #FFFFFF;
      border-radius: 14px;
      opacity: 1;
      ......@@ -97,7 +95,7 @@
      .phone_list {
      width: 1280px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      /* min-height: 471px; */
      ......@@ -112,7 +110,7 @@
      background: #F0F0F0;
      border-radius: 4px;
      opacity: 1;
      margin: 0 31px 25px 0;
      margin: 0 27px 25px 0;
      text-align: center;
      font-weight: 500;
      color: #666666;
      ......@@ -130,22 +128,12 @@
      background: #437AE5;
      }
      ::v-deep .el-button {
      width: 141px;
      height: 51px;
      font-size: 21px;
      }
      ::v-deep .el-button--primary {
      width: 198px;
      height: 75px;
      width: 132px;
      height: 50px;
      background: #437AE5;
      font-size: 27px;
      font-size: 18px;
      border: none;
      margin-top: 10px;
      }
      /* ::v-deep .el-button--primary {
      height: 75px;
      } */
      </style>
      \ No newline at end of file
      src/views/sim/roomcard.vue
      View file @ 4f81c66d
      ......@@ -30,55 +30,57 @@
      .order {
      width: 100%;
      height: 100%;
      padding: 0 45px;
      padding: 30px;
      box-sizing: border-box;
      background: white;
      border-radius: 21px;
      border-radius: 14px;
      height: 620px;
      }
      .order_top {
      height: 132px;
      /* height: 132px; */
      width: 100%;
      position: relative;
      }
      .order_title {
      font-size: 42px;
      font-size: 28px;
      color: #000000;
      width: 100%;
      text-align: center;
      line-height: 132px;
      font-weight: 500;
      }
      .collection {
      width: 100%;
      background: white;
      height: 729px;
      /* height: 729px; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      margin-top: 110px;
      }
      .grant {
      width: 168px;
      height: 137px;
      width: 120px;
      height: 120px;
      }
      .waiting {
      font-size: 39px;
      font-size: 26px;
      color: #333333;
      margin: 80px 0 45px;
      margin: 33px 0 30px;
      }
      .progress {
      width: 827px;
      margin-bottom: 26px;
      width: 551px;
      margin-bottom: 17px;
      }
      .progress_schedule {
      font-size: 33px;
      font-size: 22px;
      color: #333333;
      }
      </style>
      \ No newline at end of file
      src/views/sim/success.vue
      View file @ 4f81c66d
      ......@@ -32,58 +32,59 @@
      .order {
      width: 100%;
      height: 100%;
      padding: 0 45px;
      padding: 30px;
      box-sizing: border-box;
      background: white;
      border-radius: 21px;
      height: 620px;
      }
      .order_top {
      height: 132px;
      width: 100%;
      position: relative;
      }
      .order_title {
      font-size: 42px;
      font-size: 28px;
      color: #000000;
      width: 100%;
      text-align: center;
      line-height: 132px;
      font-weight: 500;
      }
      .collection {
      width: 100%;
      background: white;
      height: 729px;
      /* height: 729px; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      margin-top: 110px;
      }
      .success_icon {
      width: 119px;
      height: 119px;
      margin-bottom: 69px;
      width: 79.06px;
      height: 79.06px;
      margin-bottom: 46px;
      }
      .success_text {
      font-size: 39px;
      font-size: 26px;
      color: #333333;
      }
      .success_back {
      width: 312px;
      height: 105px;
      width: 208px;
      height: 70px;
      background: #437AE5;
      border-radius: 4px 4px 4px 4px;
      text-align: center;
      line-height: 105px;
      line-height: 70px;
      color: white;
      font-size: 36px;
      font-size: 24px;
      cursor: pointer;
      border-radius: 6px 6px 6px 6px;
      margin-top: 98px;
      margin-top: 65px;
      }
      </style>
      \ No newline at end of file
      src/views/visitor/authSuccess.vue
      View file @ 4f81c66d
      ......@@ -75,9 +75,8 @@
      .reserved {
      width: 100%;
      padding: 45px;
      /* height: 650px; */
      /* height: calc(100vh - 70px); */
      box-sizing: border-box;
      }
      ......@@ -86,8 +85,8 @@
      width: 100%;
      background: #FFFFFF;
      border-radius: 14px;
      height: 835px;
      /* padding: 45px; */
      height: 620px;
      padding: 30px;
      box-sizing: border-box;
      }
      ......@@ -95,28 +94,29 @@
      .auth_top {
      width: 100%;
      display: flex;
      height: 50px;
      align-items: center;
      justify-content: space-between !important;
      /* height: 75px; */
      position: relative;
      justify-content: center;
      margin-bottom: 55px;
      }
      .auth_title {
      color: #000000;
      font-size: 42px;
      font-size: 28px;
      width: 100%;
      text-align: center;
      }
      .auth_body {
      width: 100%;
      height: 90%;
      /* height: 500px; */
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 80px;
      }
      .auth_center {
      ......@@ -135,38 +135,19 @@
      line-height: 40px;
      text-align: left;
      font-size: 20px;
      margin-top: -20px;
      }
      .auth_img_left {
      width: 64px;
      height: 12px;
      margin-right: 9px;
      margin-top: 7px;
      }
      .auth_right {
      display: flex;
      margin-bottom: 62px;
      /* margin-top: -20px; */
      margin-bottom: 84px;
      }
      .auth_span {
      font-size: 20px;
      }
      .auth_span_a {
      color: #666666;
      line-height: 18px;
      font-size: 16px;
      }
      ::v-deep .el-button {
      width: 141px;
      height: 51px;
      font-size: 21px;
      width: 94px;
      height: 34px;
      padding: 0;
      font-size: 14px;
      }
      ......@@ -174,17 +155,17 @@
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 6px 6px 6px 6px;
      border-radius: 4px;
      border: 2px solid #707070;
      border: 1px solid #707070;
      }
      ::v-deep .el-button--primary {
      width: 198px;
      height: 75px;
      width: 132px;
      height: 50px;
      background: #437AE5;
      font-size: 27px;
      font-size: 18px;
      border: none;
      }
      </style>
      \ No newline at end of file
      src/views/visitor/authentify.vue
      View file @ 4f81c66d
      ......@@ -66,8 +66,8 @@
      .reserved {
      width: 100%;
      padding: 0 45px;
      /* height: auto; */
      box-sizing: border-box;
      }
      ......@@ -76,8 +76,8 @@
      width: 100%;
      background: #FFFFFF;
      border-radius: 14px;
      /* height: 835px; */
      padding: 45px;
      height: 620px;
      padding: 30px;
      box-sizing: border-box;
      }
      ......@@ -85,17 +85,17 @@
      .auth_top {
      width: 100%;
      display: flex;
      height: 50px;
      /* height: 50px; */
      /* align-items: center; */
      position: relative;
      justify-content: center;
      margin-bottom: 186px;
      }
      .auth_title_a {
      font-weight: 500;
      color: #000000;
      font-size: 42px;
      margin-bottom: 51px;
      font-size: 28px;
      margin-bottom: 34px;
      }
      .auth_title {
      ......@@ -103,18 +103,17 @@
      color: #666666;
      font-size: 27px;
      font-size: 18px;
      text-align: center;
      }
      .auth_body {
      width: 100%;
      /* height: 90%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      /* justify-content: center; */
      /* margin-top: 99px; */
      margin-top: 66px;
      }
      .auth_center {
      ......@@ -122,14 +121,14 @@
      }
      .auth_img {
      width: 580px;
      height: 431px;
      width: 386.54px;
      height: 287.18px;
      }
      .auth_center_right {
      display: flex;
      flex-direction: column;
      margin-top: 60px;
      margin-top: 40px;
      }
      .auth_img_left {
      ......@@ -159,9 +158,10 @@
      ::v-deep .el-button {
      width: 141px;
      height: 51px;
      font-size: 21px;
      width: 94px;
      height: 34px;
      padding: 0;
      font-size: 14px;
      }
      ......@@ -169,17 +169,17 @@
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 6px 6px 6px 6px;
      border-radius: 4px;
      border: 2px solid #707070;
      border: 1px solid #707070;
      }
      ::v-deep .el-button--primary {
      width: 198px;
      height: 75px;
      width: 132px;
      height: 50px;
      background: #437AE5;
      font-size: 27px;
      font-size: 18px;
      border: none;
      }
      </style>
      \ No newline at end of file
      src/views/visitor/card.vue
      View file @ 4f81c66d
      ......@@ -74,9 +74,9 @@
      .card_content {
      width: 100%;
      background: #FFFFFF;
      border-radius: 21px;
      height: 100%;
      padding: 45px;
      border-radius: 14px;
      height: 620px;
      padding: 30px;
      box-sizing: border-box;
      }
      ......@@ -84,20 +84,15 @@
      .card_top {
      width: 100%;
      display: flex;
      height: 50px;
      align-items: center;
      justify-content: space-between !important;
      }
      .card_title {
      color: #666666;
      font-size: 18px;
      }
      .card_body {
      width: 100%;
      height: 810px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      ......@@ -105,10 +100,10 @@
      }
      .card_body_text {
      margin: 69px 0 98px 0;
      margin: 46px 0 65px 0;
      color: #333333;
      font-size: 39px;
      font-size: 26px;
      text-align: center;
      font-weight: 500;
      ......@@ -119,32 +114,21 @@
      }
      .success_icon {
      width: 119px;
      height: 119px;
      width: 79.06px;
      height: 79.06px;
      }
      ::v-deep .el-icon-success:before {
      font-size: 60px;
      color: #25CC18;
      }
      ::v-deep .el-button {
      width: 141px;
      height: 51px;
      font-size: 21px;
      border-radius: 6px;
      border: 2px solid #707070;
      }
      ::v-deep .el-button {
      width: 94px;
      height: 34px;
      padding: 0;
      font-size: 14px;
      border-radius: 4px;
      ::v-deep .el-button--primary {
      width: 198px;
      height: 75px;
      background: #437AE5;
      font-size: 27px;
      border: none;
      border: 1px solid #707070;
      }
      </style>
      \ No newline at end of file
      src/views/visitor/disreserve.vue
      View file @ 4f81c66d
      ......@@ -83,15 +83,15 @@
      .return_btn {
      /* margin-top: 45px; */
      /* position: absolute; */
      height: 51px;
      height: 34px;
      }
      .reserved {
      width: 100%;
      padding: 75px;
      padding: 30px;
      height: 670px;
      box-sizing: border-box;
      }
      ......@@ -100,7 +100,7 @@
      width: 100%;
      background: #FFFFFF;
      border-radius: 14px;
      height: 880px;
      /* padding: 0 45px; */
      box-sizing: border-box;
      display: flex;
      ......@@ -108,34 +108,35 @@
      }
      .card_left_img {
      width: 87px;
      height: 68px;
      width: 58.15px;
      height: 45.4px;
      margin: 35%;
      }
      .card_left_c {
      width: 290px;
      height: 290px;
      width: 193px;
      height: 193px;
      background: #F4F4F4;
      border-radius: 15px;
      opacity: 1;
      margin: 0 309px 81px 234px;
      margin: 0 207px 53px 175px;
      text-align: center;
      }
      .card_item {
      display: flex;
      height: 69px;
      margin-bottom: 45px;
      height: 46px;
      margin-bottom: 30px;
      margin-left: 30px;
      }
      .card_item_span {
      line-height: 69px;
      line-height: 46px;
      color: #333333;
      font-size: 30px;
      width: 150px;
      font-size: 20px;
      width: 120px;
      }
      ......@@ -144,54 +145,73 @@
      ::v-deep .el-input__inner {
      width: 540px;
      height: 69px;
      border: 2px solid #707070;
      width: 360px;
      height: 46px;
      border: 1px solid #707070;
      color: #333333;
      font-size: 30px;
      font-size: 20px;
      }
      ::v-deep .el-input {
      width: 540px;
      height: 69px;
      width: 360px;
      height: 46px;
      }
      ::v-deep .el-input__icon {
      height: 69px;
      height: 46px;
      }
      .card_center {
      width: 2px;
      height: 100%;
      height: 548px;
      background: #E0E0E0;
      margin: 0 65px 75px 0;
      margin-top: 20px;
      /* margin: 50px 43px 50px 85px; */
      }
      .card_right {
      width: 100%;
      margin-top: 75px;
      margin-top: 70px;
      text-align: center;
      position: relative;
      }
      ::v-deep .card_right .el-button {
      position: absolute;
      bottom: 90px;
      ::v-deep .el-button {
      width: 94px;
      height: 34px;
      padding: 0;
      font-size: 14px;
      }
      ::v-deep .el-button {
      width: 141px;
      height: 51px;
      font-size: 21px;
      ::v-deep .auth_top .el-button {
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 4px;
      border: 1px solid #707070;
      }
      ::v-deep .el-button--primary {
      width: 198px;
      height: 75px;
      width: 132px;
      height: 50px;
      background: #437AE5;
      font-size: 27px;
      font-size: 18px;
      border: none;
      }
      .card_item_next {
      position: absolute;
      bottom: 30px;
      left: 40%;
      /* display: inline-block; */
      }
      </style>
      \ No newline at end of file
      src/views/visitor/reserved.vue
      View file @ 4f81c66d
      ......@@ -63,10 +63,10 @@
      .reserved {
      width: 100%;
      padding: 36px;
      height: 950px;
      /* padding: 36px; */
      /* height: 950px; */
      height: 670px;
      box-sizing: border-box;
      }
      ......@@ -74,7 +74,7 @@
      .content {
      background: #FFFFFF;
      border-radius: 14px;
      height: 880px;
      /* padding-top: 24px; */
      box-sizing: border-box;
      ......@@ -83,12 +83,14 @@
      .content_card {
      display: flex;
      padding: 225px 100px 0 70px;
      padding: 150px 100px 0 70px;
      box-sizing: border-box;
      }
      .card_tip {
      font-size: 42px;
      font-size: 28px;
      color: #000000;
      }
      ......@@ -103,26 +105,26 @@
      }
      ::v-deep .content_card .el-input {
      width: 723px;
      height: 117px;
      width: 482px;
      height: 78px;
      background: #ffffff;
      border-radius: 10px 10px 10px 10px;
      opacity: 1;
      border: 1px solid #cbc7c7;
      margin: 60px 0 180px 0;
      margin: 40px 0 120px 0;
      }
      ::v-deep .content_card .el-input-group__prepend {
      background-color: white;
      border: 0;
      line-height: 117px;
      line-height: 78px;
      border-radius: 50%;
      }
      ::v-deep .content_card .el-input.is-disabled .el-input__inner {
      border-color: white;
      height: 100%;
      font-size: 36px;
      font-size: 24px;
      background-color: white;
      border-radius: 10%;
      cursor: default;
      ......@@ -131,12 +133,12 @@
      .card_pre {
      color: #000000;
      font-size: 36px;
      font-size: 24px;
      }
      .card_center {
      width: 2px;
      height: 117px;
      height: 78px;
      background: #d6d6d6;
      margin-left: 30px;
      }
      ......@@ -147,12 +149,12 @@
      }
      ::v-deep .card_btn .el-button {
      width: 312px;
      height: 105px;
      border-radius: 6px;
      margin-right: 60px;
      width: 208px;
      height: 70px;
      border-radius: 4px;
      margin-right: 40px;
      font-size: 36px;
      font-size: 24px;
      }
      ::v-deep .card_btn .el-button--info {
      ......@@ -163,13 +165,13 @@
      }
      .card_right {
      width: 674px;
      height: 587px;
      width: 449px;
      height: 391px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-content: flex-start;
      padding: 45px 0;
      padding: 30px 0;
      background: white;
      margin-right: 0;
      margin-left: auto;
      ......@@ -177,15 +179,15 @@
      }
      ::v-deep .card_right .el-button {
      width: 170px;
      height: 96px;
      width: 113px;
      height: 64px;
      background: #FFFFFF;
      border-radius: 9px;
      border-radius: 6px;
      opacity: 1;
      border: 1px solid #CBC7C7;
      margin: 0 38px 38px 0;
      margin: 0 25px 25px 0;
      font-weight: bold;
      color: #000000;
      font-size: 36px;
      font-size: 24px;
      }
      </style>
      \ No newline at end of file
      src/views/visitor/send.vue
      View file @ 4f81c66d
      ......@@ -73,7 +73,7 @@
      .card_content {
      width: 100%;
      height: 700px;
      height: 620px;
      background: #FFFFFF;
      border-radius: 14px;
      padding: 30px;
      ......@@ -89,11 +89,7 @@
      justify-content: space-between !important;
      }
      .card_title {
      color: #666666;
      font-size: 18px;
      }
      .card_body {
      width: 100%;
      ......
      src/views/visitor/standby.vue
      View file @ 4f81c66d
      ......@@ -91,8 +91,8 @@
      .header_title {
      color: #333333;
      font-size:
      24px;
      margin-top: 44px;
      16px;
      margin-top: 29px;
      }
      ......@@ -100,44 +100,47 @@
      display: flex;
      color: #FFFFFF;
      align-items: center;
      height: 105px;
      /* align-items: center; */
      /* height: 105px; */
      margin-top: 24px;
      }
      .header_first {
      display: flex;
      flex-direction: column;
      text-align: center;
      font-size: 20px;
      margin-right: 24px;
      font-size: 13px;
      margin-right: 18px;
      }
      .header_mon {
      margin-top: 11px;
      margin-top: 5px;
      }
      .header_center {
      height: 27px;
      width: 2px;
      height: 18px;
      width: 1px;
      background: white;
      margin-top: 12px;
      }
      .header_time {
      font-size: 45px;
      font-size: 30px;
      font-weight: bold;
      margin-left: 24px;
      margin-left: 16px;
      }
      .content {
      height: 100%;
      /* height: 100%; */
      font-weight: bold;
      padding: 57px 90px 142px;
      padding: 57px 0 0 60px;
      box-sizing: border-box;
      }
      .content_title {
      color: #333333;
      font-size: 66px;
      font-size: 30px;
      }
      .content_title2 {
      ......@@ -147,14 +150,14 @@
      .content_btns {
      display: flex;
      margin-top: 128px;
      margin-top: 85px;
      }
      .content_btn {
      width: 288px;
      height: 359px;
      width: 192px;
      height: 239px;
      background: linear-gradient(136deg, #65DCAC 0%, #4DA8D5 100%);
      border-radius: 15px;
      border-radius: 10px 10px 10px 10px;
      opacity: 1;
      padding: 33px;
      cursor: pointer;
      ......@@ -167,17 +170,16 @@
      }
      .auth_img_left {
      width: 171px;
      height: 180px;
      width: 114px;
      height: 120px;
      float: right;
      margin-top: 78px;
      margin-top: 81px;
      }
      .content_text {
      font-size: 45px;
      font-size: 30px;
      font-weight: bold;
      color: #FFFFFF;
      margin-bottom: 41px;
      }
      </style>
      \ No newline at end of file
      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