|
|
@@ -98,12 +98,14 @@
|
|
|
<div class="selects" :class="{ selectOnly: pickerOptions.length === 1 }">
|
|
|
<div
|
|
|
class="select"
|
|
|
- :class="{ prim: pickerValue === item.value }"
|
|
|
+ :class="{ prim: pickerValue === item.value, not: item.needAudit }"
|
|
|
v-for="(item, index) in pickerOptions"
|
|
|
:key="index"
|
|
|
- @click="choosePicker(item.value)"
|
|
|
+ @click="choosePicker(item.value, item.needAudit)"
|
|
|
>
|
|
|
{{ item.label }}
|
|
|
+
|
|
|
+ <img src="@assets/ong-weikaiqi.png" v-if="item.needAudit" class="not-img" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -175,6 +177,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.$http.get('/sysConfig/get/can_audit');
|
|
|
this.$http
|
|
|
.post('/gameMode/all', { size: 1000, query: { del: false } }, { body: 'json' })
|
|
|
.then(res => {
|
|
|
@@ -184,7 +187,8 @@ export default {
|
|
|
value: item.id,
|
|
|
minPlayerNum: item.minPlayerNum,
|
|
|
maxPlayerNum: item.maxPlayerNum,
|
|
|
- gameId: item.gameId
|
|
|
+ gameId: item.gameId,
|
|
|
+ needAudit: item.needAudit
|
|
|
};
|
|
|
});
|
|
|
})
|
|
|
@@ -323,7 +327,11 @@ export default {
|
|
|
this.$toast(e.error);
|
|
|
});
|
|
|
},
|
|
|
- choosePicker(id) {
|
|
|
+ choosePicker(id, needAudit = false) {
|
|
|
+ if (needAudit) {
|
|
|
+ this.wait();
|
|
|
+ return;
|
|
|
+ }
|
|
|
if (this.pickerType == 'modeId') {
|
|
|
let info = [...this.modeIdOptions].find(item => {
|
|
|
return item.value === id;
|
|
|
@@ -354,7 +362,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
beforeRouteLeave(to, from, next) {
|
|
|
- if (to.path === '/shop') {
|
|
|
+ if (to.path === '/shop' || to.path === '/roomDes') {
|
|
|
this.scrollTop = this.scrollWrapper.scrollTop;
|
|
|
this.setKeeps(['roomCreate']);
|
|
|
} else {
|
|
|
@@ -429,10 +437,23 @@ export default {
|
|
|
text-align: center;
|
|
|
line-height: 32px;
|
|
|
border-radius: 4px;
|
|
|
+ color: #6a6d83;
|
|
|
&.prim {
|
|
|
background: linear-gradient(225deg, #f6abf0 0%, #10f7ee 100%);
|
|
|
color: #1a1c2b;
|
|
|
}
|
|
|
+
|
|
|
+ &.not {
|
|
|
+ position: relative;
|
|
|
+ color: #6a6d8366;
|
|
|
+ .not-img {
|
|
|
+ width: 42px;
|
|
|
+ height: 28px;
|
|
|
+ position: absolute;
|
|
|
+ right: 4px;
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
&.selectOnly {
|
|
|
justify-content: center;
|