|
|
|
@ -1,108 +1,105 @@
|
|
|
|
<script lang="ts" setup>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { computed, h, reactive, ref, unref } from 'vue'
|
|
|
|
import { computed, h, reactive, ref, unref } from "vue";
|
|
|
|
import { NDataTable, useDialog } from 'naive-ui'
|
|
|
|
import { NDataTable, useDialog } from "naive-ui";
|
|
|
|
import type { DataTableColumns, DataTableRowKey } from 'naive-ui'
|
|
|
|
import type { DataTableColumns, DataTableRowKey } from "naive-ui";
|
|
|
|
import Action from '../comp/Action.vue'
|
|
|
|
import Action from "../comp/Action.vue";
|
|
|
|
import { RejectModal } from './index'
|
|
|
|
import { RejectModal } from "./index";
|
|
|
|
import type { RowData } from '@/config/final'
|
|
|
|
import type { RowData } from "@/config/final";
|
|
|
|
import { getFinalList } from '@/api/final'
|
|
|
|
import { getFinalList } from "@/api/final";
|
|
|
|
import type { ApprovalParam } from '/#/api'
|
|
|
|
import type { ApprovalParam } from "/#/api";
|
|
|
|
import { audit } from '@/api/task/task'
|
|
|
|
import { audit } from "@/api/task/task";
|
|
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits<{
|
|
|
|
const emit = defineEmits<{
|
|
|
|
(e: 'commit', columns: any[])
|
|
|
|
(e: "commit", columns: any[]);
|
|
|
|
}>()
|
|
|
|
}>();
|
|
|
|
|
|
|
|
|
|
|
|
const show = ref(false)
|
|
|
|
const show = ref(false);
|
|
|
|
|
|
|
|
|
|
|
|
function showModal() {
|
|
|
|
function showModal() {
|
|
|
|
show.value = true
|
|
|
|
show.value = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function closeModal() {
|
|
|
|
function closeModal() {
|
|
|
|
show.value = false
|
|
|
|
show.value = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function handleSumbit(e: MouseEvent) {
|
|
|
|
async function handleSumbit(e: MouseEvent) {
|
|
|
|
e.preventDefault()
|
|
|
|
e.preventDefault();
|
|
|
|
closeModal()
|
|
|
|
closeModal();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
defineExpose({
|
|
|
|
showModal,
|
|
|
|
showModal,
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const columns: DataTableColumns<RowData> = [
|
|
|
|
const columns: DataTableColumns<RowData> = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
type: 'selection',
|
|
|
|
type: "selection",
|
|
|
|
fixed: 'left',
|
|
|
|
fixed: "left",
|
|
|
|
width: 50,
|
|
|
|
width: 50,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '任务Id',
|
|
|
|
title: "任务Id",
|
|
|
|
key: 'id',
|
|
|
|
key: "id",
|
|
|
|
fixed: 'left',
|
|
|
|
fixed: "left",
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '任务名称',
|
|
|
|
title: "任务名称",
|
|
|
|
key: 'fromtaskname',
|
|
|
|
key: "fromtaskname",
|
|
|
|
fixed: 'left',
|
|
|
|
fixed: "left",
|
|
|
|
width: 200,
|
|
|
|
width: 200,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '审批节点',
|
|
|
|
title: "审批节点",
|
|
|
|
key: 'approvalnode',
|
|
|
|
key: "approvalnode",
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '审批状态',
|
|
|
|
title: "审批状态",
|
|
|
|
key: 'states',
|
|
|
|
key: "states",
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '图片相似度',
|
|
|
|
title: "图片相似度",
|
|
|
|
key: 'similarity',
|
|
|
|
key: "similarity",
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '提报时间',
|
|
|
|
title: "提报时间",
|
|
|
|
key: 'fromuptime',
|
|
|
|
key: "fromuptime",
|
|
|
|
width: 200,
|
|
|
|
width: 200,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '更新时间',
|
|
|
|
title: "更新时间",
|
|
|
|
key: 'updatetime',
|
|
|
|
key: "updatetime",
|
|
|
|
width: 200,
|
|
|
|
width: 200,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '操作',
|
|
|
|
title: "操作",
|
|
|
|
key: 'actions',
|
|
|
|
key: "actions",
|
|
|
|
width: 200,
|
|
|
|
width: 200,
|
|
|
|
fixed: 'right',
|
|
|
|
fixed: "right",
|
|
|
|
render(row) {
|
|
|
|
render(row) {
|
|
|
|
return h(
|
|
|
|
return h(Action, {
|
|
|
|
Action,
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: row.id,
|
|
|
|
id: row.id,
|
|
|
|
status: row.states,
|
|
|
|
status: row.states,
|
|
|
|
trigger: actionHandler,
|
|
|
|
trigger: actionHandler,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
)
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const rejectModalRef = ref(null)
|
|
|
|
const rejectModalRef = ref(null);
|
|
|
|
const columnsRef = ref(columns)
|
|
|
|
const columnsRef = ref(columns);
|
|
|
|
const tableRef = ref<InstanceType<typeof NDataTable>>()
|
|
|
|
const tableRef = ref<InstanceType<typeof NDataTable>>();
|
|
|
|
const rowKey = (row: RowData) => row.id
|
|
|
|
const rowKey = (row: RowData) => row.id;
|
|
|
|
const loading = ref(true)
|
|
|
|
const loading = ref(true);
|
|
|
|
const pagination = reactive({
|
|
|
|
const pagination = reactive({
|
|
|
|
page: 1,
|
|
|
|
page: 1,
|
|
|
|
pageCount: 1,
|
|
|
|
pageCount: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
pageSize: 10,
|
|
|
|
showSizePicker:true,
|
|
|
|
showSizePicker: true,
|
|
|
|
pageSizes: [
|
|
|
|
pageSizes: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: "10 每页",
|
|
|
|
label: "10 每页",
|
|
|
|
@ -122,31 +119,36 @@ const pagination = reactive({
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
showQuickJumper: true,
|
|
|
|
showQuickJumper: true,
|
|
|
|
})
|
|
|
|
itemCount:100
|
|
|
|
const tableData = ref<Array<RowData>>([])
|
|
|
|
});
|
|
|
|
const selectionIds = ref<DataTableRowKey[]>([])
|
|
|
|
const tableData = ref<Array<RowData>>([]);
|
|
|
|
|
|
|
|
const selectionIds = ref<DataTableRowKey[]>([]);
|
|
|
|
|
|
|
|
|
|
|
|
const deviceHeight = ref(600)
|
|
|
|
const deviceHeight = ref(600);
|
|
|
|
|
|
|
|
|
|
|
|
const maxHeight = computed(() => {
|
|
|
|
const maxHeight = computed(() => {
|
|
|
|
return tableData.value.length ? `${unref(deviceHeight)}px` : 'auto'
|
|
|
|
return tableData.value.length ? `${unref(deviceHeight)}px` : "auto";
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
async function query(page: number, pageSize: number) {
|
|
|
|
async function query(page: number, pageSize: number) {
|
|
|
|
const result = await getFinalList({ sortorder: 'asc', pageSize: 10, currPage: 1, sortname: '' })
|
|
|
|
const result = await getFinalList({
|
|
|
|
const { data, pageCount } = result
|
|
|
|
sortorder: "asc",
|
|
|
|
tableData.value = data
|
|
|
|
pageSize: 10,
|
|
|
|
pagination.page = page
|
|
|
|
currPage: 1,
|
|
|
|
pagination.pageCount = pageCount
|
|
|
|
sortname: "",
|
|
|
|
loading.value = false
|
|
|
|
});
|
|
|
|
|
|
|
|
const { data, pageCount } = result;
|
|
|
|
|
|
|
|
tableData.value = data;
|
|
|
|
|
|
|
|
pagination.page = page;
|
|
|
|
|
|
|
|
pagination.pageCount = pageCount;
|
|
|
|
|
|
|
|
loading.value = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function handlePageChange(currentPage) {
|
|
|
|
async function handlePageChange(currentPage) {
|
|
|
|
if (loading.value)
|
|
|
|
if (loading.value) return;
|
|
|
|
return
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { pageSize } = pagination
|
|
|
|
const { pageSize } = pagination;
|
|
|
|
await query(currentPage, pageSize)
|
|
|
|
await query(currentPage, pageSize);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
async function handlePageSizeChange(currentPageSize) {
|
|
|
|
async function handlePageSizeChange(currentPageSize) {
|
|
|
|
if (loading.value) return;
|
|
|
|
if (loading.value) return;
|
|
|
|
@ -158,56 +160,55 @@ async function handlePageSizeChange(currentPageSize) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function handleCheck(rowKeys: DataTableRowKey[]) {
|
|
|
|
function handleCheck(rowKeys: DataTableRowKey[]) {
|
|
|
|
selectionIds.value = rowKeys
|
|
|
|
selectionIds.value = rowKeys;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function actionHandler(action: any) {
|
|
|
|
function actionHandler(action: any) {
|
|
|
|
const { key } = action
|
|
|
|
const { key } = action;
|
|
|
|
switch (key) {
|
|
|
|
switch (key) {
|
|
|
|
case 'view':
|
|
|
|
case "view":
|
|
|
|
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "reset":
|
|
|
|
case 'reset':
|
|
|
|
resetHandler();
|
|
|
|
resetHandler()
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "approval":
|
|
|
|
case 'approval':
|
|
|
|
approvalHandler();
|
|
|
|
approvalHandler()
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "reject":
|
|
|
|
case 'reject':
|
|
|
|
(rejectModalRef.value as any).showModal();
|
|
|
|
(rejectModalRef.value as any).showModal()
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
|
|
|
|
default:
|
|
|
|
default:
|
|
|
|
break
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const dialog = useDialog()
|
|
|
|
const dialog = useDialog();
|
|
|
|
|
|
|
|
|
|
|
|
function resetHandler() {
|
|
|
|
function resetHandler() {
|
|
|
|
dialog.info({
|
|
|
|
dialog.info({
|
|
|
|
title: '确认提示',
|
|
|
|
title: "确认提示",
|
|
|
|
content: '确认重置当前选中的任务的审批吗?',
|
|
|
|
content: "确认重置当前选中的任务的审批吗?",
|
|
|
|
positiveText: '确定',
|
|
|
|
positiveText: "确定",
|
|
|
|
negativeText: '取消',
|
|
|
|
negativeText: "取消",
|
|
|
|
onPositiveClick: async () => {
|
|
|
|
onPositiveClick: async () => {
|
|
|
|
// TODO：需要支持重置
|
|
|
|
// TODO：需要支持重置
|
|
|
|
// const result = await resetApproval()
|
|
|
|
// const result = await resetApproval()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onNegativeClick: () => { },
|
|
|
|
onNegativeClick: () => {},
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function approvalHandler() {
|
|
|
|
function approvalHandler() {
|
|
|
|
dialog.info({
|
|
|
|
dialog.info({
|
|
|
|
title: '确认提示',
|
|
|
|
title: "确认提示",
|
|
|
|
content: '确认给该任务审批为【通过】吗?',
|
|
|
|
content: "确认给该任务审批为【通过】吗?",
|
|
|
|
positiveText: '确定',
|
|
|
|
positiveText: "确定",
|
|
|
|
negativeText: '取消',
|
|
|
|
negativeText: "取消",
|
|
|
|
onPositiveClick: () => {
|
|
|
|
onPositiveClick: () => {
|
|
|
|
// TODO：调用批量审批接口
|
|
|
|
// TODO：调用批量审批接口
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onNegativeClick: () => { },
|
|
|
|
onNegativeClick: () => {},
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function rejectHandler(idOrDesc: string, isOther: boolean) {
|
|
|
|
function rejectHandler(idOrDesc: string, isOther: boolean) {
|
|
|
|
@ -218,22 +219,26 @@ function rejectHandler(idOrDesc: string, isOther: boolean) {
|
|
|
|
// approvd: false,
|
|
|
|
// approvd: false,
|
|
|
|
// taskComment: '',
|
|
|
|
// taskComment: '',
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// if (isOther)
|
|
|
|
// if (isOther)
|
|
|
|
// param.taskComment = idOrDesc
|
|
|
|
// param.taskComment = idOrDesc
|
|
|
|
// else
|
|
|
|
// else
|
|
|
|
// param.taskComment = idOrDesc
|
|
|
|
// param.taskComment = idOrDesc
|
|
|
|
|
|
|
|
|
|
|
|
// audit(param)
|
|
|
|
// audit(param)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
query(pagination.page, pagination.pageSize)
|
|
|
|
query(pagination.page, pagination.pageSize);
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<n-modal v-model:show="show" transform-origin="center">
|
|
|
|
<n-modal v-model:show="show" transform-origin="center">
|
|
|
|
<n-card class="cardstyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
|
|
|
|
<n-card
|
|
|
|
|
|
|
|
class="cardstyle"
|
|
|
|
|
|
|
|
:bordered="false"
|
|
|
|
|
|
|
|
size="huge"
|
|
|
|
|
|
|
|
role="dialog"
|
|
|
|
|
|
|
|
aria-modal="true"
|
|
|
|
|
|
|
|
>
|
|
|
|
<div class="wrapper">
|
|
|
|
<div class="wrapper">
|
|
|
|
<span class="wrapper-title">重复任务</span>
|
|
|
|
<span class="wrapper-title">重复任务</span>
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
@ -243,19 +248,25 @@ query(pagination.page, pagination.pageSize)
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="wrapper-content">
|
|
|
|
<div class="wrapper-content">
|
|
|
|
<NDataTable
|
|
|
|
<NDataTable
|
|
|
|
ref="tableRef" remote :columns="columnsRef" :scroll-x="1250" :max-height="maxHeight" :data="tableData"
|
|
|
|
ref="tableRef"
|
|
|
|
:loading="loading" :pagination="pagination" :row-key="rowKey" @update:page="handlePageChange"
|
|
|
|
remote
|
|
|
|
@update-page-size="handlePageSizeChange"
|
|
|
|
:columns="columnsRef"
|
|
|
|
|
|
|
|
:scroll-x="1250"
|
|
|
|
|
|
|
|
:max-height="maxHeight"
|
|
|
|
|
|
|
|
:data="tableData"
|
|
|
|
|
|
|
|
:loading="loading"
|
|
|
|
|
|
|
|
:pagination="pagination"
|
|
|
|
|
|
|
|
:row-key="rowKey"
|
|
|
|
|
|
|
|
@update:page="handlePageChange"
|
|
|
|
|
|
|
|
@update-page-size="handlePageSizeChange"
|
|
|
|
@update:checked-row-keys="handleCheck"
|
|
|
|
@update:checked-row-keys="handleCheck"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<div class="wrapper-footer">
|
|
|
|
<div class="wrapper-footer">
|
|
|
|
<n-button type="info" @click="handleSumbit">
|
|
|
|
<n-button type="info" @click="handleSumbit"> 确认 </n-button>
|
|
|
|
确认
|
|
|
|
<n-button secondary style="margin-left: 15px" @click="closeModal">
|
|
|
|
</n-button>
|
|
|
|
|
|
|
|
<n-button secondary style="margin-left:15px" @click="closeModal">
|
|
|
|
|
|
|
|
取消
|
|
|
|
取消
|
|
|
|
</n-button>
|
|
|
|
</n-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -284,7 +295,7 @@ query(pagination.page, pagination.pageSize)
|
|
|
|
|
|
|
|
|
|
|
|
&-content {
|
|
|
|
&-content {
|
|
|
|
flex: auto;
|
|
|
|
flex: auto;
|
|
|
|
background: #FFF;
|
|
|
|
background: #fff;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -299,7 +310,7 @@ query(pagination.page, pagination.pageSize)
|
|
|
|
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
&:before {
|
|
|
|
background-color: #1980ff;
|
|
|
|
background-color: #1980ff;
|
|
|
|
content: '';
|
|
|
|
content: "";
|
|
|
|
width: 5px;
|
|
|
|
width: 5px;
|
|
|
|
border-radius: 2px;
|
|
|
|
border-radius: 2px;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|
|
