fix: standardize formatting and improve readability in Vue components

Author: wxg0103

ui/src/views/knowledge-workflow/component/DebugDrawer.vue

@@ -30,7 +30,8 @@
         :loading="loading"
         @click="up"
       >
-        {{ $t('common.steps.prev') }}</el-button
+        {{ $t('common.steps.prev') }}
+      </el-button
       >
       <el-button
         v-if="base_form_list.length > 0 && active == 'data_source'"
@@ -48,32 +49,34 @@
         {{ $t('views.document.buttons.import') }}
       </el-button>
       <el-button v-if="active == 'result'" type="primary" @click="goDocument">{{
-        $t('views.knowledge.ResultSuccess.buttons.toDocument')
-      }}</el-button>
+          $t('views.knowledge.ResultSuccess.buttons.toDocument')
+        }}
+      </el-button>
     </template>
   </el-drawer>
 </template>
 <script setup lang="ts">
-import { computed, ref, provide, type Ref, nextTick } from 'vue'
+import {computed, ref, provide, type Ref, nextTick} from 'vue'
 import DataSource from '@/views/knowledge-workflow/component/action/DataSource.vue'
 import Result from '@/views/knowledge-workflow/component/action/Result.vue'
 import applicationApi from '@/api/application/application'
 import KnowledgeBase from '@/views/knowledge-workflow/component/action/KnowledgeBase.vue'
-import { WorkflowType } from '@/enums/application'
+import {WorkflowType} from '@/enums/application'
 
-import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
 import permissionMap from '@/permission'
-import { MsgError } from '@/utils/message'
-import { t } from '@/locales'
-import { useRoute, useRouter } from 'vue-router'
+import {MsgError} from '@/utils/message'
+import {t} from '@/locales'
+import {useRoute, useRouter} from 'vue-router'
+
 provide('upload', (file: any, loading?: Ref<boolean>) => {
   return applicationApi.postUploadFile(file, id, 'KNOWLEDGE', loading)
 })
 const key = ref<number>(0)
 const router = useRouter()
 const route = useRoute()
 const {
-  params: { id, folderId },
+  params: {id, folderId},
   /*
   id 为 knowledge_id
   */
@@ -127,6 +130,9 @@ const up = () => {
     active.value = 'data_source'
   })
 }
+const isShared = computed(() => {
+  return folderId === 'share'
+})
 
 const permissionPrecise = computed(() => {
   return permissionMap['knowledge'][apiType.value]
@@ -136,7 +142,7 @@ const upload = () => {
   if (permissionPrecise.value.doc_create(id)) {
     ActionRef.value.validate().then(() => {
       form_data.value[active.value] = ActionRef.value.get_data()
-      loadSharedApi({ type: 'knowledge', systemType: apiType.value })
+      loadSharedApi({type: 'knowledge', isShared: isShared.value, systemType: apiType.value})
         .workflowAction(id, form_data.value, loading)
         .then((ok: any) => {
           action_id.value = ok.data.id
@@ -164,6 +170,6 @@ const goDocument = () => {
   }).href
   window.open(newUrl)
 }
-defineExpose({ close, open })
+defineExpose({close, open})
 </script>
 <style lang="scss" scoped></style>

ui/src/views/knowledge-workflow/component/PublishHistory.vue

@@ -24,12 +24,15 @@
                       @close="closeWrite(row)"
                     />
                     <el-tag v-if="index === 0" class="default-tag ml-4">{{
-                      $t('workflow.setting.latestRelease')
-                    }}</el-tag>
+                        $t('workflow.setting.latestRelease')
+                      }}
+                    </el-tag>
                   </h5>
                   <el-text type="info" class="color-secondary flex align-center mt-8">
                     <el-avatar :size="20" class="avatar-grey mr-4">
-                      <el-icon><UserFilled /></el-icon>
+                      <el-icon>
+                        <UserFilled/>
+                      </el-icon>
                     </el-avatar>
                     {{ row.publish_user_name }}
                   </el-text>
@@ -50,7 +53,9 @@
                           {{ $t('common.edit') }}
                         </el-dropdown-item>
                         <el-dropdown-item @click="refreshVersion(row)">
-                          <el-icon class="color-secondary"><RefreshLeft /></el-icon>
+                          <el-icon class="color-secondary">
+                            <RefreshLeft/>
+                          </el-icon>
                           {{ $t('workflow.setting.restoreCurrentVersion') }}
                         </el-dropdown-item>
                       </el-dropdown-menu>
@@ -72,17 +77,17 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
-import { useRoute } from 'vue-router'
-import { datetimeFormat } from '@/utils/time'
-import { MsgSuccess, MsgError } from '@/utils/message'
-import { t } from '@/locales'
-import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+import {ref, onMounted, computed} from 'vue'
+import {useRoute} from 'vue-router'
+import {datetimeFormat} from '@/utils/time'
+import {MsgSuccess, MsgError} from '@/utils/message'
+import {t} from '@/locales'
+import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
 import permissionMap from '@/permission'
 
 const route = useRoute()
 const {
-  params: { id, folderId },
+  params: {id, folderId},
 } = route as any
 const apiType = computed(() => {
   if (route.path.includes('shared')) {
@@ -124,12 +129,16 @@ function closeWrite(item: any) {
   item['writeStatus'] = false
 }
 
+const isShared = computed(() => {
+  return folderId === 'share'
+})
+
 function editName(val: string, item: any) {
   if (val) {
     const obj = {
       name: val,
     }
-    loadSharedApi({ type: 'knowledge', systemType: apiType.value })
+    loadSharedApi({type: 'knowledge', isShared: isShared.value, systemType: apiType.value})
       .updateKnowledgeVersion(id as string, item.id, obj, loading)
       .then(() => {
         MsgSuccess(t('common.modifySuccess'))
@@ -142,7 +151,7 @@ function editName(val: string, item: any) {
 }
 
 function getList() {
-  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
+  loadSharedApi({type: 'knowledge', isShared: isShared.value, systemType: apiType.value})
     .listKnowledgeVersion(id, loading)
     .then((res: any) => {
       LogData.value = res.data
@@ -161,6 +170,7 @@ onMounted(() => {
   top: 57px;
   height: calc(100vh - 57px);
   z-index: 9;
+
   .list-height {
     height: calc(100vh - 120px);
   }