From 6bf748963eb7002d62c436cf2fcf69b50c9ab024 Mon Sep 17 00:00:00 2001 From: Dragon <> Date: Mon, 1 Apr 2024 16:06:55 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=88=E5=AE=A1bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/final/index.ts | 6 +- src/assets/icons/import.svg | 1 + src/assets/icons/look.svg | 1 + src/views/final/comp/ListAction.vue | 2 +- src/views/final/comp/RepeatTaskTableModal.vue | 132 ++++++++++++------ src/views/final/content/Content.vue | 24 +++- 6 files changed, 113 insertions(+), 53 deletions(-) create mode 100644 src/assets/icons/import.svg create mode 100644 src/assets/icons/look.svg diff --git a/src/api/final/index.ts b/src/api/final/index.ts index fab2e62..857eeb2 100644 --- a/src/api/final/index.ts +++ b/src/api/final/index.ts @@ -64,7 +64,7 @@ export async function repetitionTask() { } /** - * 获取审核列表 + * 获取小结重复列表 * @returns */ export async function getRepeatList(params: FinalParam) { @@ -76,8 +76,8 @@ export async function getRepeatList(params: FinalParam) { const { data: { records, totalPage, totalCount } } = res return { - pageCount: totalPage, + pageCount: 3, data: records, - totalCount, + totalCount: 20, } } diff --git a/src/assets/icons/import.svg b/src/assets/icons/import.svg new file mode 100644 index 0000000..08b665d --- /dev/null +++ b/src/assets/icons/import.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/look.svg b/src/assets/icons/look.svg new file mode 100644 index 0000000..fc64bd6 --- /dev/null +++ b/src/assets/icons/look.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/views/final/comp/ListAction.vue b/src/views/final/comp/ListAction.vue index e469bdf..f1ef5e2 100644 --- a/src/views/final/comp/ListAction.vue +++ b/src/views/final/comp/ListAction.vue @@ -31,7 +31,7 @@ const actions = computed(() => {
{{ action.label }} diff --git a/src/views/final/comp/RepeatTaskTableModal.vue b/src/views/final/comp/RepeatTaskTableModal.vue index 0d1c1ae..587fb28 100644 --- a/src/views/final/comp/RepeatTaskTableModal.vue +++ b/src/views/final/comp/RepeatTaskTableModal.vue @@ -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 = [ }, }, { - 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" >
- 重复任务 -
-
- 任务信息 +
+ 重复任务 +
+
+ 任务信息 +
+
+
+ + + +
+
+
-
-
- - - -
-
-
- +
+ + 确定 + + + 取消 + +
@@ -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; +} diff --git a/src/views/final/content/Content.vue b/src/views/final/content/Content.vue index 71285a0..a28a943 100644 --- a/src/views/final/content/Content.vue +++ b/src/views/final/content/Content.vue @@ -17,7 +17,6 @@ import { import { rowPropKeys } from 'naive-ui/es/legacy-grid/src/Row' import { useRoute, useRouter } from 'vue-router' import { - Action, CustomTabelModal, ImportExcelModal, ListAction, @@ -784,11 +783,13 @@ async function refreshHandler(searchId?: any) { trigger="click" >
  • - 批量导入数据 + 批量导入数据
  • 导出待审数据 @@ -796,6 +797,9 @@ async function refreshHandler(searchId?: any) {
  • 导出全部数据
    • +
@@ -864,6 +868,7 @@ async function refreshHandler(searchId?: any) { .batch { display: flex; align-items: center; + margin-right: 10px; .btn-approval{ width: 68px; @@ -875,6 +880,17 @@ async function refreshHandler(searchId?: any) { margin-left: 16px; } } + +.icon-wrap { + display: flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + background: rgba(80, 122, 253, 0.1); + border-radius: 8px; + cursor: pointer; +} .wrapper { display: flex; flex: 1; @@ -901,7 +917,7 @@ async function refreshHandler(searchId?: any) { .xjcc { font-weight: bold; - color: #6a80fc; + color: #507AFD; margin-right: 20px; } -- 2.39.3