Merge pull request #7128 from dataease/pr@dev-v2_dzz

Pr@dev v2 dzz

core/core-frontend/src/style/index.less

@@ -391,3 +391,8 @@ em {
 .color-datasource {
   background: rgb(127, 59, 246);
 }
+
+.ed-table {
+  --ed-table-row-hover-bg-color: #e8e9e9 !important;
+}
+

core/core-frontend/src/views/visualized/data/dataset/form/index.vue

@@ -1212,6 +1212,7 @@ const getDsIconName = data => {
             @change="dsChange"
             :placeholder="t('dataset.pls_slc_data_source')"
             class="ds-list"
+            filterable
             popper-class="tree-select-ds_popper"
             v-model="dataSource"
             node-key="id"

core/core-frontend/src/views/visualized/data/dataset/index.vue

@@ -420,6 +420,23 @@ const defaultProps = {
   label: 'name'
 }
 
+const defaultTab = [
+  {
+    title: t('chart.data_preview'),
+    name: 'dataPreview'
+  },
+  {
+    title: '结构预览',
+    name: 'structPreview'
+  }
+]
+const tablePanes = ref([])
+const tablePaneList = computed(() => {
+  return nodeInfo.weight >= 7 ? [...defaultTab, ...tablePanes.value] : [...defaultTab]
+})
+const panelLoad = paneInfo => {
+  tablePanes.value = paneInfo
+}
 const datasetListTree = ref()
 
 watch(nickName, (val: string) => {
@@ -587,19 +604,17 @@ const getMenuList = (val: boolean) => {
           </div>
           <div class="tab-border">
             <el-tabs v-model="activeName" @tab-change="handleClick">
-              <el-tab-pane :label="t('chart.data_preview')" name="dataPreview"></el-tab-pane>
-              <el-tab-pane label="结构预览" name="structPreview"></el-tab-pane>
               <el-tab-pane
-                v-if="nodeInfo.weight >= 7"
-                :label="t('dataset.row_permissions')"
-                name="row"
-              ></el-tab-pane>
-              <el-tab-pane
-                v-if="nodeInfo.weight >= 7"
-                :label="t('dataset.column_permissions')"
-                name="column"
+                v-for="ele in tablePaneList"
+                :key="ele.name"
+                :label="ele.title"
+                :name="ele.name"
               ></el-tab-pane>
             </el-tabs>
+            <XpackComponent
+              jsname="L2NvbXBvbmVudC9yb3ctY29sLXBlcm1pc3Npb24vcGFuZS9pbmRleA=="
+              @loaded="panelLoad"
+            />
           </div>
         </div>
         <div class="dataset-table-info">