|
@@ -15,20 +15,20 @@
|
|
</el-header>
|
|
</el-header>
|
|
<el-main>
|
|
<el-main>
|
|
<el-table ref="spiderTable" :data="listState.list" border stripe :row-style="getRowStyle" v-loading="listState.loading">
|
|
<el-table ref="spiderTable" :data="listState.list" border stripe :row-style="getRowStyle" v-loading="listState.loading">
|
|
- <el-table-column prop="comeintimeText" label="日期" width="110" align="left" show-overflow-tooltip></el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="comeintimeText" label="日期" width="110" align="center" show-overflow-tooltip></el-table-column>
|
|
<!-- <el-table-column prop="proxyText" label="代理" align="left" show-overflow-tooltip></el-table-column>
|
|
<!-- <el-table-column prop="proxyText" label="代理" align="left" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="headlessText" label="浏览器" align="left" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="headlessText" label="浏览器" align="left" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="imageText" label="图像" align="left" show-overflow-tooltip></el-table-column> -->
|
|
<el-table-column prop="imageText" label="图像" align="left" show-overflow-tooltip></el-table-column> -->
|
|
- <el-table-column prop="listdatanum" label="列表量" align="left" show-overflow-tooltip></el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="listdatanum" label="列表量" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="needdownloadnum" label="待采量" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="needdownloadnum" label="待采量" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="detaildatanum" label="成功量" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="detaildatanum" label="成功量" align="center" show-overflow-tooltip></el-table-column>
|
|
- <el-table-column prop="pushnum" label="推送量" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column prop="stateText" label="处理状态" width="100" show-overflow-tooltip>
|
|
|
|
|
|
+ <el-table-column prop="pushnum" label="推送量" align="center" show-overflow-tooltip></el-table-column>
|
|
|
|
+ <el-table-column prop="stateText" label="处理状态" align="center" width="100" show-overflow-tooltip>
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<div class="highlight-main">{{scope.row.stateText}}</div>
|
|
<div class="highlight-main">{{scope.row.stateText}}</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="功能" width="220" align="center">
|
|
|
|
|
|
+ <el-table-column label="功能" width="250" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<el-tooltip content="列表页采集" placement="top">
|
|
<el-tooltip content="列表页采集" placement="top">
|
|
<el-button size="small" :class="{ active: scope.row._action_clicked_list_collect }" @click="tableEvents.handleListCollect(scope.$index, scope.row)">
|
|
<el-button size="small" :class="{ active: scope.row._action_clicked_list_collect }" @click="tableEvents.handleListCollect(scope.$index, scope.row)">
|
|
@@ -50,16 +50,20 @@
|
|
<el-icon><Position /></el-icon>
|
|
<el-icon><Position /></el-icon>
|
|
</el-button>
|
|
</el-button>
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
|
+ <el-tooltip content="清除记录" placement="top">
|
|
|
|
+ <el-button size="small" :class="{ active: scope.row._action_clicked_remove_history }" @click="tableEvents.handleRemoveHistory(scope.$index, scope.row)">
|
|
|
|
+ <el-icon><Delete /></el-icon>
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-tooltip>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="120" align="center">
|
|
<el-table-column label="操作" width="120" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-tooltip content="清除记录" placement="top">
|
|
|
|
- <el-button size="small" :class="{ active: scope.row._action_clicked_remove_history }" @click="tableEvents.handleRemoveHistory(scope.$index, scope.row)">
|
|
|
|
- <el-icon><Delete /></el-icon>
|
|
|
|
|
|
+ <el-dropdown>
|
|
|
|
+ <el-button size="small" :class="{ active: scope.row._action_clicked_stop_download}" @click="tableEvents.stopDownloadData(scope.$index, scope.row)">
|
|
|
|
+ 中断
|
|
</el-button>
|
|
</el-button>
|
|
- </el-tooltip>
|
|
|
|
-
|
|
|
|
|
|
+ </el-dropdown>
|
|
<el-dropdown>
|
|
<el-dropdown>
|
|
<el-button size="small">导出</el-button>
|
|
<el-button size="small">导出</el-button>
|
|
<template #dropdown>
|
|
<template #dropdown>
|
|
@@ -117,7 +121,7 @@
|
|
import { ref, computed, reactive, watch } from 'vue'
|
|
import { ref, computed, reactive, watch } from 'vue'
|
|
import { useStore } from 'vuex';
|
|
import { useStore } from 'vuex';
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
-import { ServerActionQlmAddRecord, QlmListDataDownload, QlmDetailDataDownload, ServerActionQlmRemoveRepeat, ServerActionQlmPushData, ServerActionQlmClearData } from "../../wailsjs/go/main/App"
|
|
|
|
|
|
+import { ServerActionQlmAddRecord,QlmStopDownloadData, QlmListDataDownload, QlmDetailDataDownload, ServerActionQlmRemoveRepeat, ServerActionQlmPushData, ServerActionQlmClearData } from "../../wailsjs/go/main/App"
|
|
import { SelectSaveFilePath, QlmRunExportJsonFile, QlmRunExportExcelFile } from "../../wailsjs/go/main/App"
|
|
import { SelectSaveFilePath, QlmRunExportJsonFile, QlmRunExportExcelFile } from "../../wailsjs/go/main/App"
|
|
|
|
|
|
import Breadcrumb from "../components/Breadcrumb.vue"
|
|
import Breadcrumb from "../components/Breadcrumb.vue"
|
|
@@ -259,6 +263,7 @@ async function getTableList() {
|
|
_action_clicked_detail_collect: false,
|
|
_action_clicked_detail_collect: false,
|
|
_action_clicked_pushed: false,
|
|
_action_clicked_pushed: false,
|
|
_action_clicked_remove_history: false,
|
|
_action_clicked_remove_history: false,
|
|
|
|
+ _action_clicked_stop_download: false,
|
|
// _action_clicked_submit: false,
|
|
// _action_clicked_submit: false,
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -336,7 +341,7 @@ const addRecord = () => {
|
|
|
|
|
|
const getActionCommonParams = row => {
|
|
const getActionCommonParams = row => {
|
|
const param = {
|
|
const param = {
|
|
- recordId: row._id,
|
|
|
|
|
|
+ recordid: row._id,
|
|
state: row.state
|
|
state: row.state
|
|
}
|
|
}
|
|
const other = {
|
|
const other = {
|
|
@@ -453,7 +458,7 @@ const tableEvents = {
|
|
},
|
|
},
|
|
handleDetailCollect(index, row) {
|
|
handleDetailCollect(index, row) {
|
|
onlyClickHighlight(row, '_action_clicked_detail_collect')
|
|
onlyClickHighlight(row, '_action_clicked_detail_collect')
|
|
- const pass = row.state === 3 || row.state === 5
|
|
|
|
|
|
+ const pass = row.state === 3 || row.state === 5 || row.state === 6
|
|
if (!pass) {
|
|
if (!pass) {
|
|
return ElMessage({
|
|
return ElMessage({
|
|
message: '请先完成上一步操作!',
|
|
message: '请先完成上一步操作!',
|
|
@@ -559,6 +564,36 @@ const tableEvents = {
|
|
},
|
|
},
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ stopDownloadData(_, row) {
|
|
|
|
+ onlyClickHighlight(row, '_action_clicked_stop_download')
|
|
|
|
+ confirmDialog({
|
|
|
|
+ success: () => {
|
|
|
|
+ loading.value = true
|
|
|
|
+ const payload = {
|
|
|
|
+ recordid: row._id,
|
|
|
|
+ }
|
|
|
|
+ console.log("payload",payload)
|
|
|
|
+ QlmStopDownloadData(payload).then(r => {
|
|
|
|
+ if (r.err === 1) {
|
|
|
|
+ ElMessage({
|
|
|
|
+ message: '操作成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ duration: 3000,
|
|
|
|
+ })
|
|
|
|
+ getTableList()
|
|
|
|
+ } else {
|
|
|
|
+ return ElMessage({
|
|
|
|
+ message: r.msg || '操作失败',
|
|
|
|
+ type: 'error',
|
|
|
|
+ duration: 3000,
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }).finally(() => {
|
|
|
|
+ loading.value = false
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+ },
|
|
}
|
|
}
|
|
|
|
|
|
const showRecordInfoDialog = (type) => {
|
|
const showRecordInfoDialog = (type) => {
|