fix:优化
This commit is contained in:
lz-ui
parent
19078a32ce
commit
4c3103d67d
@ -99,7 +99,8 @@
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.cursor {
|
||||
.cursor,
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
@ -5,4 +5,37 @@ export const MatchResults = {
|
||||
CRS: '比分',
|
||||
TTG: '总进球',
|
||||
HAFU: '半全场胜平负',
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 添加 pickerOptions 配置，提供星期选项
|
||||
export const PickerOptions = reactive( [
|
||||
{
|
||||
text: '周一',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
text: '周二',
|
||||
value: '2'
|
||||
},
|
||||
{
|
||||
text: '周三',
|
||||
value: '3'
|
||||
},
|
||||
{
|
||||
text: '周四',
|
||||
value: '4'
|
||||
},
|
||||
{
|
||||
text: '周五',
|
||||
value: '5'
|
||||
},
|
||||
{
|
||||
text: '周六',
|
||||
value: '6'
|
||||
},
|
||||
{
|
||||
text: '周日',
|
||||
value: '0'
|
||||
}
|
||||
])
|
||||
@ -24,6 +24,7 @@
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
|
||||
<el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!--loading-->
|
||||
@ -41,10 +42,21 @@
|
||||
<el-table-column label="联赛" prop="leagueAllName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="主队" prop="homeTeamAllName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="客队" prop="awayTeamAbbName" />
|
||||
<el-table-column label="报告状态" prop="reportSatus">
|
||||
<el-table-column label="AI预测" prop="matchId">
|
||||
<template #default="scope">
|
||||
<el-tag v-if="scope.row.reportSatus === 1" type="success">已生成</el-tag>
|
||||
<el-tag v-else>未生成</el-tag>
|
||||
<el-popover placement="bottom" :width="360">
|
||||
<template #reference>
|
||||
<el-button link type="primary">查看</el-button>
|
||||
</template>
|
||||
<template #default>
|
||||
<EditHad :data="scope.row" />
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="报告信息" prop="reportSatus">
|
||||
<template #default="scope">
|
||||
{{ scope.row.reportSatus === 1 ? scope.row.reportDetail.reportFlag : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
@ -88,6 +100,7 @@ import { jumpLink } from "@/utils/tc"
|
||||
|
||||
import { processMatchResults } from "@/utils/tc"
|
||||
import EditHad from "@/views/tc/eventAnalysisReport/components/EditHad.vue"
|
||||
|
||||
import { ref } from "vue"
|
||||
|
||||
const router = useRouter()
|
||||
@ -119,6 +132,15 @@ const data = reactive({
|
||||
|
||||
const { queryParams } = toRefs(data)
|
||||
|
||||
|
||||
/** 导出按钮操作 */
|
||||
function handleExport() {
|
||||
|
||||
// proxy.download("system/user/export", {
|
||||
// ...queryParams.value,
|
||||
// },`user_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
|
||||
/** 提交表单 */
|
||||
function submitForm() {
|
||||
const data = editHadRef.value.getFormData()
|
||||
|
||||
@ -18,10 +18,27 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="时间">
|
||||
<!-- <el-form-item label="日期范围">
|
||||
<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||
start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="时间" prop="weekday">
|
||||
<el-select
|
||||
v-model="queryParams.weekday"
|
||||
style="width: 240px"
|
||||
@change="handleWeekdayChange"
|
||||
clearable
|
||||
placeholder="请选择星期"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in PickerOptions"
|
||||
:key="item.value"
|
||||
:label="item.text"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery" :loading="loading">重置</el-button>
|
||||
@ -84,7 +101,22 @@
|
||||
<el-tag v-else>未生成</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<el-table-column label="finyx模型" align="center" class-name="small-padding fixed-width">
|
||||
<template #header>
|
||||
<span>finyx模型</span>
|
||||
<el-popover placement="top" width="300" trigger="click">
|
||||
<template #reference>
|
||||
<el-icon class="ml-1 cursor-pointer" style="vertical-align: middle;">
|
||||
<QuestionFilled />
|
||||
</el-icon>
|
||||
</template>
|
||||
<template #default>
|
||||
<div>
|
||||
<p>Margin模型是机构保证稳定盈利的模型之一，根据模型的波动走向、同赔倾向等特点，再加上百万赛事信息的数据整理，及独有情报信息，绘制出赛事趋势走向，推演赛果走向</p>
|
||||
</div>
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
<template #default="scope">
|
||||
<span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)">
|
||||
分析结果<br/>
|
||||
@ -111,6 +143,8 @@
|
||||
import { bbInfo, bbInfoSelectDistinctLeagueAbbNames } from "@/api/tc/eventAnalysisReport"
|
||||
import { jumpLink } from "@/utils/tc"
|
||||
import { timerToStr } from "@/utils/timer"
|
||||
import { PickerOptions } from "@/enums/tc"
|
||||
|
||||
|
||||
const router = useRouter()
|
||||
const { proxy } = getCurrentInstance()
|
||||
|
||||
@ -17,9 +17,26 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="时间">
|
||||
<!-- <el-form-item label="时间">
|
||||
<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||
start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"></el-date-picker>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="时间" prop="weekday">
|
||||
<el-select
|
||||
v-model="queryParams.weekday"
|
||||
style="width: 240px"
|
||||
@change="handleWeekdayChange"
|
||||
clearable
|
||||
placeholder="请选择星期"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in PickerOptions"
|
||||
:key="item.value"
|
||||
:label="item.text"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery" :loading="loading">查询</el-button>
|
||||
@ -72,18 +89,6 @@
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="赛果赔率" prop="matchId">
|
||||
<template #default="scope">
|
||||
<el-popover placement="bottom" :width="360">
|
||||
<template #reference>
|
||||
<el-button link type="primary">查看</el-button>
|
||||
</template>
|
||||
<template #default>
|
||||
<EditHad :data="scope.row" />
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="比赛开始时间" align="center" prop="matchDateTime">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.matchDateTime) }}</span>
|
||||
@ -95,7 +100,22 @@
|
||||
<el-tag v-else>未生成</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<el-table-column label="finyx模型" align="center" class-name="small-padding fixed-width">
|
||||
<template #header>
|
||||
<span>finyx模型</span>
|
||||
<el-popover placement="top" width="300" trigger="click">
|
||||
<template #reference>
|
||||
<el-icon class="ml-1 cursor-pointer" style="vertical-align: middle;">
|
||||
<QuestionFilled />
|
||||
</el-icon>
|
||||
</template>
|
||||
<template #default>
|
||||
<div>
|
||||
<p>Margin模型是机构保证稳定盈利的模型之一，根据模型的波动走向、同赔倾向等特点，再加上百万赛事信息的数据整理，及独有情报信息，绘制出赛事趋势走向，推演赛果走向</p>
|
||||
</div>
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
<template #default="scope">
|
||||
<span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)">
|
||||
分析结果<br/>
|
||||
@ -127,8 +147,8 @@ import { Info, infoSelectDistinctLeagueAbbNames } from "@/api/tc/eventAnalysisRe
|
||||
import { jumpLink } from "@/utils/tc"
|
||||
import { timerToStr } from "@/utils/timer"
|
||||
import { processMatchResults } from "@/utils/tc"
|
||||
import EditHad from "@/views/tc/eventAnalysisReport/components/EditHad.vue"
|
||||
import { onActivated } from "vue"
|
||||
import { PickerOptions } from "@/enums/tc"
|
||||
|
||||
const router = useRouter()
|
||||
const { proxy } = getCurrentInstance()
|
||||
@ -136,7 +156,7 @@ const pageList = ref([])
|
||||
const loading = ref(false)
|
||||
const showSearch = ref(true)
|
||||
const total = ref(0)
|
||||
const dateRange = ref([])
|
||||
// const dateRange = ref([])
|
||||
|
||||
/** 数据范围选项*/
|
||||
const dataScopeOptions = ref([])
|
||||
@ -148,12 +168,45 @@ const data = reactive({
|
||||
pageSize: 10,
|
||||
matchNumStr: undefined,
|
||||
leagueAbbName: undefined,
|
||||
weekday: undefined,
|
||||
},
|
||||
rules: {},
|
||||
})
|
||||
|
||||
|
||||
|
||||
const { queryParams } = toRefs(data)
|
||||
|
||||
// 处理星期选择变化
|
||||
function handleWeekdayChange(value) {
|
||||
// 当用户通过快捷选项选择星期时触发
|
||||
handleQuery();
|
||||
}
|
||||
|
||||
/** 查询角色列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
const data = { ...queryParams.value }
|
||||
// if (dateRange.value && dateRange.value[0] && dateRange.value[1]) {
|
||||
// data.beginTime = dateRange.value[0]
|
||||
// data.endTime = dateRange.value[1]
|
||||
// } else {
|
||||
// data.beginTime = undefined
|
||||
// data.endTime = undefined
|
||||
// }
|
||||
Info(data).then(response => {
|
||||
const res = response.rows.map(item => ({
|
||||
...item,
|
||||
matchResults: item.matchResults ? processMatchResults(item.matchResults): null
|
||||
}));
|
||||
pageList.value = res
|
||||
total.value = response.total
|
||||
}).finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/** 获取联赛类型 */
|
||||
function getLeagueAbbNames() {
|
||||
infoSelectDistinctLeagueAbbNames().then(response => {
|
||||
@ -180,28 +233,6 @@ function handleView(row) {
|
||||
})
|
||||
}
|
||||
|
||||
/** 查询角色列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
const data = { ...queryParams.value }
|
||||
if (dateRange.value && dateRange.value[0] && dateRange.value[1]) {
|
||||
data.beginTime = dateRange.value[0]
|
||||
data.endTime = dateRange.value[1]
|
||||
} else {
|
||||
data.beginTime = undefined
|
||||
data.endTime = undefined
|
||||
}
|
||||
Info(data).then(response => {
|
||||
const res = response.rows.map(item => ({
|
||||
...item,
|
||||
matchResults: item.matchResults ? processMatchResults(item.matchResults): null
|
||||
}));
|
||||
pageList.value = res
|
||||
total.value = response.total
|
||||
}).finally(() => {
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
@ -211,7 +242,7 @@ function handleQuery() {
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
dateRange.value = []
|
||||
// dateRange.value = []
|
||||
proxy.resetForm("queryRef")
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user