等级统计前端页面提交

src/api/imageRecord.js

@@ -8,3 +8,10 @@ export const getImageRecordList = (data) => {
     })
 }
 
+export const getImageRecordStatisticsList = (data) => {
+    return service({
+        url: '/levelMonitor/getImageRecordStatisticsList',
+        method: 'post',
+        data
+    })
+}

src/view/levelMonitor/imageRecordStatisticsList.vue

@@ -0,0 +1,194 @@
+<template>
+    <div>
+        <div class="gva-search-box">
+            <el-form ref="searchForm" :inline="true" :model="searchInfo">
+                <el-form-item label="任务Id">
+                    <el-input v-model="searchInfo.task_id" placeholder="任务ID" />
+                </el-form-item>
+                <el-form-item label="负责人">
+                    <el-select v-model="searchInfo.user" placeholder="负责人">
+                        <el-option v-for="item in ResponsiblePerson" :key="item.id" :label="item.name" :value="item.name" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="日期" prop="date">
+                    <el-date-picker v-model="searchInfo.date" size="default" type="daterange" unlink-panels
+                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :disabled-date="disabledDate"
+                        :shortcuts="shortcuts" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
+                    <el-button size="small" icon="refresh" @click="onReset">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="gva-table-box">
+            <el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange">
+                <el-table-column type="selection" width="55" />
+                <el-table-column align="left" label="游戏id" min-width="100" prop="task_id" sortable="custom" />
+                <el-table-column align="left" label="任务名称" min-width="100" prop="task_name" />
+                <el-table-column align="left" label="负责人" min-width="100" prop="user" sortable="custom" />
+                <el-table-column align="left" label="日期" min-width="150" prop="create_date" sortable="custom" />
+                <el-table-column align="left" label="次留" min-width="100" prop="two" />
+                <el-table-column align="left" label="3留" min-width="100" prop="three" />
+                <el-table-column align="left" label="4留" min-width="100" prop="four" />
+                <el-table-column align="left" label="5留" min-width="100" prop="five" />
+                <el-table-column align="left" label="6留" min-width="100" prop="six" />
+                <el-table-column align="left" label="7留" min-width="100" prop="seven" />
+                <el-table-column align="left" label="8留" min-width="100" prop="eight" />
+                <el-table-column align="left" label="9留" min-width="100" prop="nine" />
+                <el-table-column align="left" label="10留" min-width="100" prop="ten" />
+                <el-table-column align="left" label="11留" min-width="100" prop="eleven" />
+                <el-table-column align="left" label="12留" min-width="100" prop="twelve" />
+                <el-table-column align="left" label="13留" min-width="100" prop="thirteen" />
+                <el-table-column align="left" label="14留" min-width="100" prop="fourteen" />
+                <el-table-column align="left" label="15留" min-width="100" prop="fifteen" />
+                <el-table-column align="left" label="25留" min-width="100" prop="twenty_five" />
+                <el-table-column align="left" label="30留" min-width="100" prop="thirty" />
+            </el-table>
+            <div class="gva-pagination">
+                <el-pagination :current-page="page" :page-size="pageSize" :page-sizes="[10, 30, 50, 100]" :total="total"
+                    layout="total, sizes, prev, pager, next, jumper" @current-change="handleCurrentChange"
+                    @size-change="handleSizeChange" />
+            </div>
+        </div>
+    </div>
+</template>
+  
+<script>
+export default {
+    name: 'ImageRecordStatisticsList',
+}
+</script>
+  
+<script setup>
+import {
+    getImageRecordStatisticsList
+} from '@/api/imageRecord'
+import {
+    selectResponsiblePerson,
+} from '@/api/responsiblePerson'
+import { toSQLLine } from '@/utils/stringFun'
+import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import warningBar from '@/components/warningBar/warningBar.vue'
+import dayjs from "dayjs";
+const apis = ref([])
+const page = ref(1)
+const total = ref(0)
+const pageSize = ref(10)
+const tableData = ref([])
+const searchInfo = ref({})
+
+const ResponsiblePerson = ref([{
+    id: 0,
+    name: "",
+}
+])
+const getResponsiblePerson = async () => {
+    const table = await selectResponsiblePerson()
+    if (table.code === 0) {
+        ResponsiblePerson.value = table.data
+    }
+}
+getResponsiblePerson()
+
+
+const onReset = () => {
+    searchInfo.value = {}
+    getTableData()
+}
+
+// 搜索
+const onSubmit = () => {
+    page.value = 1
+    pageSize.value = 10
+    searchInfo.value.task_id = Number(searchInfo.value.task_id)
+    if (typeof searchInfo.value.date != "undefined") {
+        searchInfo.value.date[0] = dayjs(searchInfo.value.date[0]).format(
+            "YYYY-MM-DD"
+        );
+        searchInfo.value.date[1] = dayjs(searchInfo.value.date[1]).format(
+            "YYYY-MM-DD"
+        );
+    }
+    getTableData()
+}
+
+// 分页
+const handleSizeChange = (val) => {
+    pageSize.value = val
+    getTableData()
+}
+
+const handleCurrentChange = (val) => {
+    page.value = val
+    getTableData()
+}
+
+// 排序
+const sortChange = ({ prop, order }) => {
+    if (prop) {
+        if (prop === 'id') {
+            prop = 'id'
+        }
+        searchInfo.value.orderKey = toSQLLine(prop)
+        searchInfo.value.desc = order === 'descending'
+    }
+    getTableData()
+}
+
+// 查询
+const getTableData = async () => {
+    const table = await getImageRecordStatisticsList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
+    if (table.code === 0) {
+        tableData.value = table.data.list
+        total.value = table.data.total
+        page.value = table.data.page
+        pageSize.value = table.data.pageSize
+    }
+}
+
+getTableData()
+
+
+// }
+// const closeDialog = () => {
+//     dialogFormVisible.value = false
+// }
+const dialogTitle = ref('')
+const type = ref('')
+const dialogFormVisible = ref(false)
+
+// 批量操作
+const handleSelectionChange = (val) => {
+    apis.value = val
+}
+
+
+
+// 弹窗相关
+// const apiForm = ref(null)
+// const initForm = () => {
+//     apiForm.value.resetFields()
+//     form.value = {
+//         game_name: '',
+//         game_package_name: ''
+//     }
+// }
+
+</script>
+  
+<style scoped lang="scss">
+.button-box {
+    padding: 10px 20px;
+
+    .el-button {
+        float: right;
+    }
+}
+
+.warning {
+    color: #dc143c;
+}
+</style>
+