|
|
|
|
@ -14,6 +14,7 @@ import {
|
|
|
|
|
} from 'vue'
|
|
|
|
|
import { NDataTable, useDialog, useMessage } from 'naive-ui'
|
|
|
|
|
import type { DataTableColumns, DataTableRowKey } from 'naive-ui'
|
|
|
|
|
import { useRouter } from 'vue-router'
|
|
|
|
|
import {
|
|
|
|
|
ListAction,
|
|
|
|
|
StatusItem,
|
|
|
|
|
@ -21,7 +22,7 @@ import {
|
|
|
|
|
import { RejectModal } from './index'
|
|
|
|
|
import { useDictionary } from '@/store/modules/dictonary'
|
|
|
|
|
import type { RowData } from '@/config/final'
|
|
|
|
|
import { getFinalList, getRepeatList } from '@/api/final'
|
|
|
|
|
import { getRepeatList } from '@/api/final'
|
|
|
|
|
import { formatToDateHMS } from '@/utils/dateUtil'
|
|
|
|
|
import { audit } from '@/api/task/task'
|
|
|
|
|
import NotPassed from '@/components/Approval/NotPassed.vue'
|
|
|
|
|
@ -35,6 +36,7 @@ const show = ref(false)
|
|
|
|
|
const izstatusList = ref([])
|
|
|
|
|
const dialog = useDialog()
|
|
|
|
|
const checkedRowKeys = ref([])
|
|
|
|
|
const router = useRouter()
|
|
|
|
|
|
|
|
|
|
onBeforeMount(() => {
|
|
|
|
|
dicStore.fetchizstatusListt()
|
|
|
|
|
@ -59,7 +61,7 @@ const columns: DataTableColumns<RowData> = [
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '任务Id',
|
|
|
|
|
title: '任务ID',
|
|
|
|
|
key: 'id',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
width: 180,
|
|
|
|
|
@ -234,6 +236,7 @@ function actionHandler(action: any, row: any) {
|
|
|
|
|
const { key } = action
|
|
|
|
|
switch (key) {
|
|
|
|
|
case 'view':
|
|
|
|
|
goDetail(row)
|
|
|
|
|
break
|
|
|
|
|
case 'reset':
|
|
|
|
|
// resetHandler()
|
|
|
|
|
@ -355,6 +358,10 @@ function reload() {
|
|
|
|
|
checkedRowKeys.value = []
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function goDetail(row) {
|
|
|
|
|
router.push({ name: 'final-detail', query: { id: row.id, packageid: row.packageid } })
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
showModal,
|
|
|
|
|
})
|
|
|
|
|
@ -373,45 +380,45 @@ defineExpose({
|
|
|
|
|
aria-modal="true"
|
|
|
|
|
>
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
<span class="wrapper-title">重复任务</span>
|
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
|
<div class="wrapper-info">
|
|
|
|
|
<span :style="{ 'margin-left': '18px' }">任务信息</span>
|
|
|
|
|
<div class="card-top">
|
|
|
|
|
<span class="wrapper-title">重复任务</span>
|
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
|
<div class="wrapper-info">
|
|
|
|
|
<span>任务信息</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="batch">
|
|
|
|
|
<img class="btn-approval btn-left" src="@/assets/images/task/btn-not-pass.png" alt="" @click.stop="batchReject">
|
|
|
|
|
<SvgIcon size="24" name="vs" />
|
|
|
|
|
<img class="btn-approval" src="@/assets/images/task/btn-pass.png" alt="" @click.stop="batchApproval">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-content">
|
|
|
|
|
<NDataTable
|
|
|
|
|
ref="tableRef"
|
|
|
|
|
v-model:checked-row-keys="checkedRowKeys"
|
|
|
|
|
remote
|
|
|
|
|
: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"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="batch">
|
|
|
|
|
<img class="btn-approval btn-left" src="@/assets/images/task/btn-not-pass.png" alt="" @click.stop="batchReject">
|
|
|
|
|
<SvgIcon size="24" name="vs" />
|
|
|
|
|
<img class="btn-approval" src="@/assets/images/task/btn-pass.png" alt="" @click.stop="batchApproval">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-content">
|
|
|
|
|
<NDataTable
|
|
|
|
|
ref="tableRef"
|
|
|
|
|
v-model:checked-row-keys="checkedRowKeys"
|
|
|
|
|
remote
|
|
|
|
|
: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"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="wrapper-footer">
|
|
|
|
|
<n-button type="info" @click="handleSumbit">
|
|
|
|
|
确认
|
|
|
|
|
</n-button>
|
|
|
|
|
<n-button secondary style="margin-left: 15px" @click="closeModal">
|
|
|
|
|
取消
|
|
|
|
|
</n-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div class="wrapper-footer">
|
|
|
|
|
<n-button class="btn1" type="info" @click="handleSumbit">
|
|
|
|
|
确定
|
|
|
|
|
</n-button>
|
|
|
|
|
<n-button secondary class="btn" style="margin-left: 15px" @click="closeModal">
|
|
|
|
|
取消
|
|
|
|
|
</n-button>
|
|
|
|
|
</div>
|
|
|
|
|
</n-card>
|
|
|
|
|
</n-modal>
|
|
|
|
|
<RejectModal ref="rejectModalRef" @commit="rejectHandler" />
|
|
|
|
|
@ -435,9 +442,15 @@ defineExpose({
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
.card-top{
|
|
|
|
|
padding: 24px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Medium;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-bar {
|
|
|
|
|
@ -455,19 +468,31 @@ defineExpose({
|
|
|
|
|
&-footer {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
border-top: 0.5px solid #d9d9d9;
|
|
|
|
|
padding: 15px 24px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-info {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 29px;
|
|
|
|
|
background: #f8f8f8;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Medium;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #333333;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left: 14px;
|
|
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
|
background-color: #1980ff;
|
|
|
|
|
background-color: #507AFD;
|
|
|
|
|
content: "";
|
|
|
|
|
width: 5px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
height: 18px;
|
|
|
|
|
width: 4px;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
top: 5px;
|
|
|
|
|
left: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -488,4 +513,21 @@ defineExpose({
|
|
|
|
|
--n-padding-top: 0px;
|
|
|
|
|
--n-padding-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep(.n-card__content) {
|
|
|
|
|
padding: 0!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep(.n-data-table .n-data-table-td) {
|
|
|
|
|
padding: 10px 12px!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn1{
|
|
|
|
|
background: #507AFD;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn{
|
|
|
|
|
border: 1px solid #cad2dd;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
Dragon
1 year ago
