后台游戏对局实时显示-优化
This commit is contained in:
@@ -2,31 +2,8 @@
|
||||
<div class="default-main ba-table-box">
|
||||
<el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />
|
||||
|
||||
<el-card v-if="canSettings" class="record-settings-card" shadow="never">
|
||||
<template #header>
|
||||
<span>{{ t('game.record.section_auto') }}</span>
|
||||
</template>
|
||||
<div v-loading="settingsLoading" class="record-settings-body">
|
||||
<div class="record-setting-row">
|
||||
<span class="record-setting-label">{{ t('game.record.auto_create_label') }}</span>
|
||||
<el-switch v-model="autoCreate" :disabled="settingsSaving" @change="onSwitchChange" />
|
||||
<span class="record-setting-tip">{{ t('game.record.auto_create_tip') }}</span>
|
||||
</div>
|
||||
<div class="record-setting-row">
|
||||
<span class="record-setting-label">{{ t('game.record.manual_create_label') }}</span>
|
||||
<el-switch v-model="manualCreate" :disabled="settingsSaving" @change="onSwitchChange" />
|
||||
<span class="record-setting-tip">{{ t('game.record.manual_create_tip') }}</span>
|
||||
</div>
|
||||
<div v-if="canManual" class="record-setting-actions">
|
||||
<el-button type="primary" :loading="createLoading" @click="onCreateNextManual">
|
||||
{{ t('game.record.btn_create_next') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<TableHeader
|
||||
:buttons="['refresh', 'add', 'edit', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']"
|
||||
:buttons="['refresh', 'comSearch', 'quickSearch', 'columnDisplay']"
|
||||
:quick-search-placeholder="t('Quick search placeholder', { fields: t('game.record.quick Search Fields') })"
|
||||
></TableHeader>
|
||||
|
||||
@@ -37,16 +14,14 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, onMounted, provide, ref, useTemplateRef } from 'vue'
|
||||
import { onMounted, provide, useTemplateRef } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import PopupForm from './popupForm.vue'
|
||||
import { baTableApi } from '/@/api/common'
|
||||
import { defaultOptButtons } from '/@/components/table'
|
||||
import TableHeader from '/@/components/table/header/index.vue'
|
||||
import Table from '/@/components/table/index.vue'
|
||||
import createAxios from '/@/utils/axios'
|
||||
import baTableClass from '/@/utils/baTable'
|
||||
import { auth } from '/@/utils/common'
|
||||
|
||||
defineOptions({
|
||||
name: 'game/record',
|
||||
@@ -54,17 +29,7 @@ defineOptions({
|
||||
|
||||
const { t } = useI18n()
|
||||
const tableRef = useTemplateRef('tableRef')
|
||||
const optButtons: OptButton[] = defaultOptButtons(['edit', 'delete'])
|
||||
|
||||
const settingsLoading = ref(false)
|
||||
const settingsSaving = ref(false)
|
||||
const createLoading = ref(false)
|
||||
const autoCreate = ref(false)
|
||||
const manualCreate = ref(false)
|
||||
const settingsReady = ref(false)
|
||||
|
||||
const canSettings = computed(() => auth('recordSettings'))
|
||||
const canManual = computed(() => auth('createNextManual'))
|
||||
const optButtons: OptButton[] = defaultOptButtons(['edit'])
|
||||
|
||||
const baTable = new baTableClass(
|
||||
new baTableApi('/admin/game.Record/'),
|
||||
@@ -112,92 +77,13 @@ const baTable = new baTableClass(
|
||||
|
||||
provide('baTable', baTable)
|
||||
|
||||
async function loadRecordSettings() {
|
||||
if (!canSettings.value) return
|
||||
settingsLoading.value = true
|
||||
try {
|
||||
const res = await createAxios({ url: '/admin/game.Record/recordSettings', method: 'get', showCodeMessage: false })
|
||||
if (res.code === 1 && res.data) {
|
||||
autoCreate.value = res.data.period_auto_create_enabled === 1
|
||||
manualCreate.value = res.data.period_manual_create_enabled === 1
|
||||
settingsReady.value = true
|
||||
}
|
||||
} finally {
|
||||
settingsLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function onSaveSettings() {
|
||||
if (!canSettings.value) return
|
||||
settingsSaving.value = true
|
||||
try {
|
||||
await createAxios({
|
||||
url: '/admin/game.Record/recordSettings',
|
||||
method: 'post',
|
||||
data: {
|
||||
period_auto_create_enabled: autoCreate.value ? 1 : 0,
|
||||
period_manual_create_enabled: manualCreate.value ? 1 : 0,
|
||||
},
|
||||
showSuccessMessage: true,
|
||||
})
|
||||
} finally {
|
||||
settingsSaving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function onSwitchChange() {
|
||||
if (!settingsReady.value) return
|
||||
void onSaveSettings()
|
||||
}
|
||||
|
||||
async function onCreateNextManual() {
|
||||
if (!canManual.value) return
|
||||
createLoading.value = true
|
||||
try {
|
||||
await createAxios({ url: '/admin/game.Record/createNextManual', method: 'post', showSuccessMessage: true })
|
||||
await baTable.getData()
|
||||
} finally {
|
||||
createLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
baTable.table.ref = tableRef.value
|
||||
baTable.mount()
|
||||
void loadRecordSettings()
|
||||
baTable.getData()?.then(() => {
|
||||
baTable.initSort()
|
||||
baTable.dragSort()
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.record-settings-card {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.record-settings-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.record-setting-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.record-setting-label {
|
||||
min-width: 160px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.record-setting-tip {
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 13px;
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
}
|
||||
.record-setting-actions {
|
||||
margin-top: 4px;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss"></style>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</template>
|
||||
<el-scrollbar v-loading="baTable.form.loading" class="ba-table-form-scrollbar">
|
||||
<div class="ba-operate-form" :class="'ba-' + baTable.form.operate + '-form'" :style="config.layout.shrink ? '' : 'width: calc(100% - ' + baTable.form.labelWidth! / 2 + 'px)'">
|
||||
<el-form v-if="!baTable.form.loading" ref="formRef" @submit.prevent="" @keyup.enter="baTable.onSubmit(formRef)" :model="baTable.form.items" :label-position="config.layout.shrink ? 'top' : 'right'" :label-width="baTable.form.labelWidth + 'px'" :rules="rules">
|
||||
<el-form v-if="!baTable.form.loading" ref="formRef" :model="baTable.form.items" :label-position="config.layout.shrink ? 'top' : 'right'" :label-width="baTable.form.labelWidth + 'px'" :rules="rules" :disabled="true">
|
||||
<FormItem :label="t('game.record.period_no')" type="string" v-model="baTable.form.items!.period_no" prop="period_no" />
|
||||
<FormItem :label="t('game.record.period_start_at')" type="datetime" v-model="baTable.form.items!.period_start_at" prop="period_start_at" />
|
||||
<FormItem
|
||||
@@ -33,9 +33,6 @@
|
||||
<template #footer>
|
||||
<div :style="'width: calc(100% - ' + baTable.form.labelWidth! / 1.8 + 'px)'">
|
||||
<el-button @click="baTable.toggleForm()">{{ t('Cancel') }}</el-button>
|
||||
<el-button v-blur :loading="baTable.form.submitLoading" @click="baTable.onSubmit(formRef)" type="primary">
|
||||
{{ baTable.form.operateIds && baTable.form.operateIds.length > 1 ? t('Save and edit next item') : t('Save') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
Reference in New Issue
Block a user