|
@@ -127,12 +127,16 @@
|
|
</div>
|
|
</div>
|
|
<van-button
|
|
<van-button
|
|
v-if="item.status === 'AVAILABLE'"
|
|
v-if="item.status === 'AVAILABLE'"
|
|
- type="success"
|
|
|
|
|
|
+ :type="!unApplyNumber ? 'default' : 'success'"
|
|
size="small"
|
|
size="small"
|
|
@click="reservationHandle(item)"
|
|
@click="reservationHandle(item)"
|
|
|
|
+ :disabled="!unApplyNumber"
|
|
>预约</van-button
|
|
>预约</van-button
|
|
>
|
|
>
|
|
<span class="full" v-else-if="item.status === 'FULL'">约满</span>
|
|
<span class="full" v-else-if="item.status === 'FULL'">约满</span>
|
|
|
|
+ <span class="finish" v-else-if="item.status === 'FINISHED'"
|
|
|
|
+ >已预约</span
|
|
|
|
+ >
|
|
<span class="stop" v-else>停止</span>
|
|
<span class="stop" v-else>停止</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -381,11 +385,15 @@ onUnmounted(() => {
|
|
}
|
|
}
|
|
span.full {
|
|
span.full {
|
|
color: #00b42a;
|
|
color: #00b42a;
|
|
- font-weight: bold;
|
|
|
|
|
|
+ font-size: 14px;
|
|
}
|
|
}
|
|
span.stop {
|
|
span.stop {
|
|
color: #bfbfbf;
|
|
color: #bfbfbf;
|
|
- font-weight: bold;
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ }
|
|
|
|
+ span.finish {
|
|
|
|
+ color: #8c8c8c;
|
|
|
|
+ font-size: 14px;
|
|
}
|
|
}
|
|
.left {
|
|
.left {
|
|
.s1 {
|
|
.s1 {
|