core/core-frontend/src/viewsnew/TemplateResource/addclass.vue

@@ -4,15 +4,9 @@ import type { FormInstance } from 'element-plus'
 import { ElMessage } from 'element-plus-secondary'
 import { useI18n } from '@/hooks/web/useI18n'
 import {save} from '@/api/template'
-const props = defineProps({
-    classformlist: {
-        type: Object,
-        required: true
-    },
-})
 const emits = defineEmits(['closeClassDialog', 'classrefresh'])
 const { t } = useI18n()
-const classform:any = ref({ name: '', nodeType: 'folder', templateType: 'self', level: 0 })
+const classform = ref({ name: '', nodeType: 'folder', templateType: 'self', level: 0 })
 const ruleFormRef = ref<FormInstance>()
 const rules = ref({
     name: [
@@ -33,7 +27,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
         if (valid) {
             save({ ...classform.value }).then(() => {
                 ElMessage({
-                    message: classform.value.id?'编辑成功':'添加成功',
+                    message: '添加成功',
                     type: 'success',
                     showClose: true
                 })
@@ -49,20 +43,13 @@ const submitForm = async (formEl: FormInstance | undefined) => {
         }
     })
 }
-onMounted(() => { 
- if(props.classformlist.id){
-    classform.value = props.classformlist
- }else{
-    classform.value = { name: '', nodeType: 'folder', templateType: 'self', level: 0 }
- }
-})
 function cancel() {
     emits('closeClassDialog')
 }
 </script>
 <template>
     <div class="template-import">
-        <el-form ref="ruleFormRef" :rules="rules" :model="classform" label-width="80px" style="margin-top: 10px;">
+        <el-form ref="ruleFormRef" :rules="rules" :model="classform" label-width="80px">
             <el-form-item label="分类名称" prop="name">
                 <el-input v-model="classform.name" />
             </el-form-item>

core/core-frontend/src/viewsnew/TemplateResource/index.vue

@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router'
 import { searchMarketPreview } from '@/api/templateMarket'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useCache } from '@/hooks/web/useCache'
-import { ElMessage, ElMessageBox } from 'element-plus-secondary'
+import { ElMessage,ElMessageBox } from 'element-plus-secondary'
 import { Base64 } from 'js-base64'
 import { useEmbedded } from '@/store/modules/embedded'
 import { useAppStoreWithOut } from '@/store/modules/app'
@@ -13,8 +13,6 @@ import type { FormInstance } from 'element-plus'
 import AddTemplate from '@/viewsnew/TemplateResource/addtemplate.vue'
 import AddTemplateClass from '@/viewsnew/TemplateResource/addclass.vue'
 import { templateDelete } from '@/api/template'
-import { handler } from 'ace-builds-internal/keyboard/textarea'
-import { findCategories,deleteCategory } from '@/api/template'
 const basePath = import.meta.env.VITE_API_BASEPATH
 const router = useRouter()
 const { t } = useI18n()
@@ -27,8 +25,6 @@ const activeIndex: any = ref(null)
 const embeddedStore = useEmbedded()
 const appStore = useAppStoreWithOut()
 const isEmbedded = computed(() => appStore.getIsDataEaseBi || appStore.getIsIframe)
-const classdialog = ref(false)
-const classtitle = ref('新增分类')
 const state = reactive({
   initReady: true,
   curPosition: 'branch',
@@ -203,16 +199,14 @@ const initOpenHandler = newWindow => {
   }
 }
 const dialogVisible = ref(false)
-const classformlist = ref({ name: '' })
+const classform = ref({ name: '' })
 const dialogVisibles = ref(false)
 const optType = ref('insert')
-
 onMounted(() => {
   init()
 })
 function addClass() {
-  classtitle.value = '新增分类'
+  classform.value = { name: '' }
-  classformlist.value = { name: '' }
   dialogVisible.value = true
 }
 function importTemplate() {
@@ -263,13 +257,6 @@ function mouseover(index) { // 鼠标移入遮罩层
 function mouseleave() { // 鼠标移出遮罩层
   mask.value = -1
 }
-const classmask = ref(-1)
-function mouseovers(index) { // 鼠标移入遮罩层
-  classmask.value = index
-}
-function mouseleaves() { // 鼠标移出遮罩层
-  classmask.value = -1
-}
 function closeClassDialog() {
   dialogVisible.value = false
 }
@@ -285,18 +272,18 @@ function editTemplate(item) {
   dialogVisibles.value = true
   templateId.value = item.id
 }
-function refresh() {
+function refresh(){
   searchMarketPreview().then(res => {
     classList.value = res.data.contents
     if (activeIndex.value) {
       dataList.value = classList.value[activeIndex.value].contents
-    } else {
+    }else{
       activeIndex.value = 0
       dataList.value = classList.value[activeIndex.value].contents
     }
   }) 
 }
-function delTemplate(item) {
+function delTemplate(item){
   console.log(classList.value[activeIndex.value].category.value)
   ElMessageBox.confirm('提示，确定删除吗？', {
     confirmButtonType: 'primary',
@@ -310,59 +297,11 @@ function delTemplate(item) {
           type: 'success',
           showClose: true
         })
-      init()
+        refresh()
       })
     })
 }
-const classAllList = ref([])
+const isclassmask = ref(false)
-function queryClass() {
-  const request = {
-    templateType: 'self',
-    level: '0'
-  }
-  findCategories(request).then(res => {
-    classAllList.value = res.data
-    console.log(res.data)
-  })
-}
-//分类管理
-function classManage() {
-  queryClass()
-  classdialog.value = true
-}
-function handleClose() {
-  classdialog.value = false
-}
-function delClass(item){
-  ElMessageBox.confirm('提示，确定删除该分类吗？', {
-    confirmButtonType: 'primary',
-    type: 'warning',
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-  }).then(() => {
-    deleteCategory(item.id).then(response => {
-      if (response.data === 'success') {
-        ElMessage({
-          message: '删除成功',
-          type: 'success',
-          showClose: true
-        })
-        queryClass()
-      } else {
-        ElMessage({
-          message: '删除失败',
-          type: 'error',
-          showClose: true
-        })
-      }
-    })
-  })
-}
-function editClass(item){
-  classtitle.value = '分类重命名'
-  classformlist.value = item
-  dialogVisible.value = true
-}
 </script>
 <template>
   <div class="common-layout">
@@ -373,13 +312,18 @@ function editClass(item){
         </template>
       </el-input>
       <div class="import-btn" @click="importTemplate">导入模板</div>
-      <div class="import-btn" @click="classManage">分类管理</div>
+      <div class="import-btn" @click="addClass">添加分类</div>
     </div>
     <div>
       <div class="class_list_box">
         <div v-for="(item, classindex) in classList" :key="classindex"
-          :class="activeIndex === classindex ? 'class_list_active' : 'class_list'" @click="classclick(classindex)">
+          :class="activeIndex === classindex ? 'class_list_active' : 'class_list'" @click="classclick(classindex)" 
+          @mouseover="mouseover(classindex)" @mouseleave="mouseleave">
           <div class="class_list_text">{{ item.category.label }} ({{ item.contents.length }}) </div>
+          <div v-if="mask == classindex" style="position: absolute;right: -10px;top: -20px;">
+              <img src="@/assets/newimg/icon/editpro.png" style="width: 14px;height: 14px;cursor: pointer;" @click="editTemplate(item)" title="编辑模板">
+              <img src="@/assets/newimg/icon/del.png" alt="" @click="delTemplate(item)" style="width: 14px;height: 14px;margin-left: 5px;cursor: pointer;" title="删除">
+          </div>
         </div>
       </div>
       <div class="application_list_box">
@@ -393,10 +337,8 @@ function editClass(item){
           </div>
           <div class="mask_box" v-if="mask == index">
             <div>
-              <img src="@/assets/newimg/icon/editpro.png" @click="editTemplate(item)" style="cursor: pointer;"
+              <img src="@/assets/newimg/icon/editpro.png" @click="editTemplate(item)" style="cursor: pointer;" title="编辑模板">
-                title="编辑模板">
+              <img src="@/assets/newimg/icon/del.png" alt="" @click="delTemplate(item)" style="margin-left: 10px;cursor: pointer;" title="删除">
-              <img src="@/assets/newimg/icon/del.png" alt="" @click="delTemplate(item)"
-                style="margin-left: 10px;cursor: pointer;" title="删除">
             </div>
             <div style="display: flex;justify-content: center;margin-top: 20px;">
               <div class="yulan" @click="preview(item, index)">预览</div>
@@ -406,37 +348,13 @@ function editClass(item){
         </div>
       </div>
     </div>
-    <el-dialog v-model="dialogVisible" :title="classtitle" width="30%" :before-close="closeClassDialog">
+    <el-dialog v-model="dialogVisible" title="添加分类" width="30%" :before-close="closeClassDialog">
-      <AddTemplateClass v-if="dialogVisible" :classformlist="classformlist" @closeClassDialog="closeClassDialog" :classrefresh="classrefresh" />
+      <AddTemplateClass v-if="dialogVisible" @closeClassDialog="closeClassDialog" :classrefresh="classrefresh" />
     </el-dialog>
     <el-dialog v-model="dialogVisibles" title="导入模板" width="30%" :before-close="closeTemplateDialog">
       <AddTemplate v-if="dialogVisibles" :optType="optType" :classList="classList" :templateId="templateId" @init="init"
         @closeTemplateDialog="closeTemplateDialog" />
     </el-dialog>
-    <el-dialog v-model="classdialog" title="分类管理" width="500px" :before-close="handleClose">
-      <div style="height: calc(100vh - 300px);overflow: auto;">
-        <div style="display: flex;align-items:center;justify-content: space-between;margin: 10px 0px;">
-          <div>分类列表</div>
-          <div class="import-btn" @click="addClass">添加分类</div>
-        </div>
-        <div class="class_manage_list" v-for="(classitem, classindex) in classAllList" :key="classindex"
-        @mouseover="mouseovers(classindex)" @mouseleave="mouseleaves">
-          <div class="class_manage_list_text">{{classitem.name}}</div>
-          <div v-if="classmask == classindex" class="class_manage_list_text">
-            <img src="@/assets/newimg/icon/editpro.png" style="cursor: pointer;"
-                title="重命名" @click="editClass(classitem)">
-              <img src="@/assets/newimg/icon/del.png" alt="" @click="delClass(classitem)"
-                style="margin-left: 10px;cursor: pointer;" title="删除">
-          </div>
-        </div>
-      </div>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="classdialog = false">取消</el-button>
-          <el-button type="primary" @click="classdialog = false">确定</el-button>
-        </span>
-      </template>
-    </el-dialog>
   </div>
 
 </template>
@@ -658,20 +576,7 @@ function editClass(item){
 
 .class-add:hover {
   background-color: #434343;
-}
+  ;
-.class_manage_list{
-  height: 40px;
-  line-height: 40px;
-  padding:0px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.class_manage_list:hover{
-background: #434343;
-}
-.class_manage_list_text{
-  color: #fff;
 }
 </style>
 <style>
@@ -789,9 +694,8 @@ background: #434343;
   background: #434343;
   color: #fff;
 }
-
+.ed-dialog__header{
-.ed-dialog__header {
+  padding: 0px;
-  padding: 0px !important;
+  padding-bottom: 10px;
-  padding-bottom: 10px !important;
 }
 </style>

core/core-frontend/src/viewsnew/application/SfcEditor/NavbarEditor/Navbar.vue

@@ -55,7 +55,7 @@ function menuclick(index: any) {
     }
   }
 }
-function childmenuclick(item: any,index: any) {
+function childmenuclick(item: any) {
   if (props.isExecuteEvent) {
     return
   }
@@ -63,7 +63,6 @@ function childmenuclick(item: any,index: any) {
   showmodule.value = false
   showUserInfo.value = false
   if (item.module_id && item.module_id !== '') {
-    checkindex.value = index
     currentrow.value = item
     currentMoudleId.value = item.module_id
     showmodule.value = true
@@ -163,12 +162,12 @@ function userdetails(){
         <div class="Navbar-menu-content">
           <TimeDisplay />
           <div class="Navbar-menu-item"
-            :class="{ 'Navbar-menu-items': checkindex == index }"
+            :class="{ 'Navbar-menu-items': checkindex == index && item.children.length == 0 }"
             v-for="(item, index) in navmenulist" :key="index" @click="menuclick(index)">
             <div v-if="!item.children || item.children.length == 0">{{ item.name }}</div>
             <el-popover v-else :show-arrow="false" class="tsmenu" placement="bottom" popper-class="tsmenu-popover">
               <div v-for="(items, indexs) in item.children" :key="indexs" class="Navbar-menu-item-child-item"
-                @click="() => childmenuclick(items,index)">
+                @click="() => childmenuclick(items)">
                 {{ items.name }}
               </div>
               <template #reference>

core/core-frontend/src/viewsnew/application/SfcEditor/NavbarEditor/assocPage.vue

@@ -4,6 +4,8 @@ import DvPreview from '@/viewsnew/data-visualization/DvPreview.vue'
 import FormCreate from '@/viewsnew/common/FormCreate.vue'
 import { initCanvasData } from '@/utils/canvasUtils'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
+import { moduleList } from '@/api/application/module'
+import Navbar from '@/viewsnew/application/SfcEditor/NavbarEditor/assocPage.vue'
 const props = defineProps({
   moduleinfo: Object,
   applicationId: String
@@ -54,7 +56,6 @@ const loadCanvasData = (dvId, weight?, ext?) => {
   )
 }
 onMounted(() => {
-
   isFormCreate.value = false
   dataInitState.value = false
   getInit()
@@ -76,7 +77,6 @@ function getInit() {
   handleNodeClick(params)
 }
 function handleNodeClick(e) {
-  console.log(e,8)
   isFormCreate.value = false
   dataInitState.value = false
   isNavbar.value = false
@@ -89,7 +89,6 @@ function handleNodeClick(e) {
     loading.value = false
     loadCanvasData(e.id, 9, 0)
   } else if (e.type == '04' || e.type == '05' || e.type == '06'||e.type == '09') {
-    console.log(e,9)
     moduleInfo.value = e
     isFormCreate.value = true
     loading.value = false
@@ -97,7 +96,6 @@ function handleNodeClick(e) {
     isNavbar.value = true
     loading.value = false
   }
-  console.log(isFormCreate.value,10)
 }
 </script>
 <template>
@@ -107,6 +105,7 @@ function handleNodeClick(e) {
       :canvas-style-preview="state.canvasStylePreview" :canvas-view-info-preview="state.canvasViewInfoPreview"
       :dv-info="state.dvInfo" :cur-preview-gap="state.curPreviewGap" :download-status="downloadStatus"></dv-preview>
     <form-create v-if="isFormCreate" :moduleInfo="moduleInfo"></form-create>
+    <Navbar v-if="isNavbar"></Navbar>
   </div>
 </template>
 <style lang="less" scoped></style>