Skip to content

Commit 723aaf3

Browse files
wxg0103wxg0103
committed
refactor: clean up whitespace and formatting in index.vue
1 parent caa03dc commit 723aaf3

File tree

1 file changed

+90
-88
lines changed

1 file changed

+90
-88
lines changed

‎ui/src/views/application/index.vue‎

Lines changed: 90 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</template>
1414
<ContentContainer>
1515
<template #header>
16-
<FolderBreadcrumb :folderList="folderList" @click="folderClickHandle" />
16+
<FolderBreadcrumb :folderList="folderList" @click="folderClickHandle"/>
1717
</template>
1818
<template #search>
1919
<div class="flex">
@@ -24,9 +24,9 @@
2424
style="width: 120px"
2525
@change="search_type_change"
2626
>
27-
<el-option :label="$t('common.creator')" value="create_user" />
27+
<el-option :label="$t('common.creator')" value="create_user"/>
2828

29-
<el-option :label="$t('common.name')" value="name" />
29+
<el-option :label="$t('common.name')" value="name"/>
3030
</el-select>
3131
<el-input
3232
v-if="search_type === 'name'"
@@ -44,14 +44,14 @@
4444
clearable
4545
style="width: 220px"
4646
>
47-
<el-option v-for="u in user_options" :key="u.id" :value="u.id" :label="u.nick_name" />
47+
<el-option v-for="u in user_options" :key="u.id" :value="u.id" :label="u.nick_name"/>
4848
</el-select>
4949
</div>
5050
<el-dropdown trigger="click" v-if="permissionPrecise.create()">
5151
<el-button type="primary" class="ml-8">
5252
{{ $t('common.create') }}
5353
<el-icon class="el-icon--right">
54-
<arrow-down />
54+
<arrow-down/>
5555
</el-icon>
5656
</el-button>
5757
<template #dropdown>
@@ -68,7 +68,7 @@
6868
<div class="pre-wrap ml-8">
6969
<div class="lighter">{{ $t('views.application.simple') }}</div>
7070
<el-text type="info" size="small"
71-
>{{ $t('views.application.simplePlaceholder') }}
71+
>{{ $t('views.application.simplePlaceholder') }}
7272
</el-text>
7373
</div>
7474
</div>
@@ -85,7 +85,7 @@
8585
<div class="pre-wrap ml-8">
8686
<div class="lighter">{{ $t('views.application.workflow') }}</div>
8787
<el-text type="info" size="small"
88-
>{{ $t('views.application.workflowPlaceholder') }}
88+
>{{ $t('views.application.workflowPlaceholder') }}
8989
</el-text>
9090
</div>
9191
</div>
@@ -104,7 +104,7 @@
104104
<el-dropdown-item>
105105
<div class="flex align-center w-full">
106106
<el-avatar shape="square" class="mt-4" :size="36" style="background: none">
107-
<img src="@/assets/icon_import.svg" alt="" />
107+
<img src="@/assets/icon_import.svg" alt=""/>
108108
</el-avatar>
109109
<div class="pre-wrap ml-8">
110110
<div class="lighter">{{ $t('common.importCreate') }}</div>
@@ -176,7 +176,7 @@
176176
@click="goApp(item)"
177177
>
178178
<template #icon>
179-
<LogoIcon height="32px" />
179+
<LogoIcon height="32px"/>
180180
</template>
181181
<template #subTitle>
182182
<el-text class="color-secondary" size="small">
@@ -197,13 +197,15 @@
197197
<template #footer>
198198
<div v-if="item.is_publish" class="flex align-center">
199199
<el-icon class="color-success mr-8" style="font-size: 16px">
200-
<SuccessFilled />
200+
<SuccessFilled/>
201201
</el-icon>
202202
<span class="color-secondary">
203203
{{ $t('views.application.status.published') }}
204204
</span>
205-
<el-divider direction="vertical" />
206-
<el-icon class="mr-8"><Clock /></el-icon>
205+
<el-divider direction="vertical"/>
206+
<el-icon class="mr-8">
207+
<Clock/>
208+
</el-icon>
207209
<span class="color-secondary">{{ dateFormat(item.update_time) }}</span>
208210
</div>
209211
<div v-else class="flex align-center">
@@ -218,7 +220,7 @@
218220
<el-dropdown trigger="click">
219221
<el-button text @click.stop>
220222
<el-icon>
221-
<MoreFilled />
223+
<MoreFilled/>
222224
</el-icon>
223225
</el-button>
224226
<template #dropdown>
@@ -233,7 +235,9 @@
233235
@click.stop="settingApplication(item)"
234236
v-if="permissionPrecise.edit(item.id)"
235237
>
236-
<el-icon><Setting /></el-icon>
238+
<el-icon>
239+
<Setting/>
240+
</el-icon>
237241
{{ $t('common.setting') }}
238242
</el-dropdown-item>
239243
<el-dropdown-item
@@ -263,7 +267,8 @@
263267
icon="Delete"
264268
@click.stop="deleteApplication(item)"
265269
v-if="permissionPrecise.delete(item.id)"
266-
>{{ $t('common.delete') }}</el-dropdown-item
270+
>{{ $t('common.delete') }}
271+
</el-dropdown-item
267272
>
268273
</el-dropdown-menu>
269274
</template>
@@ -274,13 +279,13 @@
274279
</el-col>
275280
</template>
276281
</el-row>
277-
<el-empty :description="$t('common.noData')" v-else />
282+
<el-empty :description="$t('common.noData')" v-else/>
278283
</InfiniteScroll>
279284
</div>
280285
</ContentContainer>
281-
<CreateApplicationDialog ref="CreateApplicationDialogRef" />
282-
<CopyApplicationDialog ref="CopyApplicationDialogRef" />
283-
<CreateFolderDialog ref="CreateFolderDialogRef" @refresh="refreshFolder" />
286+
<CreateApplicationDialog ref="CreateApplicationDialogRef"/>
287+
<CopyApplicationDialog ref="CopyApplicationDialogRef"/>
288+
<CreateFolderDialog ref="CreateFolderDialogRef" @refresh="refreshFolder"/>
284289
<MoveToDialog
285290
ref="MoveToDialogRef"
286291
:source="SourceTypeEnum.APPLICATION"
@@ -291,24 +296,24 @@
291296
</template>
292297

