|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="dataShare-pushedTask-container layout-padding">
|
|
<div class="dataShare-pushedTask-container layout-padding">
|
|
- <div class="layout-padding-auto layout-padding-view pd20">
|
|
|
|
|
|
+ <div class="layout-padding-auto layout-padding-view pd20">
|
|
<el-tabs v-model="state.queryParams.SelectType" @tab-change="handleQuery">
|
|
<el-tabs v-model="state.queryParams.SelectType" @tab-change="handleQuery">
|
|
<el-tab-pane name="1" label="服务工单受理"></el-tab-pane>
|
|
<el-tab-pane name="1" label="服务工单受理"></el-tab-pane>
|
|
<el-tab-pane name="2" label="电话记录"></el-tab-pane>
|
|
<el-tab-pane name="2" label="电话记录"></el-tab-pane>
|
|
@@ -9,64 +9,155 @@
|
|
<el-tab-pane name="5" label="省平台推送其他"></el-tab-pane>
|
|
<el-tab-pane name="5" label="省平台推送其他"></el-tab-pane>
|
|
<el-tab-pane name="6" label="其他平台"></el-tab-pane>
|
|
<el-tab-pane name="6" label="其他平台"></el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
- <ProTable
|
|
|
|
- ref="proTableRef"
|
|
|
|
- :columns="columns"
|
|
|
|
- :data="state.tableData"
|
|
|
|
- @updateTable="queryList"
|
|
|
|
- :loading="state.loading"
|
|
|
|
- :total="state.total"
|
|
|
|
- v-model:page-index="state.queryParams.PageIndex"
|
|
|
|
- v-model:page-size="state.queryParams.PageSize"
|
|
|
|
- >
|
|
|
|
- <template #table-search>
|
|
|
|
- <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
|
|
|
+ <ProTable
|
|
|
|
+ :columns="columns1"
|
|
|
|
+ :data="state.tableData"
|
|
|
|
+ @updateTable="queryList"
|
|
|
|
+ :loading="state.loading"
|
|
|
|
+ :total="state.total"
|
|
|
|
+ v-model:page-index="state.queryParams.PageIndex"
|
|
|
|
+ v-model:page-size="state.queryParams.PageSize"
|
|
|
|
+ v-if="['1'].includes(state.queryParams.SelectType)"
|
|
|
|
+ >
|
|
|
|
+ <template #table-search>
|
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
<el-form-item label="省工单编码" prop="CaseSerial">
|
|
<el-form-item label="省工单编码" prop="CaseSerial">
|
|
- <el-input v-model="state.queryParams.CaseSerial" placeholder="省工单编码" clearable @keyup.enter="handleQuery" class="keyword-input"/>
|
|
|
|
|
|
+ <el-input v-model="state.queryParams.CaseSerial" placeholder="省工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="请求地址" prop="Path">
|
|
<el-form-item label="请求地址" prop="Path">
|
|
- <el-input v-model="state.queryParams.Path" placeholder="请求地址" clearable @keyup.enter="handleQuery" class="keyword-input"/>
|
|
|
|
|
|
+ <el-input v-model="state.queryParams.Path" placeholder="请求地址" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="时间段" prop="crTime">
|
|
|
|
- <el-date-picker
|
|
|
|
- v-model="state.queryParams.crTime"
|
|
|
|
- type="datetimerange"
|
|
|
|
- unlink-panels
|
|
|
|
- range-separator="至"
|
|
|
|
- start-placeholder="开始时间"
|
|
|
|
- end-placeholder="结束时间"
|
|
|
|
- :shortcuts="shortcuts"
|
|
|
|
- @change="handleQuery"
|
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
|
- :clearable="false"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label-width="0">
|
|
|
|
- <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
|
- <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
|
- <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
|
- </el-button>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
- </template>
|
|
|
|
- <template #operation="{ row }">
|
|
|
|
- <el-button link type="primary" @click="onDetail(row)" title="查看任务明细"> 任务明细 </el-button>
|
|
|
|
- <el-button link type="primary" @click="onRePush(row)" title="重新推送"> 重推 </el-button>
|
|
|
|
- </template>
|
|
|
|
- </ProTable>
|
|
|
|
|
|
+ <el-form-item label="时间段" prop="crTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="state.queryParams.crTime"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ unlink-panels
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
|
|
+ :shortcuts="shortcuts"
|
|
|
|
+ @change="handleQuery"
|
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
|
+ :clearable="false"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width="0">
|
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </template>
|
|
|
|
+ <template #operation="{ row }">
|
|
|
|
+ <el-button link type="primary" @click="onDetail(row)" title="查看任务明细"> 任务明细 </el-button>
|
|
|
|
+ <el-button link type="primary" @click="onRePush(row)" title="重新推送"> 重推 </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </ProTable>
|
|
|
|
+ <ProTable
|
|
|
|
+ :columns="columns4"
|
|
|
|
+ :data="state.tableData"
|
|
|
|
+ @updateTable="queryList"
|
|
|
|
+ :loading="state.loading"
|
|
|
|
+ :total="state.total"
|
|
|
|
+ v-model:page-index="state.queryParams.PageIndex"
|
|
|
|
+ v-model:page-size="state.queryParams.PageSize"
|
|
|
|
+ v-if="['4'].includes(state.queryParams.SelectType)"
|
|
|
|
+ >
|
|
|
|
+ <template #table-search>
|
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
|
+ <el-form-item label="省工单编码" prop="CaseSerial">
|
|
|
|
+ <el-input v-model="state.queryParams.CaseSerial" placeholder="省工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="请求地址" prop="Path">
|
|
|
|
+ <el-input v-model="state.queryParams.Path" placeholder="请求地址" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="时间段" prop="crTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="state.queryParams.crTime"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ unlink-panels
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
|
|
+ :shortcuts="shortcuts"
|
|
|
|
+ @change="handleQuery"
|
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
|
+ :clearable="false"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width="0">
|
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </template>
|
|
|
|
+ <template #operation="{ row }">
|
|
|
|
+ <el-button link type="primary" @click="onDetail(row)" title="查看任务明细"> 任务明细 </el-button>
|
|
|
|
+ <el-button link type="primary" @click="onRePush(row)" title="重新推送"> 重推 </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </ProTable>
|
|
|
|
+ <ProTable
|
|
|
|
+ :columns="columns"
|
|
|
|
+ :data="state.tableData"
|
|
|
|
+ @updateTable="queryList"
|
|
|
|
+ :loading="state.loading"
|
|
|
|
+ :total="state.total"
|
|
|
|
+ v-model:page-index="state.queryParams.PageIndex"
|
|
|
|
+ v-model:page-size="state.queryParams.PageSize"
|
|
|
|
+ v-if="['2', '3', '5', '6'].includes(state.queryParams.SelectType)"
|
|
|
|
+ >
|
|
|
|
+ <template #table-search>
|
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent inline>
|
|
|
|
+ <el-form-item label="省工单编码" prop="CaseSerial">
|
|
|
|
+ <el-input v-model="state.queryParams.CaseSerial" placeholder="省工单编码" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="请求地址" prop="Path">
|
|
|
|
+ <el-input v-model="state.queryParams.Path" placeholder="请求地址" clearable @keyup.enter="handleQuery" class="keyword-input" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="时间段" prop="crTime">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="state.queryParams.crTime"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ unlink-panels
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
|
|
+ :shortcuts="shortcuts"
|
|
|
|
+ @change="handleQuery"
|
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
|
+ :clearable="false"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label-width="0">
|
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </template>
|
|
|
|
+ <template #operation="{ row }">
|
|
|
|
+ <el-button link type="primary" @click="onDetail(row)" title="查看任务明细"> 任务明细 </el-button>
|
|
|
|
+ <el-button link type="primary" @click="onRePush(row)" title="重新推送"> 重推 </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </ProTable>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script setup lang="tsx" name="dataSharePushedTask">
|
|
<script setup lang="tsx" name="dataSharePushedTask">
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
|
|
import { ElMessage, ElMessageBox, FormInstance } from 'element-plus';
|
|
-import { defaultDateTime, defaultTimeStartEnd, shortcuts } from "@/utils/constants";
|
|
|
|
|
|
+import { defaultDateTime, defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
import { getPushedTask, rePushNew } from '@/api/dataShare';
|
|
import { getPushedTask, rePushNew } from '@/api/dataShare';
|
|
import { formatDate } from '@/utils/formatTime';
|
|
import { formatDate } from '@/utils/formatTime';
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
import other from '@/utils/other';
|
|
import other from '@/utils/other';
|
|
-const proTableRef = ref<RefType>(); // 表格ref
|
|
|
|
// 表格配置项
|
|
// 表格配置项
|
|
const columns = ref<any[]>([
|
|
const columns = ref<any[]>([
|
|
{ prop: 'provinceNo', label: '省工单编码', align: 'center', minWidth: 200 },
|
|
{ prop: 'provinceNo', label: '省工单编码', align: 'center', minWidth: 200 },
|
|
@@ -103,7 +194,155 @@ const columns = ref<any[]>([
|
|
label: '平台名称',
|
|
label: '平台名称',
|
|
align: 'center',
|
|
align: 'center',
|
|
},
|
|
},
|
|
- { prop: 'pathText', label: '任务类型', align: 'center' },
|
|
|
|
|
|
+ { prop: 'pathText', label: '任务类型', align: 'center', minWidth: 150 },
|
|
|
|
+ { prop: 'request', label: '请求参数', align: 'center', minWidth: 200 },
|
|
|
|
+ {
|
|
|
|
+ prop: 'generationTime',
|
|
|
|
+ label: '生成时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.generationTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'creationTime',
|
|
|
|
+ label: '创建时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.creationTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ { prop: 'operation', label: '操作', fixed: 'right', width: 140, align: 'center' },
|
|
|
|
+]);
|
|
|
|
+const columns1 = ref<any[]>([
|
|
|
|
+ { prop: 'provinceNo', label: '省工单编码', align: 'center', minWidth: 200 },
|
|
|
|
+ {
|
|
|
|
+ prop: 'expiredTime',
|
|
|
|
+ label: '期满时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'firstTime',
|
|
|
|
+ label: '初次推送时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.firstTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'lastTime',
|
|
|
|
+ label: '最近一次推送时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.lastTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'sendTimes',
|
|
|
|
+ label: '推送次数',
|
|
|
|
+ align: 'center',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'isSuccesseText',
|
|
|
|
+ label: '推送状态',
|
|
|
|
+ align: 'center',
|
|
|
|
+ minWidth: 100,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'platformSourceText',
|
|
|
|
+ label: '平台名称',
|
|
|
|
+ align: 'center',
|
|
|
|
+ },
|
|
|
|
+ { prop: 'pathText', label: '任务类型', align: 'center', minWidth: 150 },
|
|
|
|
+ { prop: 'request', label: '请求参数', align: 'center', minWidth: 200 },
|
|
|
|
+ {
|
|
|
|
+ prop: 'generationTime',
|
|
|
|
+ label: '生成时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.generationTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'creationTime',
|
|
|
|
+ label: '创建时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.creationTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ { prop: 'operation', label: '操作', fixed: 'right', width: 140, align: 'center' },
|
|
|
|
+]);
|
|
|
|
+const columns4 = ref<any[]>([
|
|
|
|
+ { prop: 'provinceNo', label: '省工单编码', align: 'center', minWidth: 200 },
|
|
|
|
+ {
|
|
|
|
+ prop: 'expiredTime',
|
|
|
|
+ label: '期满时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'firstTime',
|
|
|
|
+ label: '初次推送时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.firstTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'lastTime',
|
|
|
|
+ label: '最近一次推送时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.lastTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'isOverdueText',
|
|
|
|
+ label: '是否超期',
|
|
|
|
+ align: 'center',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'filedTime',
|
|
|
|
+ label: '办结时间',
|
|
|
|
+ align: 'center',
|
|
|
|
+ width: 160,
|
|
|
|
+ render: (scope) => {
|
|
|
|
+ return <span>{formatDate(scope.row.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'sendTimes',
|
|
|
|
+ label: '推送次数',
|
|
|
|
+ align: 'center',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'isSuccesseText',
|
|
|
|
+ label: '推送状态',
|
|
|
|
+ align: 'center',
|
|
|
|
+ minWidth: 100,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ prop: 'platformSourceText',
|
|
|
|
+ label: '平台名称',
|
|
|
|
+ align: 'center',
|
|
|
|
+ },
|
|
|
|
+ { prop: 'pathText', label: '任务类型', align: 'center', minWidth: 150 },
|
|
{ prop: 'request', label: '请求参数', align: 'center', minWidth: 200 },
|
|
{ prop: 'request', label: '请求参数', align: 'center', minWidth: 200 },
|
|
{
|
|
{
|
|
prop: 'generationTime',
|
|
prop: 'generationTime',
|
|
@@ -139,8 +378,8 @@ const state = reactive<any>({
|
|
SelectType: '1',
|
|
SelectType: '1',
|
|
StartTime: null,
|
|
StartTime: null,
|
|
EndTime: null,
|
|
EndTime: null,
|
|
- CaseSerial:null,
|
|
|
|
- Path:null
|
|
|
|
|
|
+ CaseSerial: null,
|
|
|
|
+ Path: null,
|
|
},
|
|
},
|
|
tableData: [], //表单
|
|
tableData: [], //表单
|
|
loading: false, // 加载
|
|
loading: false, // 加载
|