|
@@ -5,10 +5,10 @@
|
|
|
@onClose="$emit('update:show', false)"
|
|
|
@onSubmit="onSubmit"
|
|
|
width="62.5rem"
|
|
|
- height="auto"
|
|
|
+ height="80%"
|
|
|
>
|
|
|
<div
|
|
|
- class="flex flex-col rounded-lg bg-[var(--czr-dialog-bg)] p-4"
|
|
|
+ class="flex size-full flex-col overflow-hidden rounded-lg bg-[var(--czr-dialog-bg)] p-4"
|
|
|
v-loading="state.query.loading"
|
|
|
>
|
|
|
<div>
|
|
@@ -16,7 +16,7 @@
|
|
|
<CzrFormColumn
|
|
|
class="__czr-table-form-column"
|
|
|
:span="8"
|
|
|
- label-width="10px"
|
|
|
+ label-width="0px"
|
|
|
v-model:param="state.text"
|
|
|
placeholder="搜索"
|
|
|
:prefix-icon="Search"
|
|
@@ -29,11 +29,17 @@
|
|
|
/>
|
|
|
</CzrForm>
|
|
|
</div>
|
|
|
- <template v-if="state.query.result.data.length > 0">
|
|
|
- <div
|
|
|
- class="mt-4 grid max-h-[600px] flex-1 grid-cols-1 gap-4 overflow-y-auto"
|
|
|
+ <div class="mt-4 flex-1 overflow-hidden">
|
|
|
+ <CzrTableCard
|
|
|
+ class="table-card"
|
|
|
+ :page="state.query.page.pageNum"
|
|
|
+ :pageSize="state.query.page.pageSize"
|
|
|
+ :total="state.query.result.total"
|
|
|
+ :data="state.query.result.data"
|
|
|
+ @handlePage="onPage"
|
|
|
+ :col="1"
|
|
|
>
|
|
|
- <template v-for="row in state.query.result.data">
|
|
|
+ <template #model="{ row, index }">
|
|
|
<div
|
|
|
class="model cursor-pointer"
|
|
|
:class="{
|
|
@@ -89,11 +95,8 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <div class="flex h-40 w-full items-center justify-center">暂无数据</div>
|
|
|
- </template>
|
|
|
+ </CzrTableCard>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<detailCom
|
|
|
v-model:show="state.detail.show"
|
|
@@ -114,10 +117,8 @@ import {
|
|
|
watch,
|
|
|
} from 'vue'
|
|
|
import { debounce } from 'lodash'
|
|
|
-import { datasetsGetAllByPage } from '@/api/modules/knowledge'
|
|
|
import { useAppStore, useDialogStore, useDictionaryStore } from '@/stores'
|
|
|
import { Search } from '@element-plus/icons-vue'
|
|
|
-import { pluginGetInstanceList } from '@/api/modules/model'
|
|
|
import { YMDHms } from '@/utils/czr-util'
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
import detailCom from '@/views/workflow/detail/index.vue'
|
|
@@ -157,7 +158,6 @@ const state: any = reactive({
|
|
|
},
|
|
|
form: {},
|
|
|
})
|
|
|
-const ref_form = ref()
|
|
|
watch(
|
|
|
() => props.show,
|
|
|
(n) => {
|
|
@@ -187,7 +187,7 @@ watch(
|
|
|
)
|
|
|
const onSearch = () => {
|
|
|
state.query.formReal = JSON.parse(JSON.stringify(state.query.form))
|
|
|
- onPage(1, 100000)
|
|
|
+ onPage(1, 20)
|
|
|
}
|
|
|
const onPage = (pageNum, pageSize) => {
|
|
|
setTimeout(() => {
|