293298
<script lang="ts" setup>
294-
import { onMounted, ref, reactive, computed } from 'vue'
299+
import {onMounted, ref, reactive, computed} from 'vue'
295300
import CreateApplicationDialog from '@/views/application/component/CreateApplicationDialog.vue'
296301
import CreateFolderDialog from '@/components/folder-tree/CreateFolderDialog.vue'
297302
import CopyApplicationDialog from '@/views/application/component/CopyApplicationDialog.vue'
298303
import MoveToDialog from '@/components/folder-tree/MoveToDialog.vue'
299304
import ApplicationApi from '@/api/application/application'
300-
import { MsgSuccess, MsgConfirm, MsgError } from '@/utils/message'
305+
import {MsgSuccess, MsgConfirm, MsgError} from '@/utils/message'
301306
import useStore from '@/stores'
302-
import { t } from '@/locales'
303-
import { useRouter, useRoute } from 'vue-router'
304-
import { isWorkFlow } from '@/utils/application'
305-
import { dateFormat } from '@/utils/time'
306-
import { SourceTypeEnum, ValidType, ValidCount } from '@/enums/common'
307+
import {t} from '@/locales'
308+
import {useRouter, useRoute} from 'vue-router'
309+
import {isWorkFlow} from '@/utils/application'
310+
import {dateFormat} from '@/utils/time'
311+
import {SourceTypeEnum, ValidType, ValidCount} from '@/enums/common'
307312
import permissionMap from '@/permission'
308313
import WorkspaceApi from '@/api/workspace/workspace'
309-
import { hasPermission } from '@/utils/permission'
310-
import { ComplexPermission } from '@/utils/permission/type'
311-
import { EditionConst, PermissionConst, RoleConst } from '@/utils/permission/data'
314+
import {hasPermission} from '@/utils/permission'
315+
import {ComplexPermission} from '@/utils/permission/type'
316+
import {EditionConst, PermissionConst, RoleConst} from '@/utils/permission/data'
312317
313318
const router = useRouter()
314319
const route = useRoute()
@@ -320,7 +325,7 @@ const permissionPrecise = computed(() => {
320325
return permissionMap['application'][apiType.value]
321326
})
322327
323-
const { folder, application, user, common } = useStore()
328+
const {folder, application, user, common} = useStore()
324329
325330
const loading = ref(false)
326331
@@ -343,70 +348,63 @@ const applicationList = ref<any[]>([])
343348
const CopyApplicationDialogRef = ref()
344349
345350
const MoveToDialogRef = ref()
351+
346352
function openMoveToDialog(data: any) {
347353
const obj = {
348354
id: data.id,
349355
folder_id: data.folder,
350356
}
351357
MoveToDialogRef.value?.open(obj)
352358
}
359+
353360
function refreshApplicationList(row: any) {
354361
const index = applicationList.value.findIndex((v) => v.id === row.id)
355362
applicationList.value.splice(index, 1)
356363
}
357364
358-
const goApp=(item : any) => {
359-
router.push({ path: get_route(item) })
365+
const goApp = (item: any) => {
366+
router.push({path: get_route(item)})
360367
}
361368
362369
363-
const get_route=(item: any)=>{
364-
if( hasPermission( [new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)],[],'AND'),
365-
RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,
366-
PermissionConst.APPLICATION_OVERVIEW_READ.getWorkspacePermissionWorkspaceManageRole,
367-
PermissionConst.APPLICATION_OVERVIEW_READ.getApplicationWorkspaceResourcePermission(item.id)],'OR')){
368-
return `/application/${item.id}/${item.type}/overview`
369-
} else if (hasPermission([ new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)],[],'AND'),
370-
RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,
371-
PermissionConst.APPLICATION_EDIT.getWorkspacePermissionWorkspaceManageRole,
372-
PermissionConst.APPLICATION_EDIT.getApplicationWorkspaceResourcePermission(item.id)],'OR')){
373-
if(item.type=='WORK_FLOW'){ return `/application/${item.id}/workflow`}else{
374-
return `/application/${item.id}/${item.type}/setting`}
375-
} else if (hasPermission([new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)],[EditionConst.IS_EE, EditionConst.IS_PE],'AND'),
376-
new ComplexPermission([RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,],[PermissionConst.APPLICATION_ACCESS_READ.getWorkspacePermissionWorkspaceManageRole],[EditionConst.IS_EE, EditionConst.IS_PE],'OR'),
377-
new ComplexPermission([],[PermissionConst.APPLICATION_ACCESS_READ.getApplicationWorkspaceResourcePermission(item.id)],[EditionConst.IS_EE, EditionConst.IS_PE],'OR'),],'OR')) {
378-
return `/application/${item.id}/${item.type}/access`
379-
} else if (hasPermission([new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)],[EditionConst.IS_EE, EditionConst.IS_PE],'AND'),
380-
new ComplexPermission([RoleConst.WORKSPACE_MANAGE.getWorkspaceRole],[PermissionConst.APPLICATION_CHAT_USER_READ.getWorkspacePermissionWorkspaceManageRole],[EditionConst.IS_EE, EditionConst.IS_PE],'OR'),
381-
new ComplexPermission([],[PermissionConst.APPLICATION_CHAT_USER_READ.getApplicationWorkspaceResourcePermission(item.id)],[EditionConst.IS_EE, EditionConst.IS_PE],'OR'),],'OR')) {
382-
return `/application/${item.id}/${item.type}/chat-user`
383-
} else if (hasPermission([new ComplexPermission([RoleConst.USER],[PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)],[],'AND'),
384-
PermissionConst.APPLICATION_CHAT_LOG_READ.getWorkspacePermissionWorkspaceManageRole,
385-
PermissionConst.APPLICATION_CHAT_LOG_READ.getApplicationWorkspaceResourcePermission(item.id)],'OR')) {
386-
return `/application/${item.id}/${item.type}/chat-log`
387-
} else return `/application/`
370+
const get_route = (item: any) => {
371+
if (hasPermission([new ComplexPermission([RoleConst.USER], [PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)], [], 'AND'),
372+
RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,
373+
PermissionConst.APPLICATION_OVERVIEW_READ.getWorkspacePermissionWorkspaceManageRole,
374+
PermissionConst.APPLICATION_OVERVIEW_READ.getApplicationWorkspaceResourcePermission(item.id)], 'OR')) {
375+
return `/application/${item.id}/${item.type}/overview`
376+
} else if (hasPermission([new ComplexPermission([RoleConst.USER], [PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)], [], 'AND'),
377+
RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,
378+
PermissionConst.APPLICATION_EDIT.getWorkspacePermissionWorkspaceManageRole,
379+
PermissionConst.APPLICATION_EDIT.getApplicationWorkspaceResourcePermission(item.id)], 'OR')) {
380+
if (item.type == 'WORK_FLOW') {
381+
return `/application/${item.id}/workflow`
382+
} else {
383+
return `/application/${item.id}/${item.type}/setting`
384+
}
385+
} else if (hasPermission([new ComplexPermission([RoleConst.USER], [PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)], [EditionConst.IS_EE, EditionConst.IS_PE], 'AND'),
386+
new ComplexPermission([RoleConst.WORKSPACE_MANAGE.getWorkspaceRole,], [PermissionConst.APPLICATION_ACCESS_READ.getWorkspacePermissionWorkspaceManageRole], [EditionConst.IS_EE, EditionConst.IS_PE], 'OR'),
387+
new ComplexPermission([], [PermissionConst.APPLICATION_ACCESS_READ.getApplicationWorkspaceResourcePermission(item.id)], [EditionConst.IS_EE, EditionConst.IS_PE], 'OR'),], 'OR')) {
388+
return `/application/${item.id}/${item.type}/access`
389+
} else if (hasPermission([new ComplexPermission([RoleConst.USER], [PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)], [EditionConst.IS_EE, EditionConst.IS_PE], 'AND'),
390+
new ComplexPermission([RoleConst.WORKSPACE_MANAGE.getWorkspaceRole], [PermissionConst.APPLICATION_CHAT_USER_READ.getWorkspacePermissionWorkspaceManageRole], [EditionConst.IS_EE, EditionConst.IS_PE], 'OR'),
391+
new ComplexPermission([], [PermissionConst.APPLICATION_CHAT_USER_READ.getApplicationWorkspaceResourcePermission(item.id)], [EditionConst.IS_EE, EditionConst.IS_PE], 'OR'),], 'OR')) {
392+
return `/application/${item.id}/${item.type}/chat-user`
393+
} else if (hasPermission([new ComplexPermission([RoleConst.USER], [PermissionConst.APPLICATION.getApplicationWorkspaceResourcePermission(item.id)], [], 'AND'),
394+
PermissionConst.APPLICATION_CHAT_LOG_READ.getWorkspacePermissionWorkspaceManageRole,
395+
PermissionConst.APPLICATION_CHAT_LOG_READ.getApplicationWorkspaceResourcePermission(item.id)], 'OR')) {
396+
return `/application/${item.id}/${item.type}/chat-log`
397+
} else return `/application/`
388398
}
389399
390400
const CreateApplicationDialogRef = ref()
401+
391402
function openCreateDialog(type?: string) {
392-
common
393-
.asyncGetValid(ValidType.Application, ValidCount.Application, loading)
394-
.then(async (res: any) => {
395-
if (res?.data) {
396-
CreateApplicationDialogRef.value.open(folder.currentFolder?.id || 'default', type)
397-
} else if (res?.code === 400) {
398-
MsgConfirm(t('common.tip'), t('views.application.tip.professionalMessage'), {
399-
cancelButtonText: t('common.confirm'),
400-
confirmButtonText: t('common.professional'),
401-
}).then(() => {
402-
window.open('https://maxkb.cn/pricing.html', '_blank')
403-
})
404-
}
405-
})
403+
CreateApplicationDialogRef.value.open(folder.currentFolder?.id || 'default', type)
406404
}
407405
408406
const search_type_change = () => {
409-
search_form.value = { name: '', create_user: '' }
407+
search_form.value = {name: '', create_user: ''}
410408
}
411409
412410
function getAccessToken(id: string) {
@@ -416,20 +414,20 @@ function getAccessToken(id: string) {
416414
.map((v: any) => {
417415
apiInputParams.value = v.properties.api_input_field_list
418416
? v.properties.api_input_field_list.map((v: any) => {
419-
return {
420-
name: v.variable,
421-
value: v.default_value,
422-
}
423-
})
417+
return {
418+
name: v.variable,
419+
value: v.default_value,
420+
}
421+
})
424422
: v.properties.input_field_list
425423
? v.properties.input_field_list
426-
.filter((v: any) => v.assignment_method === 'api_input')
427-
.map((v: any) => {
428-
return {
429-
name: v.variable,
430-
value: v.default_value,
431-
}
432-
})
424+
.filter((v: any) => v.assignment_method === 'api_input')
425+
.map((v: any) => {
426+
return {
427+
name: v.variable,
428+
value: v.default_value,
429+
}
430+
})
433431
: []
434432
})
435433
const apiParams = mapToUrlParams(apiInputParams.value)
@@ -446,7 +444,7 @@ function copyApplication(row: any) {
446444
application.asyncGetApplicationDetail(row.id, loading).then((res: any) => {
447445
if (res?.data) {
448446
CopyApplicationDialogRef.value.open(
449-
{ ...res.data, model_id: res.data.model },
447+
{...res.data, model_id: res.data.model},
450448
folder.currentFolder?.id || 'default',
451449
)
452450
}
@@ -455,9 +453,9 @@ function copyApplication(row: any) {
455453
456454
function settingApplication(row: any) {
457455
if (isWorkFlow(row.type)) {
458-
router.push({ path: `/application/${row.id}/workflow` })
456+
router.push({path: `/application/${row.id}/workflow`})
459457
} else {
460-
router.push({ path: `/application/${row.id}/${row.type}/setting` })
458+
router.push({path: `/application/${row.id}/${row.type}/setting`})
461459
}
462460
}
463461
@@ -489,7 +487,8 @@ function deleteApplication(row: any) {
489487
MsgSuccess(t('common.deleteSuccess'))
490488
})
491489
})
492-
.catch(() => {})
490+
.catch(() => {
491+
})
493492
}
494493
495494
const exportApplication = (application: any) => {
@@ -528,6 +527,7 @@ const importApplication = (file: any) => {
528527
529528
// 文件夹相关
530529
const CreateFolderDialogRef = ref()
530+
531531
function openCreateFolder() {
532532
CreateFolderDialogRef.value.open(SourceTypeEnum.APPLICATION, folder.currentFolder.id)
533533
}
@@ -549,6 +549,7 @@ function clickFolder(item: any) {
549549
applicationList.value = []
550550
getList()
551551
}
552+
552553
function folderClickHandle(row: any) {
553554
if (row.id === folder.currentFolder?.id) {
554555
return
@@ -557,6 +558,7 @@ function folderClickHandle(row: any) {
557558
applicationList.value = []
558559
getList()
559560
}
561+
560562
function refreshFolder() {
561563
applicationList.value = []
562564
getFolder()

0 commit comments

Comments
 (0)