Merge branch 'dev' of github.com:dataease/dataease into dev

backend/src/main/java/io/dataease/base/mapper/ext/ExtPanelGroupMapper.xml

@@ -160,7 +160,7 @@
                 and panel_group.level = #{level}
             </if>
         </where>
-     ORDER BY CONVERT(panel_group.name using gbk)
+     ORDER BY panel_group.node_type desc, CONVERT(panel_group.name using gbk)
     </select>
 
     <delete id="deleteCircle">

backend/src/main/java/io/dataease/base/mapper/ext/ExtVAuthModelMapper.xml

@@ -33,7 +33,7 @@
 						`sys_auth`.`id` = `sys_auth_detail`.`auth_id`
 					)))
 		WHERE
-			sys_auth_detail.privilege_value = #{request.userId}
+			sys_auth_detail.privilege_value = 1
 			AND sys_auth.auth_source_type = #{request.modelType}
 			AND (
 				(
@@ -54,7 +54,7 @@
 		) authInfo ON v_auth_model.id = authInfo.auth_source
 	WHERE
 		FIND_IN_SET( v_auth_model.id, cids )
-		ORDER BY CONVERT(v_auth_model.label using gbk) asc
+		ORDER BY v_auth_model.node_type desc, CONVERT(v_auth_model.label using gbk) asc
   </select>
 
 </mapper>

backend/src/main/resources/db/migration/V2__dataease_ddl.sql

@@ -80,8 +80,6 @@ CREATE TABLE `sys_menu` (
   `create_time` bigint(13) DEFAULT NULL COMMENT '创建日期',
   `update_time` bigint(13) DEFAULT NULL COMMENT '更新时间',
   PRIMARY KEY (`menu_id`) USING BTREE,
-  UNIQUE KEY `uniq_title` (`title`),
-  UNIQUE KEY `uniq_name` (`name`),
   KEY `inx_pid` (`pid`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci AUTO_INCREMENT=53 ROW_FORMAT=COMPACT COMMENT='系统菜单';
 
@@ -103,10 +101,6 @@ CREATE TABLE `sys_user` (
   `update_time` bigint(13) DEFAULT NULL COMMENT '更新时间',
   `language` varchar(20) DEFAULT NULL COMMENT '语言',
   PRIMARY KEY (`user_id`) USING BTREE,
-  UNIQUE KEY `UK_kpubos9gc2cvtkb0thktkbkes` (`email`) USING BTREE,
-  UNIQUE KEY `username` (`username`) USING BTREE,
-  UNIQUE KEY `uniq_username` (`username`),
-  UNIQUE KEY `uniq_email` (`email`),
   KEY `FK5rwmryny6jthaaxkogownknqp` (`dept_id`) USING BTREE,
   KEY `inx_enabled` (`enabled`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci AUTO_INCREMENT=3 ROW_FORMAT=COMPACT COMMENT='系统用户';
@@ -119,23 +113,19 @@ CREATE TABLE `sys_role` (
   `update_by` varchar(255) DEFAULT NULL COMMENT '更新者',
   `create_time` bigint(13) DEFAULT NULL COMMENT '创建日期',
   `update_time` bigint(13) DEFAULT NULL COMMENT '更新时间',
-  PRIMARY KEY (`role_id`) USING BTREE,
-  UNIQUE KEY `uniq_name` (`name`),
-  KEY `role_name_index` (`name`)
+  PRIMARY KEY (`role_id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci AUTO_INCREMENT=3 ROW_FORMAT=COMPACT COMMENT='角色表';
 
 CREATE TABLE `sys_roles_menus` (
   `menu_id` bigint(20) NOT NULL COMMENT '菜单ID',
   `role_id` bigint(20) NOT NULL COMMENT '角色ID',
-  PRIMARY KEY (`menu_id`,`role_id`) USING BTREE,
-  KEY `FKcngg2qadojhi3a651a5adkvbq` (`role_id`) USING BTREE
+  PRIMARY KEY (`menu_id`,`role_id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci ROW_FORMAT=COMPACT COMMENT='角色菜单关联';
 
 CREATE TABLE `sys_users_roles` (
   `user_id` bigint(20) NOT NULL COMMENT '用户ID',
   `role_id` bigint(20) NOT NULL COMMENT '角色ID',
-  PRIMARY KEY (`user_id`,`role_id`) USING BTREE,
-  KEY `FKq4eq273l04bpu4efj0jd0jb98` (`role_id`) USING BTREE
+  PRIMARY KEY (`user_id`,`role_id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci ROW_FORMAT=COMPACT COMMENT='用户角色关联';
 
 CREATE TABLE `my_plugin` (
@@ -184,9 +174,7 @@ CREATE TABLE IF NOT EXISTS `dataset_table_field` (
    `checked` tinyint(1) NOT NULL DEFAULT '1' COMMENT '是否选中',
    `column_index` int(10) NOT NULL COMMENT '列位置',
    `last_sync_time` bigint(13) DEFAULT NULL COMMENT '同步时间',
-   PRIMARY KEY (`id`),
-   KEY `IDX_TABLE_ID` (`table_id`),
-   KEY `IDX_DE_TYPE` (`de_type`)
+   PRIMARY KEY (`id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci;
 
 CREATE TABLE IF NOT EXISTS `dataset_table_task`(
@@ -200,8 +188,7 @@ CREATE TABLE IF NOT EXISTS `dataset_table_task`(
     `end`         varchar(50)  NOT NULL COMMENT '结束限制 0 无限制 1 设定结束时间',
     `end_time`    bigint(13) COMMENT '结束时间',
     `create_time` bigint(13) COMMENT '创建时间',
-    PRIMARY KEY (`id`),
-    KEY `IDX_TABLE_ID` (`table_id`)
+    PRIMARY KEY (`id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci;
 
 CREATE TABLE IF NOT EXISTS `dataset_table_task_log` (
@@ -213,8 +200,7 @@ CREATE TABLE IF NOT EXISTS `dataset_table_task_log` (
   `status` varchar(50) NOT NULL COMMENT '执行状态',
   `info` longtext COMMENT '错误信息',
   `create_time` bigint(13) DEFAULT NULL COMMENT '创建时间',
-  PRIMARY KEY (`id`),
-  KEY `IDX_TABLE_ID` (`task_id`)
+  PRIMARY KEY (`id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci;
 
 -- chart start
@@ -246,8 +232,7 @@ CREATE TABLE `chart_view` (
   `update_time` bigint(13) DEFAULT NULL COMMENT '更新时间',
   `snapshot` longtext COMMENT '缩略图 ',
   `style_priority` varchar(255) DEFAULT 'panel' COMMENT '样式优先级 panel 仪表板 view 视图',
-  PRIMARY KEY (`id`),
-  KEY `IDX_TABLE_ID` (`table_id`)
+  PRIMARY KEY (`id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci;
 
 -- chart end
@@ -300,8 +285,7 @@ CREATE TABLE `panel_store` (
    `panel_group_id` varchar(50) NOT NULL COMMENT '仪表板ID',
    `user_id` bigint(20) NOT NULL COMMENT '用户ID',
    `create_time` bigint(13) DEFAULT NULL COMMENT '创建日期',
-   PRIMARY KEY (`store_id`) USING BTREE,
-   KEY `UK_store_user_id` (`user_id`)
+   PRIMARY KEY (`store_id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci AUTO_INCREMENT=7 ROW_FORMAT=COMPACT COMMENT='仪表板收藏';
 
 
@@ -311,10 +295,7 @@ CREATE TABLE `panel_share` (
        `target_id` bigint(20) DEFAULT NULL COMMENT '目标ID',
        `create_time` bigint(13) DEFAULT NULL COMMENT '创建日期',
        `type` int(8) DEFAULT NULL COMMENT '类型0:user,1:role,2dept',
-       PRIMARY KEY (`share_id`) USING BTREE,
-       KEY `UK_share_arget_id` (`target_id`) ,
-       KEY `UK_share_panel_group_id` (`panel_group_id`) ,
-       KEY `UK_share_type` (`type`)
+       PRIMARY KEY (`share_id`)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE utf8mb4_general_ci AUTO_INCREMENT=7 ROW_FORMAT=COMPACT COMMENT='仪表板分享';
 
 CREATE TABLE `panel_link` (

frontend/package.json

@@ -74,7 +74,7 @@
     "less-loader": "^5.0.0",
     "mockjs": "1.0.1-beta3",
     "runjs": "^4.1.3",
-    "sass": "^1.32.5",
+    "sass": "^1.33.0",
     "sass-loader": "^7.1.0",
     "script-ext-html-webpack-plugin": "2.1.3",
     "script-loader": "^0.7.2",

frontend/src/components/canvas/components/Editor/PreviewEject.vue

 <template>
   <div v-loading="dataLoading" class="bg">
-    <Preview v-show="!dataLoading" />
+    <Preview v-if="!dataLoading" />
   </div>
 </template>
 <script>
@@ -53,8 +53,10 @@ export default {
             sourceFieldId: jumpParam.sourceFieldId,
             targetPanelId: this.panelId
           }
+          this.dataLoading = true
           // 刷新跳转目标仪表板联动信息
           queryTargetPanelJumpInfo(jumpRequestParam).then(rsp => {
+            this.dataLoading = false
             this.$store.commit('setNowTargetPanelJumpInfo', rsp.data)
             this.$store.commit('addViewTrackFilter', jumpParam)
           })

frontend/src/components/canvas/components/TextAttr.vue

@@ -78,12 +78,12 @@
         <el-input v-model="styleInfo.margin" type="number" size="mini" min="0" max="99" @change="styleChange" />
       </div>
 
-      <el-tooltip v-if="attrShow('time_margin')" :content="$t('panel.margin')">
+      <el-tooltip v-if="attrShow('padding')" :content="$t('panel.margin')">
         <i style="float: left;margin-top: 3px;margin-left: 2px;" class="icon iconfont icon-margin" />
       </el-tooltip>
 
-      <div v-if="attrShow('time_margin')" style="width: 70px;float: left;margin-top: 2px;margin-left: 2px;">
-        <el-input v-model="styleInfo.time_margin" type="number" size="mini" min="0" max="99" @change="styleChange" />
+      <div v-if="attrShow('padding')" style="width: 70px;float: left;margin-top: 2px;margin-left: 2px;">
+        <el-input v-model="styleInfo.padding" type="number" size="mini" min="0" max="99" @change="styleChange" />
       </div>
 
       <el-tooltip v-if="attrShow('opacity')" :content="$t('panel.opacity')">
@@ -268,7 +268,8 @@ export default {
         'color',
         'backgroundColor',
         'date-format',
-        'time_margin'
+        'time_margin',
+        'padding'
         /* 'margin' */
       ],
       // 文本组件显示的属性

frontend/src/components/canvas/components/Toolbar.vue

@@ -11,9 +11,6 @@
       </span>
     </div>
     <div v-else class="toolbar">
-      <el-tooltip :content="'移动端布局'">
-        <el-button class="icon iconfont-tb icon-yidongduan" size="mini" circle @click="openMobileLayout" />
-      </el-tooltip>
       <el-tooltip v-if="!canvasStyleData.auxiliaryMatrix" :content="$t('panel.new_element_distribution')+':'+$t('panel.suspension')">
         <el-button class="icon iconfont-tb icon-xuanfuanniu" size="mini" circle @click="auxiliaryMatrixChange" />
       </el-tooltip>

frontend/src/components/canvas/custom-component/component-list.js

@@ -307,8 +307,8 @@ const list = [
       borderStyle: 'solid',
       borderColor: '#000000',
       borderRadius: 0,
-      /* margin: 10, */
-      time_margin: 0
+      time_margin: 0,
+      padding: 10
     },
     formatInfo: {
       openMode: '0',

frontend/src/components/canvas/utils/style.js

@@ -10,7 +10,8 @@ export function getStyle(style, filter = []) {
     'borderWidth',
     'letterSpacing',
     'borderRadius',
-    'margin'
+    'margin',
+    'padding'
   ]
 
   const result = {}
@@ -75,7 +76,7 @@ export function colorRgb(color, opacity) {
     }
     // 处理六位的颜色值
     var sColorChange = []
-    for (var i = 1; i < 7; i += 2) {
+    for (let i = 1; i < 7; i += 2) {
       sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
     }
     if (opacity || opacity === 0) {

frontend/src/components/dataease/DeOutWidget.vue

@@ -162,11 +162,11 @@ export default {
     height: 100%;
   }
   .first-element-contaner {
-      width: calc(100% - 10px);
+      width: 100%;
       background: initial;
       position:absolute;
-      bottom: 5px;
-      margin: 0 4px;
+      bottom: 0px;
+      margin: 0 0px;
       div {
           width: 100%;
       }
@@ -174,7 +174,7 @@ export default {
   .first-element-grid-contaner {
       background: #fff;
       border: 1px solid #d7dae2;
-      top: 5px;
+      top: 0px;
   }
   .condition-main-line {
       height: 40px !important;

frontend/src/components/widget/DeWidget/DeSelectGrid.vue

@@ -18,7 +18,7 @@
           <span style="display: flex;flex: 1;width: 0;">
             <el-radio v-if="!options.attrs.multiple" v-model="options.value" :label="data.id" @change="changeRadioBox"><span> {{ node.label }} </span></el-radio>
             <el-checkbox v-if="options.attrs.multiple && data.id !== allNode.id" v-model="data.checked" :label="data.id" @change="changeCheckBox(data)"><span> {{ node.label }} </span></el-checkbox>
-            <el-checkbox v-if="inDraw && options.attrs.multiple && data.id === allNode.id" v-model="data.checked" :indeterminate="data.indeterminate" :label="data.id" @change="allCheckChange(data)"><span> {{ node.label }} </span></el-checkbox>
+            <el-checkbox v-if="options.attrs.multiple && data.id === allNode.id" v-model="data.checked" :indeterminate="data.indeterminate" :label="data.id" @change="allCheckChange(data)"><span> {{ node.label }} </span></el-checkbox>
           </span>
           <span v-if="!options.attrs.multiple && options.value && options.value === data.id" class="child">
             <span style="margin-left: 12px;" @click.stop>
@@ -100,7 +100,7 @@ export default {
           this.allNode.indeterminate = false
           this.allNode.checked = false
         }
-        this.setMutiBox()
+        // this.setMutiBox()
       } else {
         !sourceValid && (this.options.value = null)
         sourceValid && Array.isArray(sourceValue) && (this.options.value = sourceValue[0])
@@ -169,6 +169,14 @@ export default {
       if (index >= 0 && !data.checked) {
         values.splice(index, 1)
       }
+      const datas = JSON.parse(JSON.stringify(this.options.attrs.datas))
+      this.options.attrs.datas = []
+      datas.forEach(item => {
+        if (item.id === data.id) {
+          item.checked = data.checked
+        }
+      })
+      this.options.attrs.datas = datas
 
       this.setAllNodeStatus()
 
@@ -194,13 +202,15 @@ export default {
     allCheckChange(data) {
       data.indeterminate = false
       const values = []
-      // this.options.value = []
-      this.options.attrs.datas.forEach(item => {
+      this.options.value = []
+      const datas = JSON.parse(JSON.stringify(this.options.attrs.datas))
+      this.options.attrs.datas = []
+      datas.forEach(item => {
         item.checked = data.checked
         // data.checked && this.options.value.push(item.id)
         data.checked && values.push(item.id)
       })
-
+      this.options.attrs.datas = datas
       this.options.value = values
       this.setCondition()
     },

frontend/src/layout/index.vue

@@ -12,14 +12,6 @@
         <app-main />
       </de-main-container>
     </de-container>
-
-    <!-- <de-main-container>
-      <app-main />
-    </de-main-container> -->
-
-    <!-- <div :class="{sidebarHide: sidebar.hide}" class="main-container">
-      <app-main />
-    </div> -->
   </div>
 </template>
 
@@ -62,7 +54,7 @@ export default {
       return this.$store.state.settings.showSettings
     },
     fullHeightFlag() {
-      return this.componentName === 'PanelEdit' || this.componentName === 'ChartEdit'
+      return this.$route.path.indexOf('panel') > -1 && (this.componentName === 'PanelEdit' || this.componentName === 'ChartEdit')
     },
     mainStyle() {
       if (this.fullHeightFlag) {

frontend/src/views/dataset/group/Group.vue

 <template>
   <el-col class="tree-style">
     <!-- group -->
-    <el-col v-if="!sceneMode">
+    <el-col>
       <el-row class="title-css">
         <span class="title-text">
           {{ $t('dataset.datalist') }}
@@ -10,36 +10,44 @@
       </el-row>
       <el-divider />
 
-      <el-row>
-        <el-form>
-          <el-form-item class="form-item">
-            <el-input
-              v-model="search"
-              size="mini"
-              :placeholder="$t('dataset.search')"
-              prefix-icon="el-icon-search"
-              clearable
-              class="main-area-input"
-            />
-          </el-form-item>
-        </el-form>
+      <el-row style="margin-bottom: 10px">
+        <el-col :span="16">
+          <el-input
+            v-model="filterText"
+            size="mini"
+            :placeholder="$t('commons.search')"
+            prefix-icon="el-icon-search"
+            clearable
+            class="main-area-input"
+          />
+        </el-col>
+        <el-col :span="8">
+          <el-dropdown>
+            <el-button size="mini" type="primary">
+              {{ searchMap[searchType] }}<i class="el-icon-arrow-down el-icon--right" />
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="searchTypeClick('all')">{{ $t('commons.all') }}</el-dropdown-item>
+              <el-dropdown-item @click.native="searchTypeClick('folder')">{{ this.$t('commons.folder') }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </el-col>
       </el-row>
 
       <el-col class="custom-tree-container">
         <div class="block">
           <el-tree
-            ref="asyncTree"
+            ref="datasetTreeRef"
             :default-expanded-keys="expandedArray"
             :data="tData"
             node-key="id"
-            :expand-on-click-node="true"
-            :load="loadNode"
-            lazy
-            :props="treeProps"
             highlight-current
+            :expand-on-click-node="true"
+            :filter-node-method="filterNode"
             @node-click="nodeClick"
           >
-            <span v-if="data.type === 'group'" slot-scope="{ node, data }" class="custom-tree-node father">
+            <span v-if="data.modelInnerType === 'group'" slot-scope="{ node, data }" class="custom-tree-node father">
               <span style="display: flex;flex: 1;width: 0;">
                 <span>
                   <i class="el-icon-folder" />
@@ -47,7 +55,7 @@
                 <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
               </span>
               <span v-if="hasDataPermission('manage',data.privileges)" class="child">
-                <span v-if="data.type ==='group'" @click.stop>
+                <span v-if="data.modelInnerType ==='group'" @click.stop>
                   <el-dropdown trigger="click" size="small" @command="clickAdd">
                     <span class="el-dropdown-link">
                       <el-button
@@ -86,10 +94,10 @@
                               {{ $t('dataset.custom_data') }}
                             </el-dropdown-item>
                             <!--此处菜单暂时隐藏，后续功能完整后再放开-->
-<!--                            <el-dropdown-item :command="beforeClickAddData('union',data)">-->
-<!--                              <svg-icon icon-class="ds-union" class="ds-icon-union" />-->
-<!--                              {{ $t('dataset.union_data') }}-->
-<!--                            </el-dropdown-item>-->
+                            <!--                            <el-dropdown-item :command="beforeClickAddData('union',data)">-->
+                            <!--                              <svg-icon icon-class="ds-union" class="ds-icon-union" />-->
+                            <!--                              {{ $t('dataset.union_data') }}-->
+                            <!--                            </el-dropdown-item>-->
                           </el-dropdown-menu>
                         </el-dropdown>
                       </el-dropdown-item>
@@ -123,12 +131,12 @@
             <span v-else slot-scope="{ node, data }" class="custom-tree-node-list father">
               <span style="display: flex;flex: 1;width: 0;">
                 <span>
-                  <svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" />
-                  <svg-icon v-if="data.type === 'sql'" icon-class="ds-sql" class="ds-icon-sql" />
-                  <svg-icon v-if="data.type === 'excel'" icon-class="ds-excel" class="ds-icon-excel" />
-                  <svg-icon v-if="data.type === 'custom'" icon-class="ds-custom" class="ds-icon-custom" />
+                  <svg-icon v-if="data.modelInnerType === 'db'" icon-class="ds-db" class="ds-icon-db" />
+                  <svg-icon v-if="data.modelInnerType === 'sql'" icon-class="ds-sql" class="ds-icon-sql" />
+                  <svg-icon v-if="data.modelInnerType === 'excel'" icon-class="ds-excel" class="ds-icon-excel" />
+                  <svg-icon v-if="data.modelInnerType === 'custom'" icon-class="ds-custom" class="ds-icon-custom" />
                 </span>
-                <span v-if="data.type === 'db' || data.type === 'sql'">
+                <span v-if="data.modelInnerType === 'db' || data.modelInnerType === 'sql'">
                   <span v-if="data.mode === 0" style="margin-left: 6px"><i class="el-icon-s-operation" /></span>
                   <span v-if="data.mode === 1" style="margin-left: 6px"><i class="el-icon-alarm-clock" /></span>
                 </span>
@@ -216,6 +224,7 @@
 import { loadTable, getScene, addGroup, delGroup, delTable, post, isKettleRunning, alter } from '@/api/dataset/dataset'
 import GroupMoveSelector from './GroupMoveSelector'
 import DsMoveSelector from './DsMoveSelector'
+import { queryAuthModel } from '@/api/authModel/authModel'
 
 export default {
   name: 'Group',
@@ -287,25 +296,29 @@ export default {
         parentId: 'pid'
       },
       isTreeSearch: false,
-      kettleRunning: false
+      kettleRunning: false,
+      searchPids: [], // 查询命中的pid
+      filterText: '',
+      searchType: 'all',
+      searchMap: {
+        all: this.$t('commons.all'),
+        folder: this.$t('commons.folder')
+      }
     }
   },
   computed: {
   },
   watch: {
-    search(val) {
-      this.$emit('switchComponent', { name: '' })
-      this.tData = []
-      this.expandedArray = []
-      if (this.timer) {
-        clearTimeout(this.timer)
-      }
-      this.timer = setTimeout(() => {
-        this.getTreeData(val)
-      }, (val && val !== '') ? 500 : 0)
-    },
     saveStatus() {
-      this.refreshNodeBy(this.saveStatus.sceneId)
+      this.treeNode()
+    },
+    filterText(val) {
+      this.searchPids = []
+      this.$refs.datasetTreeRef.filter(val)
+    },
+    searchType(val) {
+      this.searchPids = []
+      this.$refs.datasetTreeRef.filter(this.filterText)
     }
   },
   created() {
@@ -337,7 +350,7 @@ export default {
     clickMore(param) {
       switch (param.type) {
         case 'rename':
-          this.add(param.data.type)
+          this.add(param.data.modelInnerType)
           this.groupForm = JSON.parse(JSON.stringify(param.data))
           break
         case 'move':
@@ -393,7 +406,8 @@ export default {
               type: 'success',
               showClose: true
             })
-            this.refreshNodeBy(group.pid)
+            this.expandedArray.push(group.pid)
+            this.treeNode(group.pid)
           })
         } else {
           return false
@@ -403,6 +417,7 @@ export default {
 
     saveTable(table) {
       table.mode = parseInt(table.mode)
+      const _this = this
       this.$refs['tableForm'].validate((valid) => {
         if (valid) {
           table.isRename = true
@@ -413,7 +428,9 @@ export default {
               type: 'success',
               showClose: true
             })
-            this.refreshNodeBy(table.sceneId)
+            _this.expandedArray.push(response.data.sceneId)
+            _this.$refs.datasetTreeRef.setCurrentKey(response.data.id)
+            _this.treeNode()
             this.$store.dispatch('dataset/setTable', new Date().getTime())
           })
         } else {
@@ -434,7 +451,7 @@ export default {
             message: this.$t('dataset.delete_success'),
             showClose: true
           })
-          this.refreshNodeBy(data.pid)
+          this.treeNode(data.pid)
         })
       }).catch(() => {
       })
@@ -452,7 +469,7 @@ export default {
             message: this.$t('dataset.delete_success'),
             showClose: true
           })
-          this.refreshNodeBy(data.sceneId)
+          this.treeNode(data.sceneId)
           this.$store.dispatch('dataset/setTable', new Date().getTime())
         })
       }).catch(() => {
@@ -480,7 +497,7 @@ export default {
     },
 
     treeNode(group) {
-      post('/dataset/group/treeNode', group).then(res => {
+      queryAuthModel({ modelType: 'dataset' }).then(res => {
         this.tData = res.data
       })
     },
@@ -500,9 +517,17 @@ export default {
     },
 
     nodeClick(data, node) {
-      if (data.type !== 'group') {
+      if (data.modelInnerType !== 'group') {
         this.$emit('switchComponent', { name: 'ViewTable', param: data })
       }
+      if (node.expanded) {
+        this.expandedArray.push(data.id)
+      } else {
+        const index = this.expandedArray.indexOf(data.id)
+        if (index > -1) {
+          this.expandedArray.splice(index, 1)
+        }
+      }
     },
 
     back() {
@@ -588,7 +613,7 @@ export default {
       this.groupForm.pid = this.tGroup.id
       addGroup(this.groupForm).then(res => {
         this.closeMoveGroup()
-        this.refreshNodeBy(this.groupForm.pid)
+        this.treeNode()
       })
     },
     targetGroup(val) {
@@ -612,14 +637,13 @@ export default {
       }
     },
     saveMoveDs() {
-      const oldSceneId = this.dsForm.sceneId
       const newSceneId = this.tDs.id
       this.dsForm.sceneId = newSceneId
       this.dsForm.isRename = true
       alter(this.dsForm).then(res => {
         this.closeMoveDs()
-        this.refreshNodeBy(oldSceneId)
-        this.refreshNodeBy(newSceneId)
+        this.expandedArray.push(newSceneId)
+        this.treeNode()
       })
     },
     targetDs(val) {
@@ -652,69 +676,6 @@ export default {
       }
     },
 
-    refreshNodeBy(id) {
-      if (this.isTreeSearch) {
-        this.tData = []
-        this.expandedArray = []
-        this.searchTree(this.search)
-      } else {
-        if (!id || id === '0') {
-          this.treeNode(this.groupForm)
-        } else {
-          const node = this.$refs.asyncTree.getNode(id) // 通过节点id找到对应树节点对象
-          node.loaded = false
-          node.expand() // 主动调用展开节点方法，重新查询该节点下的所有子节点
-        }
-      }
-    },
-
-    searchTree(val) {
-      const queryCondition = {
-        name: val
-      }
-
-      post('/dataset/table/search', queryCondition).then(res => {
-        this.tData = this.buildTree(res.data)
-      })
-    },
-
-    buildTree(arrs) {
-      const idMapping = arrs.reduce((acc, el, i) => {
-        acc[el[this.treeProps.id]] = i
-        return acc
-      }, {})
-      const roots = []
-      arrs.forEach(el => {
-        // 判断根节点 ###
-        if (el[this.treeProps.parentId] === null || el[this.treeProps.parentId] === 0 || el[this.treeProps.parentId] === '0') {
-          roots.push(el)
-          return
-        }
-        // 用映射表找到父元素
-        const parentEl = arrs[idMapping[el[this.treeProps.parentId]]]
-        // 把当前元素添加到父元素的`children`数组中
-        parentEl.children = [...(parentEl.children || []), el]
-
-        // 设置展开节点 如果没有子节点则不进行展开
-        if (parentEl.children.length > 0) {
-          this.expandedArray.push(parentEl[this.treeProps.id])
-        }
-      })
-      return roots
-    },
-
-    // 高亮显示搜索内容
-    highlights(data) {
-      if (data && this.search && this.search.length > 0) {
-        const replaceReg = new RegExp(this.search, 'g')// 匹配关键字正则
-        const replaceString = '<span style="color: #0a7be0">' + this.search + '</span>' // 高亮替换v-html值
-        data.forEach(item => {
-          item.name = item.name.replace(replaceReg, replaceString) // 开始替换
-          item.label = item.label.replace(replaceReg, replaceString) // 开始替换
-        })
-      }
-    },
-
     getTreeData(val) {
       if (val) {
         this.isTreeSearch = true
@@ -723,6 +684,27 @@ export default {
         this.isTreeSearch = false
         this.treeNode(this.groupForm)
       }
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      if (this.searchType === 'folder') {
+        if (data.modelInnerType === 'group' && data.label.indexOf(value) !== -1) {
+          this.searchPids.push(data.id)
+          return true
+        }
+        if (this.searchPids.indexOf(data.pid) !== -1) {
+          if (data.modelInnerType === 'group') {
+            this.searchPids.push(data.id)
+          }
+          return true
+        }
+      } else {
+        return data.label.indexOf(value) !== -1
+      }
+      return false
+    },
+    searchTypeClick(searchTypeInfo) {
+      this.searchType = searchTypeInfo
     }
   }
 }

frontend/src/views/panel/index.vue

@@ -28,7 +28,7 @@ export default {
   },
   computed: {
     fullHeightFlag() {
-      return this.componentName === 'PanelEdit' || this.componentName === 'ChartEdit'
+      return this.$route.path.indexOf('panel') > -1 && (this.componentName === 'PanelEdit' || this.componentName === 'ChartEdit')
     }
   },
   watch: {
@@ -49,6 +49,7 @@ export default {
     })
   },
   created() {
+    bus.$emit('PanelSwitchComponent', { name: 'PanelMain' })
     this.$store.dispatch('app/toggleSideBarHide', true)
     const routerParam = this.$router.currentRoute.params
     this.toMsgShare(routerParam)