zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:maxkb-dev/maxkb

Browse Source
This commit is contained in:
shaohuzhang1 2023-12-11 14:44:33 +08:00
commit cc9e17f577
10 changed files with 325 additions and 325 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/index.ts
View File

@ -16,6 +16,7 @@ import MarkdownRenderer from './markdown-renderer/index.vue'
import dynamicsForm from './dynamics-form'
import CardCheckbox from './card-checkbox/index.vue'
import AiChat from './ai-chat/index.vue'
import InfiniteScroll from './infinite-scroll/index.vue'
export default {
install(app: App) {
@ -36,5 +37,6 @@ export default {
app.component(MarkdownRenderer.name, MarkdownRenderer)
app.component(CardCheckbox.name, CardCheckbox)
app.component(AiChat.name, AiChat)
app.component(InfiniteScroll.name, InfiniteScroll)
}
}

64
ui/src/components/infinite-scroll/index.vue Normal file
View File

@ -0,0 +1,64 @@
<template>
<div v-infinite-scroll="loadDataset" :infinite-scroll-disabled="disabledScroll">
<slot />
</div>
<div style="padding: 16px 10px">
<el-divider v-if="size > 0 && loading">
<el-text type="info"> 加载中...</el-text>
</el-divider>
<el-divider v-if="noMore">
<el-text type="info"> 到底啦！</el-text>
</el-divider>
</div>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue'
defineOptions({ name: 'InfiniteScroll' })
const props = defineProps({
/**
* 对象数量
*/
size: {
type: Number,
default: 0
},
/**
* 总数
*/
total: {
type: Number,
default: 0
},
/**
* 总数
*/
page_size: {
type: Number,
default: 0
},
current_page: {
type: Number,
default: 0
},
loading: Boolean
})
const emit = defineEmits(['update:current_page', 'load'])
const current = ref(props.current_page)
const noMore = computed(
() =>
props.size > 0 && props.size === props.total && props.total > props.page_size && !props.loading
)
const disabledScroll = computed(() => props.size > 0 && (props.loading || noMore.value))
function loadDataset() {
if (props.total > props.page_size) {
current.value += 1
emit('update:current_page', current)
emit('load')
}
}
</script>
<style lang="scss" scoped></style>

28
ui/src/layout/components/top-bar/avatar/ResetPasssword.vue
View File

@ -6,6 +6,7 @@
:model="resetPasswordForm"
:rules="rules"
>
<p class="mb-8">新密码</p>
<el-form-item prop="password">
<el-input
type="password"
@ -13,10 +14,8 @@
class="input-item"
v-model="resetPasswordForm.password"
placeholder="请输入密码"
show-password
>
<template #prepend>
<el-button icon="Lock" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="re_password">
@ -26,12 +25,11 @@
class="input-item"
v-model="resetPasswordForm.re_password"
placeholder="请输入确认密码"
show-password
>
<template #prepend>
<el-button icon="Lock" />
</template>
</el-input>
</el-form-item>
<p class="mb-8">使用邮箱</p>
<el-form-item>
<el-input
size="large"
@ -40,9 +38,6 @@
v-bind:modelValue="user.userInfo?.email"
placeholder="请输入邮箱"
>
<template #prepend>
<el-button icon="UserFilled" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="code">
@ -53,9 +48,6 @@
v-model="resetPasswordForm.code"
placeholder="请输入验证码"
>
<template #prepend>
<el-button icon="Key" />
</template>
</el-input>
<el-button
size="large"
@ -69,7 +61,8 @@
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="resetPassword"> 修改密码 </el-button>
<el-button @click="resetPasswordDialog = false"> 取消 </el-button>
<el-button type="primary" @click="resetPassword"> 保存 </el-button>
</span>
</template>
</el-dialog>
@ -107,8 +100,8 @@ const rules = ref<FormRules<ResetCurrentUserPasswordRequest>>({
},
{
min: 6,
max: 30,
message: '长度在 6 到 30 个字符',
max: 20,
message: '长度在 6 到 20 个字符',
trigger: 'blur'
}
],
@ -120,8 +113,8 @@ const rules = ref<FormRules<ResetCurrentUserPasswordRequest>>({
},
{
min: 6,
max: 30,
message: '长度在 6 到 30 个字符',
max: 20,
message: '长度在 6 到 20 个字符',
trigger: 'blur'
},
{
@ -152,6 +145,7 @@ const open = () => {
re_password: ''
}
resetPasswordDialog.value = true
resetPasswordFormRef.value?.resetFields()
}
const resetPassword = () => {
resetPasswordFormRef.value

30
ui/src/layout/components/top-bar/avatar/index.vue
View File

@ -11,13 +11,20 @@
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="openResetPassword">
<AppIcon iconName="Lock"></AppIcon><span style="margin-left: 5px">修改密码</span>
</el-dropdown-item>
<el-dropdown-item @click="logout">
<AppIcon iconName="app-exit"></AppIcon><span style="margin-left: 5px">退出</span>
<el-dropdown-menu class="avatar-dropdown">
<div class="userInfo">
<p class="bold mb-4" style="font-size: 14px;">{{ user.userInfo?.username }}</p>
<p>
<el-text type="info">
{{ user.userInfo?.email }}
</el-text>
</p>
</div>
<el-dropdown-item class="border-t p-8" @click="openResetPassword">
修改密码
</el-dropdown-item>
<el-dropdown-item class="border-t"> 关于 </el-dropdown-item>
<el-dropdown-item class="border-t" @click="logout"> 退出 </el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@ -43,4 +50,13 @@ const logout = () => {
})
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.avatar-dropdown {
.userInfo {
padding: 12px 11px;
}
:deep(.el-dropdown-menu__item) {
padding: 12px 11px;
}
}
</style>

6
ui/src/styles/app.scss
View File

@ -432,9 +432,3 @@ h4 {
}
}
.custom-divider {
.el-divider__text {
background: var(--app-layout-bg-color);
}
}

161
ui/src/views/application/index.vue
View File

@ -10,77 +10,74 @@
class="w-240"
/>
</div>
<div v-loading.fullscreen.lock="pageConfig.current_page === 1 && loading">
<el-row
:gutter="15"
v-infinite-scroll="loadDataset"
:infinite-scroll-disabled="disabledScroll"
<div v-loading.fullscreen.lock="paginationConfig.current_page === 1 && loading">
<InfiniteScroll
:size="applicationList.length"
:total="paginationConfig.total"
:page_size="paginationConfig.page_size"
v-model:current_page="paginationConfig.current_page"
@load="getList"
:loading="loading"
>
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb-16">
<CardAdd title="创建应用" @click="router.push({ path: '/application/create' })" />
</el-col>
<el-col
:xs="24"
:sm="12"
:md="8"
:lg="6"
:xl="4"
v-for="(item, index) in applicationList"
:key="index"
class="mb-16"
>
<CardBox
:title="item.name"
:description="item.desc"
class="application-card cursor"
@click="router.push({ path: `/application/${item.id}/overview` })"
<el-row :gutter="15">
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb-16">
<CardAdd title="创建应用" @click="router.push({ path: '/application/create' })" />
</el-col>
<el-col
:xs="24"
:sm="12"
:md="8"
:lg="6"
:xl="4"
v-for="(item, index) in applicationList"
:key="index"
class="mb-16"
>
<template #icon>
<AppAvatar
v-if="item.name"
:name="item.name"
pinyinColor
class="mr-12"
shape="square"
:size="32"
/>
</template>
<CardBox
:title="item.name"
:description="item.desc"
class="application-card cursor"
@click="router.push({ path: `/application/${item.id}/overview` })"
>
<template #icon>
<AppAvatar
v-if="item.name"
:name="item.name"
pinyinColor
class="mr-12"
shape="square"
:size="32"
/>
</template>
<template #footer>
<div class="footer-content">
<el-tooltip effect="dark" content="演示" placement="top">
<el-button text @click.stop @click="getAccessToken(item.id)">
<AppIcon iconName="app-view"></AppIcon>
</el-button>
</el-tooltip>
<el-divider direction="vertical" />
<el-tooltip effect="dark" content="设置" placement="top">
<el-button
text
@click.stop="router.push({ path: `/application/${item.id}/setting` })"
>
<AppIcon iconName="Setting"></AppIcon>
</el-button>
</el-tooltip>
<el-divider direction="vertical" />
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteApplication(item)">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
</div>
</template>
</CardBox>
</el-col>
</el-row>
<div style="padding: 16px 10px">
<el-divider class="custom-divider" v-if="applicationList.length > 0 && loading">
<el-text type="info"> 加载中...</el-text>
</el-divider>
<el-divider class="custom-divider" v-if="noMore">
<el-text type="info"> 到底啦！</el-text>
</el-divider>
</div>
<template #footer>
<div class="footer-content">
<el-tooltip effect="dark" content="演示" placement="top">
<el-button text @click.stop @click="getAccessToken(item.id)">
<AppIcon iconName="app-view"></AppIcon>
</el-button>
</el-tooltip>
<el-divider direction="vertical" />
<el-tooltip effect="dark" content="设置" placement="top">
<el-button
text
@click.stop="router.push({ path: `/application/${item.id}/setting` })"
>
<AppIcon iconName="Setting"></AppIcon>
</el-button>
</el-tooltip>
<el-divider direction="vertical" />
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteApplication(item)">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
</div>
</template>
</CardBox>
</el-col>
</el-row>
</InfiniteScroll>
</div>
</div>
</template>
@ -97,7 +94,7 @@ const loading = ref(false)
const applicationList = ref<any[]>([])
const pageConfig = reactive({
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
total: 0
@ -108,30 +105,20 @@ const searchValue = ref('')
const noMore = computed(
() =>
applicationList.value.length > 0 &&
applicationList.value.length === pageConfig.total &&
pageConfig.total > 20 &&
applicationList.value.length === paginationConfig.total &&
paginationConfig.total > 20 &&
!loading.value
)
const disabledScroll = computed(
() => applicationList.value.length > 0 && (loading.value || noMore.value)
)
function loadDataset() {
if (pageConfig.total > pageConfig.page_size) {
pageConfig.current_page += 1
getList()
}
}
function searchHandle() {
pageConfig.total = 0
pageConfig.current_page = 1
paginationConfig.total = 0
paginationConfig.current_page = 1
applicationList.value = []
getList()
}
function getAccessToken(id: string) {
application.asyncGetAccessToken(id, loading).then((res:any) => {
window.open(application.location + res?.data?.access_token)
application.asyncGetAccessToken(id, loading).then((res: any) => {
window.open(application.location + res?.data?.access_token)
})
}
@ -158,10 +145,10 @@ function deleteApplication(row: any) {
function getList() {
applicationApi
.getApplication(pageConfig, searchValue.value && { name: searchValue.value }, loading)
.getApplication(paginationConfig, searchValue.value && { name: searchValue.value }, loading)
.then((res) => {
applicationList.value = [...applicationList.value, ...res.data.records]
pageConfig.total = res.data.total
paginationConfig.total = res.data.total
})
}

101
ui/src/views/dataset/index.vue
View File

@ -10,53 +10,50 @@
class="w-240"
/>
</div>
<div v-loading.fullscreen.lock="pageConfig.current_page === 1 && loading">
<el-row
:gutter="15"
v-infinite-scroll="loadDataset"
:infinite-scroll-disabled="disabledScroll"
<div v-loading.fullscreen.lock="paginationConfig.current_page === 1 && loading">
<InfiniteScroll
:size="datasetList.length"
:total="paginationConfig.total"
:page_size="paginationConfig.page_size"
v-model:current_page="paginationConfig.current_page"
@load="getList"
:loading="loading"
>
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb-16">
<CardAdd title="创建数据集" @click="router.push({ path: '/dataset/create' })" />
</el-col>
<template v-for="(item, index) in datasetList" :key="index">
<el-row :gutter="15">
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb-16">
<CardBox
:title="item.name"
:description="item.desc"
class="cursor"
@click="router.push({ path: `/dataset/${item.id}/document` })"
>
<template #mouseEnter>
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteDateset(item)" class="delete-button">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
</template>
<template #footer>
<div class="footer-content">
<span class="bold">{{ item?.document_count || 0 }}</span>
文档<el-divider direction="vertical" />
<span class="bold">{{ numberFormat(item?.char_length) || 0 }}</span>
字符<el-divider direction="vertical" />
<span class="bold">{{ item?.application_mapping_count || 0 }}</span>
关联应用
</div>
</template>
</CardBox>
<CardAdd title="创建数据集" @click="router.push({ path: '/dataset/create' })" />
</el-col>
</template>
</el-row>
<div style="padding: 16px 10px">
<el-divider class="custom-divider" v-if="datasetList.length > 0 && loading">
<el-text type="info"> 加载中...</el-text>
</el-divider>
<el-divider class="custom-divider" v-if="noMore">
<el-text type="info"> 到底啦！</el-text>
</el-divider>
</div>
<template v-for="(item, index) in datasetList" :key="index">
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb-16">
<CardBox
:title="item.name"
:description="item.desc"
class="cursor"
@click="router.push({ path: `/dataset/${item.id}/document` })"
>
<template #mouseEnter>
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteDateset(item)" class="delete-button">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
</template>
<template #footer>
<div class="footer-content">
<span class="bold">{{ item?.document_count || 0 }}</span>
文档<el-divider direction="vertical" />
<span class="bold">{{ numberFormat(item?.char_length) || 0 }}</span>
字符<el-divider direction="vertical" />
<span class="bold">{{ item?.application_mapping_count || 0 }}</span>
关联应用
</div>
</template>
</CardBox>
</el-col>
</template>
</el-row>
</InfiniteScroll>
</div>
</div>
</template>
@ -70,7 +67,7 @@ const router = useRouter()
const loading = ref(false)
const datasetList = ref<any[]>([])
const pageConfig = reactive({
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
total: 0
@ -81,8 +78,8 @@ const searchValue = ref('')
const noMore = computed(
() =>
datasetList.value.length > 0 &&
datasetList.value.length === pageConfig.total &&
pageConfig.total > 20 &&
datasetList.value.length === paginationConfig.total &&
paginationConfig.total > 20 &&
!loading.value
)
const disabledScroll = computed(
@ -90,14 +87,14 @@ const disabledScroll = computed(
)
function loadDataset() {
if (pageConfig.total > pageConfig.page_size) {
pageConfig.current_page += 1
if (paginationConfig.total > paginationConfig.page_size) {
paginationConfig.current_page += 1
getList()
}
}
function searchHandle() {
pageConfig.current_page = 1
paginationConfig.current_page = 1
datasetList.value = []
getList()
}
@ -129,9 +126,9 @@ function deleteDateset(row: any) {
function getList() {
datasetApi
.getDateset(pageConfig, searchValue.value && { name: searchValue.value }, loading)
.getDateset(paginationConfig, searchValue.value && { name: searchValue.value }, loading)
.then((res) => {
pageConfig.total = res.data.total
paginationConfig.total = res.data.total
datasetList.value = [...datasetList.value, ...res.data.records]
})
}

60
ui/src/views/log/component/ChatRecordDrawer.vue
View File

@ -14,26 +14,21 @@
class="h-full"
style="padding: 24px 0"
>
<div v-infinite-scroll="loadDataset" :infinite-scroll-disabled="disabledScroll">
<InfiniteScroll
:size="recordList.length"
:total="paginationConfig.total"
:page_size="paginationConfig.page_size"
v-model:current_page="paginationConfig.current_page"
@load="getChatRecord"
:loading="loading"
>
<AiChat :data="application" :record="recordList" log></AiChat>
</div>
<div style="padding: 16px 10px">
<el-divider class="custom-divider" v-if="recordList.length > 0 && loading">
<el-text type="info"> 加载中...</el-text>
</el-divider>
<el-divider class="custom-divider" v-if="noMore">
<el-text type="info"> 到底啦！</el-text>
</el-divider>
</div>
</InfiniteScroll>
</div>
<template #footer>
<div>
<el-button @click="pre" :disabled="pre_disable != undefined ? pre_disable : false"
>上一条</el-button
>
<el-button @click="next" :disabled="next_disable != undefined ? next_disable : false"
>下一条</el-button
>
<el-button @click="pre" :disabled="pre_disable || loading">上一条</el-button>
<el-button @click="next" :disabled="next_disable || loading">下一条</el-button>
</div>
</template>
</el-drawer>
@ -54,7 +49,7 @@ const props = withDefaults(
/**
* 对话 记录id
*/
id?: string
chartId?: string
/**
* 下一条
*/
@ -71,7 +66,7 @@ const props = withDefaults(
{}
)
defineEmits(['update:id'])
defineEmits(['update:chartId'])
const route = useRoute()
const {
@ -83,37 +78,19 @@ const recordList = ref<chatType[]>([])
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
page_size: 10,
total: 0
})
const noMore = computed(
() =>
recordList.value.length > 0 &&
recordList.value.length === paginationConfig.total &&
paginationConfig.total > 20 &&
!loading.value
)
const disabledScroll = computed(
() => recordList.value.length > 0 && (loading.value || noMore.value)
)
function closeHandel() {
recordList.value = []
paginationConfig.total = 0
paginationConfig.current_page = 1
}
function loadDataset() {
if (paginationConfig.total > paginationConfig.page_size) {
paginationConfig.current_page += 1
getChatRecord()
}
}
function getChatRecord() {
if (props.id && visible.value) {
logApi.getChatRecordLog(id as string, props.id, paginationConfig, loading).then((res) => {
if (props.chartId && visible.value) {
logApi.getChatRecordLog(id as string, props.chartId, paginationConfig, loading).then((res) => {
paginationConfig.total = res.data.total
recordList.value = [...recordList.value, ...res.data.records]
})
@ -121,7 +98,7 @@ function getChatRecord() {
}
watch(
() => props.id,
() => props.chartId,
() => {
recordList.value = []
paginationConfig.total = 0
@ -145,5 +122,8 @@ defineExpose({
background: var(--app-layout-bg-color);
padding: 0;
}
.el-divider__text {
background: var(--app-layout-bg-color);
}
}
</style>

66
ui/src/views/log/index.vue
View File

@ -67,7 +67,7 @@
:next="nextChatRecord"
:pre="preChatRecord"
ref="ChatRecordRef"
v-model:id="currentChatId"
v-model:chartId="currentChatId"
:application="detail"
:pre_disable="pre_disable"
:next_disable="next_disable"
@ -108,6 +108,27 @@ const dayOptions = [
}
]
const ChatRecordRef = ref()
const loading = ref(false)
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
total: 0
})
const tableData = ref<any[]>([])
const tableIndexMap = computed<Dict<number>>(() => {
return tableData.value
.map((row, index) => ({
[row.id]: index
}))
.reduce((pre, next) => ({ ...pre, ...next }), {})
})
const history_day = ref(7)
const search = ref('')
const detail = ref<any>(null)
const currentChatId = ref<string>('')
/**
* 下一页
*/
@ -118,7 +139,6 @@ const nextChatRecord = () => {
index + (paginationConfig.current_page - 1) * paginationConfig.page_size >=
paginationConfig.total - 1
) {
MsgError('没有更多了')
return
}
paginationConfig.current_page = paginationConfig.current_page + 1
@ -151,7 +171,6 @@ const preChatRecord = () => {
if (index < 0) {
if (paginationConfig.current_page <= 1) {
MsgError('到头了')
return
}
paginationConfig.current_page = paginationConfig.current_page - 1
@ -164,47 +183,6 @@ const preChatRecord = () => {
}
}
const ChatRecordRef = ref()
const loading = ref(false)
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
total: 0
})
const tableData = ref<any[]>([])
const tableIndexMap = computed<Dict<number>>(() => {
return tableData.value
.map((row, index) => ({
[row.id]: index
}))
.reduce((pre, next) => ({ ...pre, ...next }), {})
})
const history_day = ref(7)
const search = ref('')
const detail = ref<any>(null)
const currentChatId = ref<string>('')
function isFirst(index: number) {
if (index === 0 && paginationConfig.current_page === 1) {
return true
} else {
return false
}
}
function isLast(index: number) {
console.log((paginationConfig.current_page - 1) * paginationConfig.page_size + index + 1)
if (
(paginationConfig.current_page - 1) * paginationConfig.page_size + index + 1 ===
paginationConfig.total
) {
return true
} else {
return false
}
}
function rowClickHandle(row: any) {
currentChatId.value = row.id
ChatRecordRef.value.open()

132
ui/src/views/paragraph/index.vue
View File

@ -5,9 +5,12 @@
<el-button @click="addParagraph" type="primary" :disabled="loading"> 添加分段 </el-button>
</div>
</template>
<div class="document-detail__main p-16" v-loading="pageConfig.current_page === 1 && loading">
<div
class="document-detail__main p-16"
v-loading="paginationConfig.current_page === 1 && loading"
>
<div class="flex-between p-8">
<span>{{ pageConfig.total }} 段落</span>
<span>{{ paginationConfig.total }} 段落</span>
<el-input
v-model="search"
placeholder="搜索"
@ -26,55 +29,58 @@
<el-scrollbar>
<div class="document-detail-height">
<el-empty v-if="paragraphDetail.length == 0" description="暂无数据" />
<el-row v-else v-infinite-scroll="loadDataset" :infinite-scroll-disabled="disabledScroll">
<el-col
:xs="24"
:sm="12"
:md="8"
:lg="6"
:xl="6"
v-for="(item, index) in paragraphDetail"
:key="index"
class="p-8"
>
<CardBox
shadow="hover"
:title="item.title || '-'"
:description="item.content"
class="document-card cursor"
:class="item.is_active ? '' : 'disabled'"
:showIcon="false"
@click="editParagraph(item)"
>
<div class="active-button" @click.stop>
<el-switch
v-model="item.is_active"
@change="changeState($event, item)"
size="small"
/>
</div>
<template #footer>
<div class="footer-content flex-between">
<span> {{ numberFormat(item?.content.length) || 0 }} 个 字符 </span>
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteParagraph(item)" class="delete-button">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
<InfiniteScroll
v-else
:size="paragraphDetail.length"
:total="paginationConfig.total"
:page_size="paginationConfig.page_size"
v-model:current_page="paginationConfig.current_page"
@load="getParagraphList"
:loading="loading"
>
<el-row>
<el-col
:xs="24"
:sm="12"
:md="8"
:lg="6"
:xl="6"
v-for="(item, index) in paragraphDetail"
:key="index"
class="p-8"
>
<CardBox
shadow="hover"
:title="item.title || '-'"
:description="item.content"
class="document-card cursor"
:class="item.is_active ? '' : 'disabled'"
:showIcon="false"
@click="editParagraph(item)"
>
<div class="active-button" @click.stop>
<el-switch
v-model="item.is_active"
@change="changeState($event, item)"
size="small"
/>
</div>
</template>
</CardBox>
</el-col>
</el-row>
<div style="padding: 16px 10px">
<el-divider v-if="paragraphDetail.length > 0 && loading">
<el-text type="info"> 加载中...</el-text>
</el-divider>
<el-divider v-if="noMore">
<el-text type="info"> 到底啦！</el-text>
</el-divider>
</div>
<template #footer>
<div class="footer-content flex-between">
<span> {{ numberFormat(item?.content.length) || 0 }} 个 字符 </span>
<el-tooltip effect="dark" content="删除" placement="top">
<el-button text @click.stop="deleteParagraph(item)" class="delete-button">
<el-icon><Delete /></el-icon>
</el-button>
</el-tooltip>
</div>
</template>
</CardBox>
</el-col>
</el-row>
</InfiniteScroll>
</div>
</el-scrollbar>
</div>
@ -104,32 +110,14 @@ const title = ref('')
const search = ref('')
const searchType = ref('title')
const pageConfig = reactive({
const paginationConfig = reactive({
current_page: 1,
page_size: 20,
total: 0
})
const noMore = computed(
() =>
paragraphDetail.value.length > 0 &&
paragraphDetail.value.length === pageConfig.total &&
pageConfig.total > 20 &&
!loading.value
)
const disabledScroll = computed(
() => paragraphDetail.value.length > 0 && (loading.value || noMore.value)
)
function loadDataset() {
if (pageConfig.total > pageConfig.page_size) {
pageConfig.current_page += 1
getParagraphList()
}
}
function searchHandle() {
pageConfig.current_page = 1
paginationConfig.current_page = 1
paragraphDetail.value = []
getParagraphList()
}
@ -191,13 +179,13 @@ function getParagraphList() {
.getParagraph(
id,
documentId,
pageConfig,
paginationConfig,
search.value && { [searchType.value]: search.value },
loading
)
.then((res) => {
paragraphDetail.value = [...paragraphDetail.value, ...res.data.records]
pageConfig.total = res.data.total
paginationConfig.total = res.data.total
})
}
@ -206,7 +194,7 @@ function refresh(data: any) {
const index = paragraphDetail.value.findIndex((v) => v.id === data.id)
paragraphDetail.value.splice(index, 1, data)
} else {
pageConfig.current_page = 1
paginationConfig.current_page = 1
paragraphDetail.value = []
getParagraphList()
}