From 086446f92c8f7245ef52a5a71c12ca62cf31ce2f Mon Sep 17 00:00:00 2001 From: "HUOJIN\\92525" <925258474@qq.com> Date: Tue, 23 Jul 2024 16:29:00 +0800 Subject: [PATCH] no message --- src/api/pick.js | 9 +- src/views/business-data/pick/index.vue | 117 +++++++++++++++++++++++-- src/views/system/apiDict/index.vue | 8 +- 3 files changed, 121 insertions(+), 13 deletions(-) diff --git a/src/api/pick.js b/src/api/pick.js index 52582a5..83eab0e 100644 --- a/src/api/pick.js +++ b/src/api/pick.js @@ -24,4 +24,11 @@ export function edit(data) { }) } -export default { add, edit, del } +export function queryPickDetail(pickId) { + return request({ + url: 'api/pick/queryPickDetail?pickId=' + pickId, + method: 'get' + }) +} + +export default {add, edit, del, queryPickDetail} diff --git a/src/views/business-data/pick/index.vue b/src/views/business-data/pick/index.vue index 8b4ec12..89c7cf1 100644 --- a/src/views/business-data/pick/index.vue +++ b/src/views/business-data/pick/index.vue @@ -18,7 +18,8 @@ - @@ -85,10 +86,35 @@ - - - + + + + + @@ -110,6 +136,7 @@ /> +
@@ -128,6 +155,7 @@ import udOperation from '@crud/UD.operation' import pagination from '@crud/Pagination' import {getItemsList} from "@/api/item"; import {queryAllBigItem} from "@/api/bigItem"; +import {none} from "html-webpack-plugin/lib/chunksorter"; const defaultForm = { id: null, @@ -167,6 +195,8 @@ export default { return { gds: [], itemAndBigItem: [], + dataPickDetail: [], + loading: true, permission: { add: ['admin', 'pick:add'], edit: ['admin', 'pick:edit'], @@ -192,6 +222,7 @@ export default { } }, methods: { + none, // 钩子：在获取表格数据之前执行，false 则代表不获取数据 [CRUD.HOOK.beforeRefresh]() { return true @@ -217,12 +248,82 @@ export default { }); }) - } - } + }, + expandChange(row, expandedRows) { + // 该处是用于判断是展开还是收起行，只有展开的时候做请求，避免多次请求！ + // 展开的时候expandedRows有值，收起的时候为空. + this.loading = true; + if (expandedRows.length > 0) { + crudPick.queryPickDetail(row.id).then(res => { + // 遍历当前页面表 + this.$set(row, 'dataPickDetail', res) + this.loading = false; + }).catch(() => { + this.crud.notify('获取明细数据异常！', CRUD.NOTIFICATION_TYPE.ERROR); + }) + } + }, + handleRowClick(row, column, event) { + //点编辑按钮的时候不触发展开行 + if (!event.target.classList.contains('el-button')) { + this.$refs.table.toggleRowExpansion(row) + } + + } + + } } - diff --git a/src/views/system/apiDict/index.vue b/src/views/system/apiDict/index.vue index 4002bf5..3225dea 100644 --- a/src/views/system/apiDict/index.vue +++ b/src/views/system/apiDict/index.vue @@ -52,7 +52,7 @@
API字典详情