diff --git a/backend/src/main/java/io/dataease/ext/ExtPanelLinkJumpMapper.xml b/backend/src/main/java/io/dataease/ext/ExtPanelLinkJumpMapper.xml
index f19db4f75d..47c0df8a6a 100644
--- a/backend/src/main/java/io/dataease/ext/ExtPanelLinkJumpMapper.xml
+++ b/backend/src/main/java/io/dataease/ext/ExtPanelLinkJumpMapper.xml
@@ -51,8 +51,7 @@
             LEFT JOIN panel_link_mapping on panel_link_jump_info.target_panel_id = panel_link_mapping.resource_id
         WHERE
             chart_view.id =#{source_view_id}
-        ORDER BY
-            ifnull( panel_link_jump_info.checked, 0 ) DESC
+        ORDER BY CONVERT(dataset_table_field.NAME using gbk)
     </select>
 
     <select id="queryWithPanelId" resultMap="BaseResultMapDTO">
diff --git a/frontend/src/api/panel/panel.js b/frontend/src/api/panel/panel.js
index 0827fa10b1..9d0540c325 100644
--- a/frontend/src/api/panel/panel.js
+++ b/frontend/src/api/panel/panel.js
@@ -139,6 +139,7 @@ export function get(url) {
 export function delGroup(groupId) {
   return request({
     url: '/panel/group/deleteCircle/' + groupId,
+    loading: true,
     method: 'post'
   })
 }
diff --git a/frontend/src/components/ElTreeSelect/index.vue b/frontend/src/components/ElTreeSelect/index.vue
index af475cab2a..cbb1b28644 100644
--- a/frontend/src/components/ElTreeSelect/index.vue
+++ b/frontend/src/components/ElTreeSelect/index.vue
@@ -33,6 +33,7 @@
       <el-input v-if="treeParams.filterable" v-model="keywords" size="mini" class="input-with-select mb10">
         <el-button slot="append" icon="el-icon-search" @click="_searchFun" />
       </el-input>
+      <p v-if="selectParams.multiple" class="tree-select-all"><el-checkbox :indeterminate="isIndeterminate" v-customStyle="customStyle" @change="selectAllChane" v-model="selectAll">{{ $t('dataset.check_all') }}</el-checkbox></p>
       <el-scrollbar tag="div" wrap-class="el-select-dropdown__wrap" view-class="el-select-dropdown__list" class="is-empty">
         <!-- 树列表 -->
         <el-tree
@@ -203,10 +204,15 @@ export default {
           }
         }
       }
