33 v-model =" dialogVisible"
44 width =" 1000"
55 append-to-body
6- class =" tool -store-dialog"
6+ class =" template -store-dialog"
77 align-center
88 :close-on-click-modal =" false"
99 :close-on-press-escape =" false"
2828 </div >
2929 </template >
3030
31- <!-- <LayoutContainer v-loading="loading" :minLeftWidth="204">
32- <template #left>
33- <el-anchor
34- direction="vertical"
35- :offset="130"
36- type="default"
37- container=".category-scrollbar"
38- @click="handleClick"
39- >
40- <el-anchor-link
41- v-for="category in categories"
42- :key="category.id"
43- :href="`#category-${category.id}`"
44- :title="category.title"
45- />
46- </el-anchor>
47- </template> -->
48-
49- <el-scrollbar class =" layout-bg" wrap-class =" p-16-24 category-scrollbar" >
31+ <el-scrollbar
32+ class =" layout-bg"
33+ wrap-class =" p-16-24 category-scrollbar"
34+ style =" border-radius : 0 0 8px 8px "
35+ >
5036 <template v-if =" filterList === null " >
5137 <div v-for =" category in categories" :key =" category.id" >
52- <!-- <h4
53- class="title-decoration-1 mb-16 mt-8 color-text-primary"
54- :id="`category-${category.id}`"
55- >
56- {{ category.title }}
57- </h4> -->
5838 <el-row :gutter =" 16" >
5939 <el-col v-for =" tool in category.tools" :key =" tool.id" :span =" 8" class =" mb-16" >
6040 <TemplateCard
7050 </div >
7151 </template >
7252 <div v-else >
73- <!-- <h4 class="color-text-primary medium mb-16">
74- <span class="color-primary">{{ searchValue }}</span>
75- {{ t('views.tool.toolStore.searchResult', { count: filterList.length }) }}
76- </h4> -->
7753 <el-row :gutter =" 16" v-if =" filterList.length" >
7854 <el-col v-for =" tool in filterList" :key =" tool.id" :span =" 8" class =" mb-16" >
7955 <TemplateCard
8864 <el-empty v-else :description =" $t('common.noData')" />
8965 </div >
9066 </el-scrollbar >
91- <!-- </LayoutContainer> -->
9267 </el-dialog >
9368 <InternalDescDrawer ref =" internalDescDrawerRef" @addTool =" handleOpenAdd" />
9469 <CreateWorkflowKnowledgeDialog ref =" CreateKnowledgeDialogRef" />
@@ -197,10 +172,6 @@ async function getStoreToolList() {
197172 }
198173}
199174
200- const handleClick = (e : MouseEvent ) => {
201- e .preventDefault ()
202- }
203-
204175const internalDescDrawerRef = ref <InstanceType <typeof InternalDescDrawer >>()
205176
206177async function handleDetail(tool : any ) {
@@ -247,7 +218,7 @@ function handleStoreAdd(tool: any) {
247218defineExpose ({ open })
248219 </script >
249220<style lang="scss">
250- .tool -store-dialog {
221+ .template -store-dialog {
251222 padding : 0 ;
252223
253224 .el-dialog__headerbtn {
@@ -269,17 +240,9 @@ defineExpose({ open })
269240 }
270241 }
271242 }
272-
273- .layout-container__left {
274- background-color : var (--app-layout-bg-color );
275- border-radius : 0 0 0 8px ;
276- }
277-
278- .layout-container__right {
279- background-color : var (--app-layout-bg-color );
280- border-radius : 0 0 8px 0 ;
281- }
282-
243+ // .el-dialog__body {
244+ // border-radius: 0 0 8px 8px;
245+ // }
283246 .el-anchor {
284247 background-color : var (--app-layout-bg-color );
285248
@@ -301,15 +264,15 @@ defineExpose({ open })
301264
302265 & .is-active {
303266 color : var (--el-color-primary );
304- background-color : #3370ff1a ;
267+ background-color : var ( --el-color-primary-light-9 ) ;
305268 }
306269 }
307270 }
308271 }
309272
310273 .category-scrollbar {
311- height : calc (100vh - 200px );
312- // min-height: 500px;
274+ max- height : calc (100vh - 200px );
275+ min-height : 500px ;
313276 }
314277}
315278 </style >
0 commit comments