Merge pull request #3700 from dataease/pr@dev_memory_component

Pr@dev memory component

frontend/src/views/dataset/data/ViewTable.vue

@@ -191,7 +191,7 @@
       v-if="showExport"
       v-dialogDrag
       :visible.sync="showExport"
-      width="600px"
+      width="800px"
       class="de-dialog-form form-tree-cont"
       :title="$t('dataset.export_dataset')"
       append-to-body
@@ -219,8 +219,10 @@
           prop="expressionTree"
         >
           <div class="tree-cont">
+            <div class="content">
               <rowAuth ref="rowAuth" />
             </div>
+          </div>
         </el-form-item>
       </el-form>
       <span class="tip">提示：最多支持导出10万条数据</span>
@@ -518,7 +520,14 @@ export default {
   .tree-cont {
     height: 200px;
     width: 100%;
-    overflow-x: auto;
+    padding: 16px;
+    border-radius: 4px;
+    border: 1px solid var(--deBorderBase, #DCDFE6);
+    overflow: auto;
+    .content {
+      height: 100%;
+      width: 100%;
+    }
   }
 }
 .icon-class {

frontend/src/views/dataset/data/components/filterFiled.vue

@@ -14,6 +14,7 @@
       >
         <el-input
           v-model="item.name"
+          class="w100"
           :placeholder="$t('auth.selct_filter_fields')"
           size="mini"
           @input="cancel"
@@ -55,6 +56,7 @@
         <el-select
           v-model="item.filterType"
           size="mini"
+          class="w100"
           :placeholder="$t('auth.select')"
           @change="filterTypeChange"
         >
@@ -69,7 +71,7 @@
         <template v-if="item.filterType === 'logic'">
           <el-select
             v-model="item.term"
-            class="w100"
+            class="w120"
             size="mini"
             :placeholder="$t('auth.default_method')"
             @change="onOptionsChange"
@@ -93,7 +95,7 @@
           <template v-else-if="!['null', 'empty', 'not_null', 'not_empty'].includes(item.term)">
             <el-input
               v-model="item.value"
-              class="w70 mar5"
+              class="w120 mar5"
               size="mini"
             />
             <div class="de-bottom-line" />
@@ -293,7 +295,7 @@ export default {
       const { term, fieldId, filterType } = this.item
       const isNull = ['null', 'empty', 'not_null', 'not_empty'].includes(term) && filterType === 'logic'
       return {
-        width: !fieldId ? '270px' : isNull ? '670px' : '750px'
+        width: !fieldId ? '240px' : isNull ? '540px' : '670px'
       }
     },
     operators() {
@@ -491,10 +493,14 @@ export default {
     width: 170px;
   }
 
-  .w100.el-select {
+  .w100 {
     width: 100px;
   }
 
+  .w120 {
+    width: 120px;
+  }
+
   .w70 {
     width: 70px;
   }
@@ -543,7 +549,7 @@ export default {
     position: absolute;
     right: 5px;
     bottom: 9px;
-    width: 70px;
+    width: 100px;
     z-index: 10;
   }