+    },
+    customStyle: {
+      type: Object,
+      default: () => {}
     }
   },
   data() {
     return {
+      selectAll: false,
       guid: guid(),
       propsValue: 'flowId',
       propsLabel: 'name',
@@ -229,6 +235,10 @@ export default {
     popperClass() {
       const _c = 'el-tree-select-popper ' + this.popoverClass
       return this.disabled ? _c + ' disabled ' : _c
+    },
+    isIndeterminate() {
+      if (!this.selectParams.multiple) return;
+      return this.ids.length > 0 && this.ids.length !== this._checkSum().length
     }
   },
   watch: {
@@ -283,6 +293,21 @@ export default {
     off(document, 'mouseup', this._popoverHideFun)
   },
   methods: {
+    selectAllChane(val) {
+      if (val) {
+        this.ids = this._checkSum();
+        this._emitFun();
+        return
+      } 
+      this._selectClearFun()
+    },
+    _checkSum() {
+        let arr = [];
+        (this.data || []).forEach(ele => {
+          arr = [...this.allKidIds(ele), ...arr]
+        })
+        return arr
+    },
     _treeCheckChange() {
       this.$emit("treeCheckChange")
     },
@@ -494,6 +519,7 @@ export default {
         `vm:` 当前组件的vm
         */
       node.checkedKeys = checkedNodes.map(node => node.id)
+      this.selectAll = this._checkSum().length === this.ids.length;
       this.$emit('check', data, node, vm)
       this._emitFun()
     },
@@ -549,6 +575,7 @@ export default {
       this.$emit('input', multiple ? [] : '')
       // 下拉框清空，对外抛出``this.$emit('select-clear');`
       this.$emit('select-clear')
+      this.selectAll = false;
       this._updatePopoverLocationFun()
     },
     // 判断类型，抛出当前选中id
@@ -625,7 +652,9 @@ export default {
 .el-tree-select .select-option {
     display: none !important;
 }
-
+.tree-select-all {
+    padding: 10px 20px 0 24px;
+  }
 [aria-disabled='true'] > .el-tree-node__content {
     color: inherit !important;
     background: transparent !important;
diff --git a/frontend/src/components/ElVisualSelect/index.vue b/frontend/src/components/ElVisualSelect/index.vue
index 96596484aa..eeda732b70 100644
--- a/frontend/src/components/ElVisualSelect/index.vue
+++ b/frontend/src/components/ElVisualSelect/index.vue
@@ -6,12 +6,14 @@
     :class="classId"
     popper-class="VisualSelects coustom-de-select"
     no-match-text=" "
+    clearable
     v-bind="$attrs"
     v-on="$listeners"
     @change="visualChange"
     @visible-change="popChange"
   >
-    <el-option v-for="item in options" :key="item.id" :label="item.text" :value="item.id" />
+    <p v-if="startIndex === 0 && $attrs.multiple" class="select-all"><el-checkbox :indeterminate="isIndeterminate" v-customStyle="customStyle" @change="selectAllChane" v-model="selectAll">{{ $t('dataset.check_all') }}</el-checkbox></p>
+    <el-option v-for="item in options" :key="item.id" :label="item.text" :value="item.id"  :class="setSelect(item.id)"/>
   </el-select>
 </template>
 
@@ -31,6 +33,10 @@ export default {
       require: true,
       default: uuid.v1()
     },
+    customStyle: {
+      type: Object,
+      default: () => {}
+    },
     list: {
       type: Array,
       default: () => {
@@ -60,7 +66,13 @@ export default {
       itemHeight: 34, // select组件选项高度
       maxHeightDom: null,
       defaultFirst: false,
-      show: true
+      show: true,
+      selectAll: false
+    }
+  },
+  computed: {
+    isIndeterminate() {
+      return Array.isArray(this.selectValue) && this.selectValue.length > 0 && this.selectValue.length !== this.list.length
     }
   },
   watch: {
@@ -102,6 +114,16 @@ export default {
     })
   },
   methods: {
+    setSelect(id) {
+      if (Array.isArray(this.selectValue)) {
+        return  this.selectValue.map( ele => ele.id ).includes(id) && 'selected'
+      }
+      return this.selectValue === id && 'selected';
+    },
+    selectAllChane(val) {
+      this.visualChange(val ? [...this.list.map( ele => ele.id )] : [])
+      this.$emit('handleShowNumber');
+    },
     addScrollDiv(selectDom) {
       this.maxHeightDom = document.createElement('div')
       this.maxHeightDom.className = 'el-select-height'
@@ -171,6 +193,9 @@ export default {
       this.reCacularHeight()
     },
     visualChange(val) {
+      if(this.$attrs.multiple) {
+        this.selectAll = val.length === this.list.length;
+      }
       this.$emit('visual-change', val)
     }
   }
@@ -206,4 +231,7 @@ export default {
     height: 0;
   }
 }
+.select-all {
+    padding: 10px 20px 0 20px;
+  }
 </style>
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index ef5975f605..b14ec0ca81 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -289,13 +289,13 @@ export default {
       const trackMenuInfo = []
       let linkageCount = 0
       let jumpCount = 0
-      this.chart.data && this.chart.data.sourceFields && this.chart.data.sourceFields.forEach(item => {
+      this.chart.data && this.chart.data.fields && this.chart.data.fields.forEach(item => {
         const sourceInfo = this.chart.id + '#' + item.id
         if (this.nowPanelTrackInfo[sourceInfo]) {
           linkageCount++
         }
       })
-      this.chart.data && this.chart.data.sourceFields && this.chart.data.sourceFields.forEach(item => {
+      this.chart.data && this.chart.data.fields && this.chart.data.fields.forEach(item => {
         const sourceInfo = this.chart.id + '#' + item.id
         if (this.nowPanelJumpInfo[sourceInfo]) {
           jumpCount++
@@ -685,11 +685,13 @@ export default {
           window.open(url, jumpInfo.jumpType)
         }
       } else {
-        this.$message({
-          type: 'warn',
-          message: '未获取跳转信息',
-          showClose: true
-        })
+        if (this.chart.type.indexOf('table') === -1) {
+          this.$message({
+            type: 'warn',
+            message: '未获取跳转信息',
+            showClose: true
+          })
+        }
       }
     },
     setIdValueTrans(from, to, content, colList) {
diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
index 969c2b556e..ce3aac9589 100644
--- a/frontend/src/components/widget/DeWidget/DeSelect.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelect.vue
@@ -16,10 +16,12 @@
     :key-word="keyWord"
     popper-class="coustom-de-select"
     :list="datas"
+    :customStyle="customStyle"
     @change="changeValue"
     @focus="setOptionWidth"
     @blur="onBlur"
     @visual-change="visualChange"
+    @handleShowNumber="handleShowNumber"
   >
     <el-option
       v-for="item in templateDatas || datas"
@@ -104,6 +106,10 @@ export default {
     },
     panelInfo() {
       return this.$store.state.panel.panelInfo
+    },
+    customStyle() {
+      const { brColor, wordColor, innerBgColor } = this.element.style;
+      return { brColor, wordColor, innerBgColor }
     }
   },
 
@@ -211,7 +217,7 @@ export default {
     },
     onScroll() {
       if (this.onFocus) {
-        this.$refs.deSelect.blur()
+        this.$refs.deSelect.$refs.visualSelect.blur()
       }
     },
     resetDefaultValue(id) {
@@ -251,7 +257,7 @@ export default {
       }
     },
     visualChange(value) {
-      this.value = value
+      this.value = value;
       this.$nextTick(() => {
         if (!this.element.options.attrs.multiple) {
           return
@@ -271,18 +277,22 @@ export default {
         this.element.options.manualModify = true
       }
       this.setCondition()
+      this.handleShowNumber()
+    },
+    handleShowNumber() {
       this.showNumber = false
+      const tags = this.$refs.deSelect.$refs.visualSelect.$refs.tags
 
       this.$nextTick(() => {
-        if (!this.element.options.attrs.multiple || !this.$refs.deSelect || !this.$refs.deSelect.$refs.tags) {
+        if (!this.element.options.attrs.multiple || !this.$refs.deSelect || !tags) {
           return
         }
-        const kids = this.$refs.deSelect.$refs.tags.children[0].children
+        const kids = tags.children[0].children
         let contentWidth = 0
         kids.forEach(kid => {
           contentWidth += kid.offsetWidth
         })
-        this.showNumber = contentWidth > ((this.$refs.deSelect.$refs.tags.clientWidth - 30) * 0.9)
+        this.showNumber = contentWidth > ((tags.clientWidth - 30) * 0.9)
         this.handleElTagStyle()
       })
     },
diff --git a/frontend/src/components/widget/DeWidget/DeSelectTree.vue b/frontend/src/components/widget/DeWidget/DeSelectTree.vue
index 3df7e2a9ad..8773586e06 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectTree.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectTree.vue
@@ -10,6 +10,7 @@
     :tree-params="treeParams"
     :filter-node-method="_filterFun"
     :tree-render-fun="_renderFun"
+    :customStyle="customStyle"
     @searchFun="_searchFun"
     @node-click="changeNode"
     @removeTag="changeNodeIds"
@@ -106,6 +107,10 @@ export default {
     },
     isSingle() {
       return this.element.options.attrs.multiple
+    },
+    customStyle() {
+      const { brColor, wordColor, innerBgColor } = this.element.style;
+      return { brColor, wordColor, innerBgColor }
     }
   },
 
diff --git a/frontend/src/directive/index.js b/frontend/src/directive/index.js
index edb3f4f522..e44e82bfae 100644
--- a/frontend/src/directive/index.js
+++ b/frontend/src/directive/index.js
@@ -86,6 +86,19 @@ const btnPress =  {
   },
 }
 
+const customStyle = {
+  inserted: function (el, binding) {
+    const label = el.querySelector('.el-checkbox__label');
+    if (label) {
+      if (label.getAttribute("data-color") === binding.value.wordColor) {
+        return
+      };
+      label.style.setProperty('color', binding.value.wordColor, 'important');
+      label.setAttribute("data-color", binding.value.wordColor);
+    }
+  },
+}
+
 
 export default {
   install(Vue) {
@@ -96,6 +109,7 @@ export default {
     Vue.directive('bottom-to-top-drag', bottom2TopDrag)
     Vue.directive('closePress', closePress)
     Vue.directive('btnPress', btnPress)
+    Vue.directive('customStyle', customStyle)
   }
 }
 
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index fd02cbac02..41c7a12949 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -563,6 +563,10 @@ export default {
     clear_filter: 'Empty condition',
     recover_pwd: 'Restore to the original password?',
     filter_method: 'Filter criteria',
+    filter: 'screen',
+    list: 'List item',
+    list_info: 'Please select the information to be displayed in the list',
+    sure_delete: 'Are you sure to delete this user?',
   },
   ldap: {
     url: 'LDAP url',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index 8bc3716a97..ff160c5712 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -564,6 +564,10 @@ export default {
     clear_filter: '清空條件',
     recover_pwd: '是否恢復為初始密碼?',
     filter_method: '篩選條件',
+    filter: '篩選',
+    list: '列表項',
+    list_info: '請選擇列表中要展示的信息',
+    sure_delete: '確定刪除該用戶嗎？',
   },
   ldap: {
     url: 'LDAP地址',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index cb557a7e8e..451cde01a4 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -565,6 +565,10 @@ export default {
     clear_filter: '清空条件',
     recover_pwd: '是否恢复为初始密码?',
     filter_method: '筛选条件',
+    filter: '筛选',
+    list: '列表项',
+    list_info: '请选择列表中要展示的信息',
+    sure_delete: '确定删除该用户吗？',
   },
   ldap: {
     url: 'LDAP地址',
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 81324cd956..1c9ef598e9 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -888,3 +888,90 @@ div:focus {
   }
 }
 
+.el-tabs {
+  .el-tabs__item.is-active {
+    box-shadow: none !important;
+  }
+}
+
+.de-message {
+  min-width: 20px !important;
+  padding: 16px 20px !important;
+  flex-direction: row;
+  box-shadow: 0px 4px 8px 0px #1f23291a;
+  span {
+    font-family: PingFang SC;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: left;
+    color: #1f2329;
+  }
+
+  i {
+    height: 14.666666984558105px;
+    width: 14.666669845581055px;
+    margin-right: 8.67px;
+  }
+}
+.de-message-fail {
+  border: 1px solid #f54a45 !important;
+  background: #fef1f1 !important;
+  i {
+    color: #f54a45;
+  }
+}
+
+.de-message-success {
+  border: 1px solid #34c724 !important;
+  background: #f0fbef !important;
+  i {
+    color: #34c724;
+  }
+}
+
+.pagination-cont {
+  text-align: right;
+  margin-top: 10px;
+  .el-pager li {
+    background-color: #fff !important;
+    border: 1px solid #bbbfc4 !important;
+    border-radius: 4px !important;
+    color: #1f2329 !important;
+    box-sizing: border-box;
+    line-height: 26px;
+    font-family: SF Pro Text;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .btn-prev,
+  .btn-next {
+    background-color: #fff !important;
+    border: 1px solid #bbbfc4 !important;
+    border-radius: 4px !important;
+    color: #bbbfc4 !important;
+  }
+
+  .el-pagination__total {
+    font-family: "PingFang SC";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 22px;
+    color: #1f2329 !important;
+    line-height: 28px;
+  }
+
+  .number.active,
+  .el-input__inner:hover {
+    border-color: #3370ff !important;
+    color: #3370ff !important;
+    background-color: #fff !important;
+  }
+
+  .el-icon-more {
+    border: none !important;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/views/chart/chart/table/table-info.js b/frontend/src/views/chart/chart/table/table-info.js
index cdd4392bb4..563d5cac29 100644
--- a/frontend/src/views/chart/chart/table/table-info.js
+++ b/frontend/src/views/chart/chart/table/table-info.js
@@ -541,7 +541,7 @@ function mappingColor(value, defaultColor, field, type) {
       } else if (i === field.conditions.length - 1) {
         color = defaultColor
       }
-    } else if (field.field.deType === 0) {
+    } else if (field.field.deType === 0 || field.field.deType === 5) {
       const tv = t.value
       if (t.term === 'eq') {
         if (value === tv) {
@@ -564,22 +564,12 @@ function mappingColor(value, defaultColor, field, type) {
           flag = true
         }
       } else if (t.term === 'null') {
-        if (value === null || value === undefined) {
+        if (value === null || value === undefined || value === '') {
           color = t[type]
           flag = true
         }
       } else if (t.term === 'not_null') {
-        if (value !== null && value !== undefined) {
-          color = t[type]
-          flag = true
-        }
-      } else if (t.term === 'empty') {
-        if (value === '') {
-          color = t[type]
-          flag = true
-        }
-      } else if (t.term === 'not_empty') {
-        if (value !== '') {
+        if (value !== null && value !== undefined && value !== '') {
           color = t[type]
           flag = true
         }
diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
index 28911cc2d3..2e5f75b78b 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
@@ -57,7 +57,7 @@
                 <el-dropdown-item v-if="item.id !== 'count' && item.deType !== 0 && item.deType !== 1 && item.deType !== 5" :command="beforeSummary('stddev_pop')">{{ $t('chart.stddev_pop') }}</el-dropdown-item>
                 <el-dropdown-item v-if="item.id !== 'count' && item.deType !== 0 && item.deType !== 1 && item.deType !== 5" :command="beforeSummary('var_pop')">{{ $t('chart.var_pop') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeSummary('count')">{{ $t('chart.count') }}</el-dropdown-item>
-                <el-dropdown-item :command="beforeSummary('count_distinct')">{{ $t('chart.count_distinct') }}</el-dropdown-item>
+                <el-dropdown-item v-if="item.id !== 'count'" :command="beforeSummary('count_distinct')">{{ $t('chart.count_distinct') }}</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </el-dropdown-item>
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
index 78c78dad68..a728c41dd1 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
@@ -57,7 +57,7 @@
                 <el-dropdown-item v-if="item.id !== 'count' && item.deType !== 0 && item.deType !== 1 && item.deType !== 5" :command="beforeSummary('stddev_pop')">{{ $t('chart.stddev_pop') }}</el-dropdown-item>
                 <el-dropdown-item v-if="item.id !== 'count' && item.deType !== 0 && item.deType !== 1 && item.deType !== 5" :command="beforeSummary('var_pop')">{{ $t('chart.var_pop') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeSummary('count')">{{ $t('chart.count') }}</el-dropdown-item>
-                <el-dropdown-item :command="beforeSummary('count_distinct')">{{ $t('chart.count_distinct') }}</el-dropdown-item>
+                <el-dropdown-item v-if="item.id !== 'count'" :command="beforeSummary('count_distinct')">{{ $t('chart.count_distinct') }}</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </el-dropdown-item>
diff --git a/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue b/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
index f168f45f92..5bd2d2f710 100644
--- a/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
+++ b/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
@@ -166,16 +166,6 @@ export default {
             value: 'not_null',
             label: this.$t('chart.filter_not_null')
           }]
-        },
-        {
-          label: '',
-          options: [{
-            value: 'empty',
-            label: this.$t('chart.filter_empty')
-          }, {
-            value: 'not_empty',
-            label: this.$t('chart.filter_not_empty')
-          }]
         }
       ],
       dateOptions: [
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 4ec1aa87f4..82b01cae84 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -2297,6 +2297,7 @@ export default {
         }
       }
       this.dragMoveDuplicate(this.view.customFilter, e)
+      this.dragRemoveChartField(this.view.customFilter, e)
       this.calcData(true)
     },
 
diff --git a/frontend/src/views/panel/LinkJumpSet/index.vue b/frontend/src/views/panel/LinkJumpSet/index.vue
index e64f89b917..d9cb6eb372 100644
--- a/frontend/src/views/panel/LinkJumpSet/index.vue
+++ b/frontend/src/views/panel/LinkJumpSet/index.vue
@@ -358,8 +358,8 @@ export default {
   methods: {
     init() {
       const chartDetails = JSON.parse(this.panelViewDetailsInfo[this.viewId])
-      const checkAllAxisStr = chartDetails.xaxis + chartDetails.xaxisExt + chartDetails.yaxis + chartDetails.yaxisExt
-      const checkJumpStr = chartDetails.type.includes('table') ? checkAllAxisStr : chartDetails.xaxis + chartDetails.xaxisExt
+      const checkAllAxisStr = chartDetails.xaxis + chartDetails.xaxisExt + chartDetails.yaxis + chartDetails.yaxisExt + chartDetails.drillFields
+      const checkJumpStr = chartDetails.type.includes('table') ? checkAllAxisStr : chartDetails.xaxis + chartDetails.xaxisExt + chartDetails.drillFields
 
       // 获取可关联的仪表板
       groupTree({}).then(rsp => {
@@ -580,7 +580,7 @@ export default {
 }
 
 .bottom {
-  margin-top: 20px;
+  margin-top: 10px;
   text-align: center;
 
 }
diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index 0bfe88dfb4..cb13e2b738 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -374,8 +374,7 @@ export default {
     bus.$off('newPanelFromMarket', this.newPanelFromMarket)
   },
   mounted() {
-    this.$store.commit('setComponentData', [])
-    this.$store.commit('setCanvasStyle', DEFAULT_COMMON_CANVAS_STYLE_STRING)
+    this.clearCanvas()
     this.defaultTree(true)
     this.initCache()
     const routerParam = this.$router.currentRoute.params
@@ -845,7 +844,9 @@ export default {
       this.searchType = searchTypeInfo
     },
     editFromPanelViewShow() {
-      this.edit(this.lastActiveNodeData, this.lastActiveNode)
+      this.$store.commit('setComponentData', [])
+      this.$store.commit('setCanvasStyle', DEFAULT_COMMON_CANVAS_STYLE_STRING)
+      bus.$emit('PanelSwitchComponent', { name: 'PanelEdit' })
     },
     editPanelBashInfo(params) {
       if (params.operation === 'status') {
diff --git a/frontend/src/views/system/datasource/DsConfiguration.vue b/frontend/src/views/system/datasource/DsConfiguration.vue
index 12908135da..acb4bc7d4e 100644
--- a/frontend/src/views/system/datasource/DsConfiguration.vue
+++ b/frontend/src/views/system/datasource/DsConfiguration.vue
@@ -1039,7 +1039,7 @@ export default {
 
           for (var j = 0; j < this.apiItem.fields.length; j++) {
             if(this.apiItem.fields[j].name === jsonFields[i].name){
-              this.$refs.apiItemTable.toggleRowSelection(jsonFields[i]);
+              jsonFields[i].checked = false;
               this.$message.error(jsonFields[i].name + ', ' + i18n.t('datasource.has_repeat_field_name'))
               return
             }
diff --git a/frontend/src/views/system/user/filterUser.vue b/frontend/src/views/system/user/filterUser.vue
index 58b78d054e..16a89a77d6 100644
--- a/frontend/src/views/system/user/filterUser.vue
+++ b/frontend/src/views/system/user/filterUser.vue
@@ -354,17 +354,19 @@ export default {
 
   .filter {
     display: flex;
-    align-items: center;
-    height: 46px;
+    min-height: 46px;
     > :nth-child(1) {
-      margin-right: 88px;
       color: #1f2329;
       font-family: "PingFang SC";
       font-style: normal;
       font-weight: 400;
       font-size: 14px;
+      line-height: 24px;
+      white-space: nowrap;
+      width: 116px;
     }
     .filter-item {
+      flex: 1;
       .item,
       .more {
         font-family: PingFang SC;
@@ -378,6 +380,8 @@ export default {
         background: #f5f6f7;
         border-radius: 2px;
         cursor: pointer;
+        display: inline-block;
+        margin-bottom: 12px;
       }
 
       .active,
diff --git a/frontend/src/views/system/user/index.vue b/frontend/src/views/system/user/index.vue
index 852426a6d7..1f2d6df965 100644
--- a/frontend/src/views/system/user/index.vue
+++ b/frontend/src/views/system/user/index.vue
@@ -30,21 +30,21 @@
           :class="[filterTexts.length ? 'active-btn filter-not-null' : 'filter-zero']"
           icon="iconfont icon-icon-filter"
           @click="filterShow"
-          >筛选<template v-if="filterTexts.length">
+          >{{ $t('user.filter') }}<template v-if="filterTexts.length">
             ({{ filterTexts.length }})
           </template>
         </el-button>
         <el-dropdown trigger="click" :hide-on-click="false">
           <el-button v-btnPress class="normal btn filter-zero" icon="el-icon-setting"
-            >列表项</el-button
+            >{{ $t('user.list') }}</el-button
           >
           <el-dropdown-menu class="list-colums-slect" slot="dropdown">
-            <p class="title">请选择列表中要展示的信息</p>
+            <p class="title">{{ $t('user.list_info') }}</p>
             <el-checkbox
               :indeterminate="isIndeterminate"
               v-model="checkAll"
               @change="handleCheckAllChange"
-              >全选</el-checkbox
+              >{{ $t('dataset.check_all')}}</el-checkbox
             >
             <el-checkbox-group
               v-model="checkedColumnNames"
@@ -483,7 +483,7 @@ export default {
       this.initSearch();
     },
     onCopy(e) {
-      this.$success(this.$t("commons.copy_success"));
+      this.openMessageSuccess("commons.copy_success");
     },
     onError(e) {},
     handleSizeChange(pageSize) {
@@ -531,7 +531,7 @@ export default {
       this.$refs.userEditer.init(row);
     },
     del(row) {
-      this.$confirm(this.$t("确定删除该用户吗？"), "", {
+      this.$confirm(this.$t("user.sure_delete"), "", {
         confirmButtonText: this.$t("commons.delete"),
         cancelButtonText: this.$t("commons.cancel"),
         cancelButtonClass: "de-confirm-fail-btn de-confirm-fail-cancel",
@@ -541,7 +541,7 @@ export default {
       })
         .then(() => {
           delUser(encodeURIComponent(row.userId)).then((res) => {
-            this.openMessageSuccess();
+            this.openMessageSuccess("commons.delete_success");
             this.initSearch();
           });
         })
@@ -549,11 +549,11 @@ export default {
           this.$info(this.$t("commons.delete_cancel"));
         });
     },
-    openMessageSuccess() {
+    openMessageSuccess(text) {
       const h = this.$createElement;
       this.$message({
         message: h("p", null, [
-          h("span", null, this.$t("commons.delete_success")),
+          h("span", null, this.$t(text)),
         ]),
         iconClass: "el-icon-success",
         customClass: "de-message-success de-message",
@@ -852,44 +852,6 @@ export default {
 }
 </style>
 <style lang="scss">
-.de-message {
-  min-width: 20px !important;
-  padding: 16px 20px !important;
-  flex-direction: row;
-  box-shadow: 0px 4px 8px 0px #1f23291a;
-  span {
-    font-family: PingFang SC;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-    text-align: left;
-    color: #1f2329;
-  }
-
-  i {
-    height: 14.666666984558105px;
-    width: 14.666669845581055px;
-    margin-right: 8.67px;
-  }
-}
-.de-message-fail {
-  border: 1px solid #f54a45 !important;
-  background: #fef1f1 !important;
-  i {
-    color: #f54a45;
-  }
-}
-
-.de-message-success {
-  border: 1px solid #34c724 !important;
-  background: #f0fbef !important;
-  i {
-    color: #34c724;
-  }
-}
-</style>
-<style lang="scss">
 .de-confirm {
   border: none;
   .el-message-box__header {