图片记录前端页面优化

src/view/levelMonitor/imageRecordList.vue

@@ -2,14 +2,19 @@
     <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 label="任务Id">
-                    <el-input v-model="searchInfo.task_id" placeholder="任务ID" />
-                </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>
@@ -20,6 +25,8 @@
             <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="account" />
                 <el-table-column align="left" label="状态" min-width="100" prop="status">
                     <template #default="scope">
@@ -35,7 +42,7 @@
                         </div>
                     </template>
                 </el-table-column>
-                
+
                 <el-table-column align="left" label="登录次数" min-width="100" prop="use_num" sortable="custom" />
                 <el-table-column align="left" label="等级" min-width="100" prop="identify" sortable="custom" />
                 <el-table-column align="left" label="结果" min-width="100" prop="result" />
@@ -60,6 +67,9 @@ export default {
 import {
     getImageRecordList
 } from '@/api/imageRecord'
+import {
+    selectResponsiblePerson,
+} from '@/api/responsiblePerson'
 import { toSQLLine } from '@/utils/stringFun'
 import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -72,6 +82,19 @@ 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()