票务修改
Showing
3 changed files
with
33 additions
and
20 deletions
This diff is collapsed.
Click to expand it.
| ... | @@ -13,20 +13,6 @@ | ... | @@ -13,20 +13,6 @@ |
| 13 | <div class="address">{{ TickForm.address }}</div> | 13 | <div class="address">{{ TickForm.address }}</div> |
| 14 | </div> | 14 | </div> |
| 15 | 15 | ||
| 16 | <div class="info"> | ||
| 17 | <div class="name">{{ TickForm2.ticketTypeName }}</div> | ||
| 18 | <div class="address"> | ||
| 19 | {{ TickForm2.stadiumName }} | | ||
| 20 | <span v-if="TickForm2.sessionType=='1000'">{{ language == 0 ? '日间场' : 'Day' }}</span> | ||
| 21 | <span v-else>{{ language == 0 ? '夜间场' : 'Night' }}</span> | ||
| 22 | | {{ TickForm2.ticketName }} | ||
| 23 | </div> | ||
| 24 | |||
| 25 | <div v-if="TickForm2.ticketType=='0'" class="address">{{ | ||
| 26 | language == 0 ? '剩余数量' : 'Remaining Quantity' | ||
| 27 | }}: {{ leftCount }} | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | 16 | ||
| 31 | <div class="ticket_info mb20"> | 17 | <div class="ticket_info mb20"> |
| 32 | <div class="tit_box"> | 18 | <div class="tit_box"> |
| ... | @@ -153,9 +139,25 @@ | ... | @@ -153,9 +139,25 @@ |
| 153 | </div> | 139 | </div> |
| 154 | </div> | 140 | </div> |
| 155 | </div> | 141 | </div> |
| 156 | <!-- 场馆布局图--> | 142 | <div class="rightBox"> |
| 143 | <div class="info"> | ||
| 144 | <div class="name">{{ TickForm2.ticketTypeName }}</div> | ||
| 145 | <div class="address"> | ||
| 146 | {{ TickForm2.stadiumName }} | | ||
| 147 | <span v-if="TickForm2.sessionType=='1000'">{{ language == 0 ? '日间场' : 'Day' }}</span> | ||
| 148 | <span v-else>{{ language == 0 ? '夜间场' : 'Night' }}</span> | ||
| 149 | | {{ TickForm2.ticketName }} | ||
| 150 | </div> | ||
| 151 | |||
| 152 | <div v-if="TickForm2.ticketType=='0'" class="address">{{ | ||
| 153 | language == 0 ? '剩余数量' : 'Remaining Quantity' | ||
| 154 | }}: {{ leftCount }} | ||
| 155 | </div> | ||
| 156 | </div> | ||
| 157 | </div> | ||
| 157 | 158 | ||
| 158 | <div style="margin-top: 95px"> | 159 | <!-- 场馆布局图--> |
| 160 | <div style="margin-top: 30px"> | ||
| 159 | <el-image | 161 | <el-image |
| 160 | :preview-src-list="[fillImgUrl(tickImg)]" | 162 | :preview-src-list="[fillImgUrl(tickImg)]" |
| 161 | :src="fillImgUrl(tickImg)" | 163 | :src="fillImgUrl(tickImg)" |
| ... | @@ -709,4 +711,15 @@ div { | ... | @@ -709,4 +711,15 @@ div { |
| 709 | width: 100%; | 711 | width: 100%; |
| 710 | } | 712 | } |
| 711 | } | 713 | } |
| 714 | |||
| 715 | .rightBox { | ||
| 716 | .info { | ||
| 717 | background: rgba(69, 61, 234, 0.04); | ||
| 718 | border-radius: 8px; | ||
| 719 | border: 1px solid #d3d1f6; | ||
| 720 | padding: 20px 0 28px 33px; | ||
| 721 | margin-bottom: 20px; | ||
| 722 | margin-top: 30px; | ||
| 723 | } | ||
| 724 | } | ||
| 712 | </style> | 725 | </style> | ... | ... |
| ... | @@ -183,7 +183,7 @@ | ... | @@ -183,7 +183,7 @@ |
| 183 | class="son" | 183 | class="son" |
| 184 | fit="cover" | 184 | fit="cover" |
| 185 | preview-teleported | 185 | preview-teleported |
| 186 | style="width:200px" | 186 | style="width:190px;height: 135px" |
| 187 | /> | 187 | /> |
| 188 | </div> | 188 | </div> |
| 189 | </div> | 189 | </div> |
| ... | @@ -409,8 +409,8 @@ function selectTick(v) { | ... | @@ -409,8 +409,8 @@ function selectTick(v) { |
| 409 | selectForm.value.price = v.price | 409 | selectForm.value.price = v.price |
| 410 | selectForm.value.priceEn = v.priceEn | 410 | selectForm.value.priceEn = v.priceEn |
| 411 | // console.log(v) | 411 | // console.log(v) |
| 412 | 412 | showUrl.value = v.images | |
| 413 | handleImage() | 413 | show.value = true |
| 414 | } | 414 | } |
| 415 | 415 | ||
| 416 | function toSelectSeat() { | 416 | function toSelectSeat() { |
| ... | @@ -789,7 +789,7 @@ getmatchData() | ... | @@ -789,7 +789,7 @@ getmatchData() |
| 789 | .son { | 789 | .son { |
| 790 | position: absolute; | 790 | position: absolute; |
| 791 | top: 0; | 791 | top: 0; |
| 792 | left: 30px; | 792 | left: 50px; |
| 793 | } | 793 | } |
| 794 | 794 | ||
| 795 | .remarks { | 795 | .remarks { | ... | ... |
-
Please register or sign in to post a comment