From 0f3c4b558028224f83e814bcfdbeeb7b55034b3a Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 25 Oct 2022 16:03:24 +0800
Subject: [PATCH 1/8] =?UTF-8?q?perf(=E8=A7=86=E5=9B=BE-=E5=9C=B0=E5=9B=BE)?=
 =?UTF-8?q?:=20=E5=88=86=E7=A6=BB=E6=B8=90=E5=8F=98=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/GradientColorSelector/base.js  | 71 +++++++++++++-
 .../GradientColorSelector/index.vue           | 97 +++++++++++++------
 frontend/src/lang/en.js                       |  3 +
 frontend/src/lang/tw.js                       |  3 +
 frontend/src/lang/zh.js                       |  3 +
 5 files changed, 149 insertions(+), 28 deletions(-)

diff --git a/frontend/src/components/GradientColorSelector/base.js b/frontend/src/components/GradientColorSelector/base.js
index 557047a9a5..bf88a65f75 100644
--- a/frontend/src/components/GradientColorSelector/base.js
+++ b/frontend/src/components/GradientColorSelector/base.js
@@ -86,7 +86,7 @@ export const colorCases = [
 export const gradientColorCases = [
   {
     name: '渐变色1',
-    value: 'gradient1',
+    value: 'gradient1_continuous_gradient',
     colors: [
       ['rgba(144,202,249,0.5)', 'rgba(1,87,155,0.9)'],
       ['rgba(127,222,234,1)', 'rgba(0,77,65,1)'],
@@ -101,3 +101,72 @@ export const gradientColorCases = [
 export const isGradientValue = value => {
   return value && gradientColorCases.some(item => item.value === value)
 }
+
+export const getColorType = value => {
+  if (value.endsWith('_split_gradient')) {
+    return 'split_gradient'
+  }
+  const cloneColorCases = JSON.parse(JSON.stringify(colorCases))
+  if (cloneColorCases.some(item => item.value === value)) {
+    return 'simple'
+  }
+  return 'gradient'
+}
+
+export const getMapColorCases = () => {
+  const cloneColorCases = JSON.parse(JSON.stringify(colorCases))
+  return cloneColorCases.map(colorItem => {
+    const curColors = colorItem.colors
+    const len = curColors.length
+    const start = curColors[0]
+    const end = curColors[len - 1]
+    const itemResult = {
+      name: colorItem.name,
+      value: colorItem.value + '_split_gradient',
+      baseColors: [start, end],
+      colors: stepsColor(start, end, 9, 1)
+    }
+    return itemResult
+  })
+}
+
+export function stepsColor(start, end, steps, gamma) {
+  var i; var j; var ms; var me; var output = []; var so = []
+  gamma = gamma || 1
+  var normalize = function(channel) {
+    return Math.pow(channel / 255, gamma)
+  }
+  start = parseColor(start).map(normalize)
+  end = parseColor(end).map(normalize)
+  for (i = 0; i < steps; i++) {
+    ms = (steps - 1) === 0 ? 0 : (i / (steps - 1))
+    me = 1 - ms
+    for (j = 0; j < 3; j++) {
+      so[j] = pad(
+        Math.round(
+          Math.pow(start[j] * me + end[j] * ms, 1 / gamma) * 255
+        ).toString(16)
+      )
+    }
+    output.push('#' + so.join(''))
+  }
+  function parseColor(hexStr) {
+    return hexStr.length === 4
+      ? hexStr
+        .substr(1)
+        .split('')
+        .map(function(s) {
+          return 0x11 * parseInt(s, 16)
+        })
+      : [hexStr.substr(1, 2), hexStr.substr(3, 2), hexStr.substr(5, 2)].map(
+        function(s) {
+          return parseInt(s, 16)
+        }
+      )
+  }
+  function pad(s) {
+    return s.length === 1 ? '0' + s : s
+  }
+  return output
+}
+
diff --git a/frontend/src/components/GradientColorSelector/index.vue b/frontend/src/components/GradientColorSelector/index.vue
index 48da711b0d..6acae31b81 100644
--- a/frontend/src/components/GradientColorSelector/index.vue
+++ b/frontend/src/components/GradientColorSelector/index.vue
@@ -20,7 +20,7 @@
         <el-tooltip
           class="item"
           effect="dark"
-          content="重置"
+          :content="$t('commons.reset')"
           placement="top"
         >
           <i class="el-icon-refresh" />
@@ -38,7 +38,7 @@
       <div class="custom-switch-div">
         <el-switch
           v-model="enableCustom"
-          active-text="自定义"
+          :active-text="$t('commons.reset')"
           inactive-text=""
         />
       </div>
@@ -47,7 +47,7 @@
         @tab-click="handleClick"
       >
         <el-tab-pane
-          v-for="(pane, i) in tabPanes"
+          v-for="(pane, i) in tabPanes.filter(item => item.name === 'simple' || (showIndex === 1 && item.name === 'split_gradient') || (showIndex === 2 && item.name === 'gradient'))"
           :key="i"
           :label="pane.label"
           :name="pane.name"
@@ -84,22 +84,29 @@
                 v-for="(co,index) in option.colors"
                 v-else
                 :key="index"
-                class="color-span-base is-editor"
+                class="color-span-base"
+                :class="option.value.endsWith('_split_gradient') && index % 8 !== 0 ? 'static-editor' : 'is-editor'"
               >
-                <el-color-picker
-                  v-if="i === 0"
-                  v-model="option.colors[index]"
-                  @change="switchColorItem(option.colors, index)"
+                <span
+                  v-if="option.value.endsWith('_split_gradient') && index % 8 !== 0"
+                  class="color-span-base-split"
+                  :style="{background: formatBgColor(co)}"
                 />
+
                 <de-color-picker
-                  v-else
+                  v-else-if="option.value.endsWith('_continuous_gradient')"
                   :id="option.value + index"
                   ref="de-color-picker"
                   v-model="option.colors[index]"
                   :base-id="option.value + index"
                   show-alpha
                   color-format="rgb"
-                  @change="switchColorItem(option.colors, index)"
+                  @change="switchColorItem(option.colors, option.value)"
+                />
+                <el-color-picker
+                  v-else
+                  v-model="option.colors[index]"
+                  @change="switchColorItem(option.colors, option.value)"
                 />
               </span>
 
@@ -132,7 +139,7 @@
 </template>
 
 <script>
-import { colorCases, gradientColorCases } from './base'
+import { colorCases, gradientColorCases, getMapColorCases, getColorType, stepsColor } from './base'
 import DeColorPicker from './DeColorPicker'
 export default {
   name: 'GradientColorSelector',
@@ -148,6 +155,10 @@ export default {
           colors: []
         }
       }
+    },
+    showIndex: {
+      type: Number,
+      default: 1
     }
   },
   data() {
@@ -161,12 +172,17 @@ export default {
       activeName: 'simple',
       tabPanes: [
         {
-          label: '纯色',
+          label: this.$t('chart.solid_color'),
           name: 'simple',
           data: JSON.parse(JSON.stringify(colorCases))
         },
         {
-          label: '渐变',
+          label: this.$t('chart.split_gradient'),
+          name: 'split_gradient',
+          data: JSON.parse(JSON.stringify(getMapColorCases()))
+        },
+        {
+          label: this.$t('chart.continuous_gradient'),
           name: 'gradient',
           data: JSON.parse(JSON.stringify(gradientColorCases))
         }
@@ -200,10 +216,27 @@ export default {
         parents.scrollTo(0, top)
       }
     },
-    switchColorItem(colors, index) {
-      this.colorDto.colors = JSON.parse(JSON.stringify(colors))
+    switchColorItem(colors, value) {
+      const activeName = getColorType(value)
+      if (activeName === 'split_gradient') {
+        const start = colors[0]
+        const end = colors[colors.length - 1]
+        const targetColors = stepsColor(start, end, 9, 1)
+        this.colorDto.colors = JSON.parse(JSON.stringify(targetColors))
+        this.fillSplitGradientPanel()
+      } else {
+        this.colorDto.colors = JSON.parse(JSON.stringify(colors))
+      }
+
       this.$emit('color-change', JSON.parse(JSON.stringify(this.colorDto)))
     },
+    fillSplitGradientPanel() {
+      this.tabPanes[1].data.forEach(item => {
+        if (item.value === this.colorDto.value) {
+          item.colors = this.colorDto.colors
+        }
+      })
+    },
     initcolorDto() {
       let haspPropValue = true
       if (!this.colorDto.value) {
@@ -211,9 +244,9 @@ export default {
         this.colorDto.colors = this.colorCases[0].colors
         haspPropValue = false
       }
-      this.activeName = this.colorCases.some(item => item.value === this.colorDto.value) ? 'simple' : 'gradient'
+      this.activeName = getColorType(this.colorDto.value)
       if (haspPropValue) {
-        this.tabPanes[this.activeName === 'simple' ? 0 : 1].data.forEach(item => {
+        this.tabPanes[this.activeName === 'simple' ? 0 : this.activeName === 'split_gradient' ? 1 : 2].data.forEach(item => {
           if (item.value === this.colorDto.value) {
             item.colors = JSON.parse(JSON.stringify(this.colorDto.colors))
           }
@@ -270,14 +303,15 @@ export default {
           return str
         })
       })
-      this.tabPanes[1].data = JSON.parse(JSON.stringify(this.gradientColorCases))
+      const len = this.tabPanes.length
+      this.tabPanes[len - 1].data = JSON.parse(JSON.stringify(this.gradientColorCases))
     },
     formatBgColor(color, useValue) {
       let activeName = this.activeName
       if (useValue) {
-        activeName = this.colorCases.some(item => item.value === this.colorDto.value) ? 'simple' : 'gradient'
+        activeName = getColorType(this.colorDto.value)
       }
-      if (activeName === 'simple') {
+      if (activeName === 'simple' || activeName === 'split_gradient') {
         return color
       }
       return 'linear-gradient(0.0deg,' + color[0] + ' 0.0,' + color[1] + ' 100.0%)'
@@ -296,11 +330,8 @@ export default {
     },
     reset() {
       if (this.colorDto.value) {
-        let activeName = 'simple'
-        if (this.gradientColorCases.some(item => item.value === this.colorDto.value)) {
-          activeName = 'gradient'
-        }
-        (activeName === 'simple' ? colorCases : gradientColorCases).forEach(curcase => {
+        const activeName = getColorType(this.colorDto.value);
+        (activeName === 'simple' ? colorCases : activeName === 'split_gradient' ? getMapColorCases() : gradientColorCases).forEach(curcase => {
           if (curcase.value === this.colorDto.value) {
             this.colorDto.colors = JSON.parse(JSON.stringify(curcase.colors))
             this.$emit('color-change', JSON.parse(JSON.stringify(this.colorDto)))
@@ -318,7 +349,7 @@ export default {
 }
 .gradient-popper {
   background: #fff;
-  padding: 0 10px;
+  padding: 0 10px !important;
   margin-top: 1px !important;
   border-top: none;
   height: 300px;
@@ -340,7 +371,8 @@ export default {
 .color-span-base {
   width: 20px;
   height: 20px;
-  display:inline-block;
+  display:flex;
+  align-items: center;
 }
 .is-editor {
   width:23px !important;
@@ -352,7 +384,11 @@ export default {
   align-items: center !important;
   cursor: pointer;
   padding-left: 5px !important;
+  .static-editor:nth-child(2) {
+    margin-left: 5px !important;
+  }
 }
+
 .custom-switch-div {
   position: absolute;
   top: 8px;
@@ -380,4 +416,11 @@ export default {
     }
   }
 }
+.is-split {
+  width: 28px !important;
+}
+.color-span-base-split {
+  width: 20px;
+  height: 20px;
+}
 </style>
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index e17d775d0b..4f82005fc9 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -912,6 +912,9 @@ export default {
     password_input_error: 'Original password input error'
   },
   chart: {
+    solid_color: 'Solid color',
+    split_gradient: 'Split gradient',
+    continuous_gradient: 'Continuous gradient',
     map_center_lost: 'The graph is missing the centroid or center attribute, please complete it and try again',
     margin_model: 'Model',
     margin_model_auto: 'Auto',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index 49ad2ec52a..f78a36a957 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -912,6 +912,9 @@ export default {
     password_input_error: '原始密碼輸入錯誤'
   },
   chart: {
+    solid_color: '純色',
+    split_gradient: '分離漸變',
+    continuous_gradient: '連續漸變',
     map_center_lost: '圖形缺失中心點centroid或center屬性，請補全後再試',
     margin_model: '模式',
     margin_model_auto: '自動',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index f3b9652ced..32046fca47 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -911,6 +911,9 @@ export default {
     password_input_error: '原始密码输入错误'
   },
   chart: {
+    solid_color: '纯色',
+    split_gradient: '分离渐变',
+    continuous_gradient: '连续渐变',
     map_center_lost: '图形缺失中心点centroid或center属性，请补全后再试',
     margin_model: '模式',
     margin_model_auto: '自动',

From dcc337e986cfe52cce2d72e56053ae54aee0f66d Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 25 Oct 2022 17:28:37 +0800
Subject: [PATCH 2/8] =?UTF-8?q?feat(=E5=AE=9A=E6=97=B6=E6=8A=A5=E5=91=8A):?=
 =?UTF-8?q?=20=E9=A3=9E=E4=B9=A6=E5=9B=BD=E9=99=85=E7=89=88=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=B8=A0=E9=81=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../strategy/impl/EmailTaskHandler.java       | 26 +++++++++++++
 .../service/strategy/SendLarksuite.java       | 39 +++++++++++++++++++
 .../main/resources/db/migration/V42__1.16.sql |  6 ++-
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 backend/src/main/java/io/dataease/service/message/service/strategy/SendLarksuite.java

diff --git a/backend/src/main/java/io/dataease/job/sechedule/strategy/impl/EmailTaskHandler.java b/backend/src/main/java/io/dataease/job/sechedule/strategy/impl/EmailTaskHandler.java
index 4f9d1bced1..d293f49dca 100644
--- a/backend/src/main/java/io/dataease/job/sechedule/strategy/impl/EmailTaskHandler.java
+++ b/backend/src/main/java/io/dataease/job/sechedule/strategy/impl/EmailTaskHandler.java
@@ -25,6 +25,8 @@ import io.dataease.plugins.xpack.email.dto.response.XpackEmailTemplateDTO;
 import io.dataease.plugins.xpack.email.service.EmailXpackService;
 import io.dataease.plugins.xpack.lark.dto.entity.LarkMsgResult;
 import io.dataease.plugins.xpack.lark.service.LarkXpackService;
+import io.dataease.plugins.xpack.larksuite.dto.response.LarksuiteMsgResult;
+import io.dataease.plugins.xpack.larksuite.service.LarksuiteXpackService;
 import io.dataease.plugins.xpack.wecom.dto.entity.WecomMsgResult;
 import io.dataease.plugins.xpack.wecom.service.WecomXpackService;
 import io.dataease.service.chart.ViewExportExcel;
@@ -297,6 +299,30 @@ public class EmailTaskHandler extends TaskHandler implements Job {
                                 }
                             }
 
+                        }
+                        break;
+                    case "larksuite":
+                        if (SpringContextUtil.getBean(AuthUserService.class).supportLarksuite()) {
+                            List<String> larksuiteUsers = new ArrayList<>();
+                            for (int j = 0; j < reciLists.size(); j++) {
+                                String reci = reciLists.get(j);
+                                SysUserEntity userBySub = userService.getUserByName(reci);
+                                if (ObjectUtils.isEmpty(userBySub)) continue;
+                                Long userId = userBySub.getUserId();
+                                SysUserAssist sysUserAssist = sysUserService.assistInfo(userId);
+                                if (ObjectUtils.isEmpty(sysUserAssist) || StringUtils.isBlank(sysUserAssist.getLarksuiteId()))
+                                    continue;
+                                larksuiteUsers.add(sysUserAssist.getLarksuiteId());
+                            }
+
+                            if (CollectionUtils.isNotEmpty(larksuiteUsers)) {
+                                LarksuiteXpackService larksuiteXpackService = SpringContextUtil.getBean(LarksuiteXpackService.class);
+                                LarksuiteMsgResult larksuiteMsgResult = larksuiteXpackService.pushOaMsg(larksuiteUsers, emailTemplateDTO.getTitle(), contentStr, bytes, files);
+                                if (larksuiteMsgResult.getCode() != 0) {
+                                    errorMsgs.add("larksuite: " + larksuiteMsgResult.getMsg());
+                                }
+                            }
+
                         }
                         break;
                     default:
diff --git a/backend/src/main/java/io/dataease/service/message/service/strategy/SendLarksuite.java b/backend/src/main/java/io/dataease/service/message/service/strategy/SendLarksuite.java
new file mode 100644
index 0000000000..d5f49cfc77
--- /dev/null
+++ b/backend/src/main/java/io/dataease/service/message/service/strategy/SendLarksuite.java
@@ -0,0 +1,39 @@
+package io.dataease.service.message.service.strategy;
+
+
+import io.dataease.auth.service.AuthUserService;
+import io.dataease.plugins.common.base.domain.SysUserAssist;
+import io.dataease.plugins.config.SpringContextUtil;
+import io.dataease.plugins.xpack.larksuite.service.LarksuiteXpackService;
+import io.dataease.service.message.service.SendService;
+import io.dataease.service.sys.SysUserService;
+import org.apache.commons.lang3.ObjectUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import javax.annotation.Resource;
+import java.util.ArrayList;
+import java.util.List;
+
+@Service("sendLarksuite")
+public class SendLarksuite implements SendService {
+
+    @Autowired
+    private AuthUserService authUserService;
+
+    @Resource
+    private SysUserService sysUserService;
+
+    @Override
+    public void sendMsg(Long userId, Long typeId, String content, String param) {
+        SysUserAssist sysUserAssist = sysUserService.assistInfo(userId);
+        if (ObjectUtils.isNotEmpty(sysUserAssist) && StringUtils.isNotBlank(sysUserAssist.getLarksuiteId()) && authUserService.supportLarksuite()) {
+            String username = sysUserAssist.getLarksuiteId();
+            LarksuiteXpackService larksuiteXpackService = SpringContextUtil.getBean(LarksuiteXpackService.class);
+            List<String> userIds = new ArrayList<>();
+            userIds.add(username);
+            larksuiteXpackService.pushMsg(userIds, content);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/resources/db/migration/V42__1.16.sql b/backend/src/main/resources/db/migration/V42__1.16.sql
index db7fbd29ef..6a02f442ad 100644
--- a/backend/src/main/resources/db/migration/V42__1.16.sql
+++ b/backend/src/main/resources/db/migration/V42__1.16.sql
@@ -37,4 +37,8 @@ ALTER TABLE `dataset_table_field` CHANGE COLUMN `type` `type` VARCHAR(255) NOT N
 INSERT INTO `my_plugin` (`name`, `store`, `free`, `cost`, `category`, `descript`, `version`, `creator`, `load_mybatis`,
                          `install_time`, `module_name`, `ds_type`)
 VALUES ('Apache Kylin 数据源插件', 'default', '0', '0', 'datasource', 'Apache Kylin 数据源插件', '1.0-SNAPSHOT', 'DATAEASE', '0',
-        '1650765903630', 'kylin-backend', 'kylin');
\ No newline at end of file
+        '1650765903630', 'kylin-backend', 'kylin');
+
+
+
+INSERT INTO `sys_msg_channel` (`msg_channel_id`, `channel_name`, `service_name`) VALUES ('6', 'webmsg.channel_larksuite_msg', 'sendLarksuite');

From 6919ee27b8757bee183f753cc69699bf89900530 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Tue, 25 Oct 2022 17:50:23 +0800
Subject: [PATCH 3/8] =?UTF-8?q?fix:=20=E6=95=B0=E6=8D=AE=E9=9B=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=20=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E5=9B=BE=E6=A0=87=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/DeDrag/index.vue      |  31 +++--
 .../src/components/DeDrag/pointShadow.vue     |  11 +-
 frontend/src/components/DeDrag/shadow.vue     |   3 +-
 frontend/src/components/canvas/DeCanvas.vue   | 110 ++++++++++--------
 .../canvas/components/Editor/DateFormat.vue   |   2 +-
 .../canvas/components/Editor/DeEditor.vue     |  53 ++++++---
 .../canvas/components/Editor/EditBar.vue      |   2 +-
 .../canvas/components/Editor/PGrid.vue        |   4 +-
 .../canvas/components/Editor/Preview.vue      |  12 +-
 .../components/Editor/PreviewMobile.vue       |   3 +-
 .../components/canvas/components/TextAttr.vue |   7 +-
 frontend/src/components/canvas/utils/utils.js |   7 +-
 .../src/components/dataease/DeOutWidget.vue   |   1 -
 .../src/components/widget/DeWidget/DeTabs.vue |  22 ++--
 frontend/src/lang/en.js                       |   1 +
 frontend/src/lang/tw.js                       |   1 +
 frontend/src/lang/zh.js                       |   1 +
 frontend/src/store/index.js                   |   6 +-
 frontend/src/views/dataset/add/AddSQL.vue     |   3 +-
 frontend/src/views/dataset/data/ViewTable.vue |  14 ++-
 frontend/src/views/dataset/data/noSelect.vue  |   2 +-
 .../src/views/panel/LinkJumpSet/index.vue     |   2 +-
 frontend/src/views/panel/edit/index.vue       |  71 ++++++-----
 frontend/src/views/panel/filter/index.vue     |   2 +-
 frontend/src/views/panel/list/PanelList.vue   |   4 +-
 .../src/views/system/datasource/DsMain.vue    |   2 +-
 26 files changed, 208 insertions(+), 169 deletions(-)

diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 227387ac25..3da2dd20e8 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -64,7 +64,7 @@
         @mousedown.stop.prevent="handleDown(handlei, $event)"
         @touchstart.stop.prevent="handleTouchDown(handlei, $event)"
       >
-        <slot :name="handlei"/>
+        <slot :name="handlei" />
       </div>
       <div
         :id="componentCanvasId"
@@ -77,7 +77,7 @@
           class="svg-background"
           :icon-class="mainSlotSvgInner"
         />
-        <slot/>
+        <slot />
       </div>
     </div>
   </div>
@@ -386,7 +386,7 @@ export default {
   data: function() {
     return {
       contentDisplay: true,
-      //当画布在tab中是 宽度左右拓展的余量
+      // 当画布在tab中是 宽度左右拓展的余量
       parentWidthTabOffset: 40,
       canvasChangeTips: 'none',
       tabMoveInYOffset: 70,
@@ -434,10 +434,10 @@ export default {
     }
   },
   computed: {
-    parentWidthOffset(){
-      if(this.canvasId==='canvas-main'){
+    parentWidthOffset() {
+      if (this.canvasId === 'canvas-main') {
         return 0
-      }else{
+      } else {
         return this.parentWidthTabOffset
       }
     },
@@ -1425,7 +1425,6 @@ export default {
 
       // 如果辅助设计 需要最后调整矩阵
       if (this.element.auxiliaryMatrix) {
-        const _this = this
         const historyTabMoveInActiveId = this.tabMoveInActiveId
         const historyTabMoveOutComponentId = this.tabMoveOutComponentId
         setTimeout(() => {
@@ -1462,10 +1461,10 @@ export default {
     componentCanvasChange() {
       // 主画布移入Tab画布
       if (this.tabMoveInActiveId) {
-        //从当前画布移除
+        // 从当前画布移除
         this.$emit('amRemoveItem')
         this.element.canvasPid = this.element.canvasId
-        //Tab内部的画布ID 为 tab组件id + '-' + tabActiveName
+        // Tab内部的画布ID 为 tab组件id + '-' + tabActiveName
         const targetCanvasId = this.tabMoveInActiveId + '-' + this.tabActiveTabNameMap[this.tabMoveInActiveId]
         const targetCanvasScale = this.curCanvasScaleMap[targetCanvasId]
         if (this.element.auxiliaryMatrix) {
@@ -1487,27 +1486,26 @@ export default {
       }
       // Tab 画布 移入主画布
       if (this.tabMoveOutComponentId) {
-        //从当前画布移除
+        // 从当前画布移除
         this.$emit('amRemoveItem')
         this.element.canvasPid = 0
         this.element.canvasId = 'canvas-main'
-        //Tab内部的画布ID 为 tab组件id + '-' + tabActiveName
+        // Tab内部的画布ID 为 tab组件id + '-' + tabActiveName
         const targetCanvasScale = this.curCanvasScaleMap['canvas-main']
         // 按照阴影位置定位
         this.element.style.left = (this.mousePointShadowMap.mouseX - (this.mousePointShadowMap.width)) / targetCanvasScale.scalePointWidth
-        this.element.style.top = (this.mousePointShadowMap.mouseY - (this.mousePointShadowMap.height / 2))/ targetCanvasScale.scalePointHeight
-        this.element.style.width = this.mousePointShadowMap.width/ targetCanvasScale.scalePointWidth
-        this.element.style.height = this.mousePointShadowMap.height/ targetCanvasScale.scalePointHeight
+        this.element.style.top = (this.mousePointShadowMap.mouseY - (this.mousePointShadowMap.height / 2)) / targetCanvasScale.scalePointHeight
+        this.element.style.width = this.mousePointShadowMap.width / targetCanvasScale.scalePointWidth
+        this.element.style.height = this.mousePointShadowMap.height / targetCanvasScale.scalePointHeight
 
         if (this.element.auxiliaryMatrix) {
           this.element.x = Math.round(this.element.style.left / targetCanvasScale.matrixStyleOriginWidth) + 1
           this.element.y = Math.round(this.element.style.top / targetCanvasScale.matrixStyleOriginHeight) + 1
-          this.element.sizex = Math.round(this.element.style.width /targetCanvasScale.matrixStyleOriginWidth)
+          this.element.sizex = Math.round(this.element.style.width / targetCanvasScale.matrixStyleOriginWidth)
           this.element.sizey = Math.round(this.element.style.height / targetCanvasScale.matrixStyleOriginHeight)
           this.recordMatrixCurShadowStyle(targetCanvasScale)
         }
       }
-
     },
 
     // 设置属性(属性跟随所属canvas component类型 要做出改变)
@@ -1977,7 +1975,6 @@ export default {
             } else {
               this.$store.commit('setTabMoveInActiveId', null)
             }
-
           }
         }
       }
diff --git a/frontend/src/components/DeDrag/pointShadow.vue b/frontend/src/components/DeDrag/pointShadow.vue
index 2a6591b714..569c968315 100644
--- a/frontend/src/components/DeDrag/pointShadow.vue
+++ b/frontend/src/components/DeDrag/pointShadow.vue
@@ -4,8 +4,14 @@
     :style="styleInfo"
   >
     <div class="point-shadow-content">
-      <div id="point-shadow-component" class="point-shadow-component"></div>
-      <div class="point-shadow-tips" :style="tipsStyleInfo">
+      <div
+        id="point-shadow-component"
+        class="point-shadow-component"
+      />
+      <div
+        class="point-shadow-tips"
+        :style="tipsStyleInfo"
+      >
         <div style="width: 100%;text-align: center">组件将被移出Tab</div>
       </div>
     </div>
@@ -94,7 +100,6 @@ export default {
   background-color: rgba(179, 212, 252);
 }
 
-
 .point-shadow-tips {
   left: 0px;
   top: 0px;
diff --git a/frontend/src/components/DeDrag/shadow.vue b/frontend/src/components/DeDrag/shadow.vue
index 26434ff922..a90e29a698 100644
--- a/frontend/src/components/DeDrag/shadow.vue
+++ b/frontend/src/components/DeDrag/shadow.vue
@@ -10,6 +10,7 @@
 import { mapState } from 'vuex'
 export default {
   replace: true,
+  // eslint-disable-next-line
   name: 'Shadow',
   props: {
     canvasId: {
@@ -18,7 +19,7 @@ export default {
     }
   },
   computed: {
-    curCanvasScaleSelf(){
+    curCanvasScaleSelf() {
       return this.curCanvasScaleMap[this.canvasId]
     },
     styleInfo() {
diff --git a/frontend/src/components/canvas/DeCanvas.vue b/frontend/src/components/canvas/DeCanvas.vue
index 30dd77c57e..9616c540a8 100644
--- a/frontend/src/components/canvas/DeCanvas.vue
+++ b/frontend/src/components/canvas/DeCanvas.vue
@@ -1,7 +1,7 @@
 <template>
   <div
-    class="canvas_content"
     :id="canvasDomId"
+    class="canvas_content"
     @drop="handleDrop"
     @dragover="handleDragOver"
     @mousedown="handleMouseDown"
@@ -9,17 +9,26 @@
     @scroll="canvasScroll"
   >
     <slot name="optBar" />
-    <de-editor :canvas-style-data="canvasStyleData"
-               :component-data="componentData"
-               :canvas-id="canvasId"
-               :parent-forbid="parentForbid"
-               :ref="editorRefName"
-               :matrix-count="matrixCountBase"
-               :out-style="outStyle"
-               :scroll-top="scrollTop"
-               @canvasDragging="canvasDragging"
+    <de-editor
+      :ref="editorRefName"
+      :canvas-style-data="canvasStyleData"
+      :component-data="componentData"
+      :canvas-id="canvasId"
+      :parent-forbid="parentForbid"
+      :matrix-count="matrixCountBase"
+      :out-style="outStyle"
+      :scroll-top="scrollTop"
+      @canvasDragging="canvasDragging"
     />
-    <input id="input" ref="files" type="file" accept="image/*" hidden @click="e => {e.target.value = '';}" @change="handleFileChange" >
+    <input
+      id="input"
+      ref="files"
+      type="file"
+      accept="image/*"
+      hidden
+      @click="e => {e.target.value = '';}"
+      @change="handleFileChange"
+    >
     <el-dialog
       v-if="buttonVisible && panelInfo.id"
       :title="(currentWidget && currentWidget.getLeftPanel && currentWidget.getLeftPanel().label ? $t(currentWidget.getLeftPanel().label) : '') + $t('panel.module')"
@@ -80,7 +89,12 @@
       </div>
     </el-dialog>
     <!--矩形样式组件-->
-    <TextAttr v-if="showAttr" :canvas-id="canvasId" :scroll-left="scrollLeft" :scroll-top="scrollTop"/>
+    <TextAttr
+      v-if="showAttr"
+      :canvas-id="canvasId"
+      :scroll-left="scrollLeft"
+      :scroll-top="scrollTop"
+    />
   </div>
 </template>
 
@@ -107,6 +121,35 @@ import FilterDialog from '@/views/panel/filter/filterDialog'
 
 export default {
   components: { FilterDialog, ButtonResetDialog, ButtonDialog, DeEditor },
+  props: {
+    parentForbid: {
+      type: Boolean,
+      require: false,
+      default: true
+    },
+    canvasStyleData: {
+      type: Object,
+      require: true
+    },
+    componentData: {
+      type: Array,
+      require: false,
+      default: () => []
+    },
+    canvasId: {
+      type: String,
+      require: true
+    },
+    canvasPid: {
+      type: String,
+      require: true
+    },
+    mobileLayoutStatus: {
+      type: Boolean,
+      require: false,
+      default: false
+    }
+  },
   data() {
     return {
       // 需要展示属性设置的组件类型
@@ -140,44 +183,15 @@ export default {
       }
     }
   },
-  props: {
-    parentForbid:{
-      type: Boolean,
-      require: false,
-      default: true
-    },
-    canvasStyleData: {
-      type: Object,
-      require: true
-    },
-    componentData: {
-      type: Array,
-      require: false,
-      default: []
-    },
-    canvasId: {
-      type: String,
-      require: true
-    },
-    canvasPid: {
-      type: String,
-      require: true
-    },
-    mobileLayoutStatus: {
-      type: Boolean,
-      require: false,
-      default: false
-    }
-  },
   computed: {
-    matrixCountBase(){
-      if(this.isMainCanvas && this.mobileLayoutStatus){
+    matrixCountBase() {
+      if (this.isMainCanvas && this.mobileLayoutStatus) {
         return this.mobileMatrixCount
-      }else{
+      } else {
         return this.pcMatrixCountBase
       }
     },
-    isMainCanvas(){
+    isMainCanvas() {
       return this.canvasId === 'canvas-main'
     },
     panelInfo() {
@@ -224,7 +238,7 @@ export default {
   watch: {
     mobileLayoutStatus() {
       this.restore()
-    },
+    }
     // //监控当前组件移动 检查是否靠近tab
     // curComponent: {
     //   handler(newVal, oldVla) {
@@ -263,7 +277,7 @@ export default {
         if (domInfo) {
           this.outStyle.height = domInfo.offsetHeight - this.getGap()
           // 临时处理 确保每次restore 有会更新
-          this.outStyle.width = domInfo.offsetWidth  + (Math.random() * 0.000001)
+          this.outStyle.width = domInfo.offsetWidth + (Math.random() * 0.000001)
         }
       })
     },
@@ -571,7 +585,7 @@ export default {
       // const canvasInfoMobile = document.getElementById(this.canvasDomId)
       // canvasInfoMobile.scrollTop = canvasInfoMobile.scrollTop + offset
       // this.$store.commit('setScrollAutoMove', this.scrollAutoMove + offset)
-    },
+    }
   }
 }
 </script>
diff --git a/frontend/src/components/canvas/components/Editor/DateFormat.vue b/frontend/src/components/canvas/components/Editor/DateFormat.vue
index af04e16a9a..840b8c1154 100644
--- a/frontend/src/components/canvas/components/Editor/DateFormat.vue
+++ b/frontend/src/components/canvas/components/Editor/DateFormat.vue
@@ -130,7 +130,7 @@ export default {
     }
   },
   computed: {
-    curCanvasScaleSelf(){
+    curCanvasScaleSelf() {
       return this.curCanvasScaleMap[this.canvasId]
     },
     ...mapState([
diff --git a/frontend/src/components/canvas/components/Editor/DeEditor.vue b/frontend/src/components/canvas/components/Editor/DeEditor.vue
index 04f8c99dec..82c04bbbd2 100644
--- a/frontend/src/components/canvas/components/Editor/DeEditor.vue
+++ b/frontend/src/components/canvas/components/Editor/DeEditor.vue
@@ -13,8 +13,15 @@
     @scroll="canvasScroll"
   >
     <!-- 网格线 -->
-    <Grid v-if="showGrid" :matrix-style="matrixStyle"/>
-    <PGrid v-if="psDebug" :position-box="positionBoxInfoArray" :matrix-style="matrixStyle"/>
+    <Grid
+      v-if="showGrid"
+      :matrix-style="matrixStyle"
+    />
+    <PGrid
+      v-if="psDebug"
+      :position-box="positionBoxInfoArray"
+      :matrix-style="matrixStyle"
+    />
     <!--页面组件列表展示-->
     <de-drag
       v-for="(item, index) in componentData"
@@ -100,11 +107,17 @@
       />
     </de-drag>
     <!--拖拽阴影部分-->
-    <drag-shadow :canvas-id="canvasId" v-if="shadowShow && dragShadowShow"/>
+    <drag-shadow
+      v-if="shadowShow && dragShadowShow"
+      :canvas-id="canvasId"
+    />
     <!--切换canvas 拖拽阴影部分-->
-    <point-shadow :canvas-id="canvasId" v-if="pointShadowShow"></point-shadow>
+    <point-shadow
+      v-if="pointShadowShow"
+      :canvas-id="canvasId"
+    />
     <!-- 右击菜单 -->
-    <ContextMenu/>
+    <ContextMenu />
 
     <!-- 对齐标线 -->
     <span
@@ -435,6 +448,7 @@ function removeItem(index) {
       }
     })
     this.yourList.splice(index, 1, {})
+    // eslint-disable-next-line
   } catch (e) {
   }
 }
@@ -737,6 +751,7 @@ export default {
     Shape,
     ContextMenu,
     MarkLine,
+    // eslint-disable-next-line
     Area,
     Grid,
     PGrid,
@@ -759,7 +774,7 @@ export default {
     componentData: {
       type: Array,
       require: false,
-      default: []
+      default: () => []
     },
     canvasId: {
       type: String,
@@ -890,18 +905,18 @@ export default {
     moveTabCollisionActive() {
       return this.tabCollisionActiveId
     },
-    pointShadowShow(){
-      return this.canvasId==='canvas-main'
-        && this.curComponent
-        && this.curComponent.canvasId !== 'canvas-main'
-        && this.tabMoveOutComponentId
+    pointShadowShow() {
+      return this.canvasId === 'canvas-main' &&
+        this.curComponent &&
+        this.curComponent.canvasId !== 'canvas-main' &&
+        this.tabMoveOutComponentId
     },
     shadowShow() {
-      return ((this.curComponent
-          && this.curComponent.auxiliaryMatrix
-          && this.curComponent.canvasId === this.canvasId
-          && (this.curComponent.optStatus.dragging || this.curComponent.optStatus.resizing))
-        || (this.dragComponentInfo && this.dragComponentInfo.canvasId ===this.canvasId )) && !this.tabMoveInActive
+      return ((this.curComponent &&
+          this.curComponent.auxiliaryMatrix &&
+          this.curComponent.canvasId === this.canvasId &&
+          (this.curComponent.optStatus.dragging || this.curComponent.optStatus.resizing)) ||
+        (this.dragComponentInfo && this.dragComponentInfo.canvasId === this.canvasId)) && !this.tabMoveInActive
     },
     tabMoveInActive() {
       return this.tabMoveInActiveId
@@ -925,7 +940,9 @@ export default {
       }
     },
     // 挤占式画布设计
+    // eslint-disable-next-line
     coordinates() {
+      // eslint-disable-next-line
       return this.coordinates
     },
     customStyle() {
@@ -1482,7 +1499,7 @@ export default {
       }
     },
     handleDragOver(e) {
-      console.log('handleDragOver--x='+e.pageX+';y='+e.pageY)
+      console.log('handleDragOver--x=' + e.pageX + ';y=' + e.pageY)
       this.dragComponentInfo.shadowStyle.x = e.pageX - 220
       this.dragComponentInfo.shadowStyle.y = e.pageY - 90 + this.scrollTop
       this.dragComponentInfo.style.left = this.dragComponentInfo.shadowStyle.x / this.scalePointWidth
@@ -1628,7 +1645,7 @@ export default {
       let newY = Math.round((item.style.top * this.scalePointHeight) / this.matrixStyle.height) + 1
       newX = newX > 0 ? newX : 1
       newY = newY > 0 ? newY : 1
-      console.log("moveTabCollisionActive="+this.moveTabCollisionActive)
+      console.log('moveTabCollisionActive=' + this.moveTabCollisionActive)
       if (this.moveTabCollisionActive) {
         return
       }
diff --git a/frontend/src/components/canvas/components/Editor/EditBar.vue b/frontend/src/components/canvas/components/Editor/EditBar.vue
index d111132bc2..1340650372 100644
--- a/frontend/src/components/canvas/components/Editor/EditBar.vue
+++ b/frontend/src/components/canvas/components/Editor/EditBar.vue
@@ -319,7 +319,7 @@ export default {
     miniWidth() {
       return this.mobileLayoutStatus ? 1 : 4
     },
-    curCanvasScaleSelf(){
+    curCanvasScaleSelf() {
       return this.curCanvasScaleMap[this.canvasId]
     },
     ...mapState([
diff --git a/frontend/src/components/canvas/components/Editor/PGrid.vue b/frontend/src/components/canvas/components/Editor/PGrid.vue
index c2df81e89b..f1fba8b94c 100644
--- a/frontend/src/components/canvas/components/Editor/PGrid.vue
+++ b/frontend/src/components/canvas/components/Editor/PGrid.vue
@@ -6,8 +6,8 @@
       class="outer-class"
     >
       <div
-        v-for="(xItem, index) in yItem"
-        :key="index+'x'"
+        v-for="(xItem, idx) in yItem"
+        :key="idx+'x'"
         :style="classInfo"
         class="inner-class"
       >
diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index 8cbdc8b2ba..1cf1a3f83f 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -67,16 +67,14 @@ import { uuid } from 'vue-uuid'
 import { deepCopy, imgUrlTrans } from '@/components/canvas/utils/utils'
 import eventBus from '@/components/canvas/utils/eventBus'
 import elementResizeDetectorMaker from 'element-resize-detector'
-import UserViewDialog from '@/components/canvas/custom-component/UserViewDialog'
 import CanvasOptBar from '@/components/canvas/components/Editor/CanvasOptBar'
-import UserViewMobileDialog from '@/components/canvas/custom-component/UserViewMobileDialog'
 import bus from '@/utils/bus'
 import { buildFilterMap, buildViewKeyMap, formatCondition, valueValid, viewIdMatch } from '@/utils/conditionUtil'
 import { hasDataPermission } from '@/utils/permission'
 const erd = elementResizeDetectorMaker()
 
 export default {
-  components: { UserViewMobileDialog, ComponentWrapper, UserViewDialog, CanvasOptBar },
+  components: { ComponentWrapper, CanvasOptBar },
   model: {
     prop: 'show',
     event: 'change'
@@ -141,10 +139,10 @@ export default {
   },
   data() {
     return {
-      previewDomId: 'preview-'+this.canvasId,
-      previewRefId: 'preview-ref-'+this.canvasId,
-      previewTempDomId: 'preview-temp-'+this.canvasId,
-      previewTempRefId: 'preview-temp-ref-'+this.canvasId,
+      previewDomId: 'preview-' + this.canvasId,
+      previewRefId: 'preview-ref-' + this.canvasId,
+      previewTempDomId: 'preview-temp-' + this.canvasId,
+      previewTempRefId: 'preview-temp-ref-' + this.canvasId,
       isShowPreview: false,
       panelId: '',
       needToChangeHeight: [
diff --git a/frontend/src/components/canvas/components/Editor/PreviewMobile.vue b/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
index 866a97716e..5a5eac8c9d 100644
--- a/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
+++ b/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
@@ -46,11 +46,10 @@ import { uuid } from 'vue-uuid'
 import { deepCopy, imgUrlTrans } from '@/components/canvas/utils/utils'
 import eventBus from '@/components/canvas/utils/eventBus'
 import elementResizeDetectorMaker from 'element-resize-detector'
-import UserViewDialog from '@/components/canvas/custom-component/UserViewDialog'
 import CanvasOptBar from '@/components/canvas/components/Editor/CanvasOptBar'
 
 export default {
-  components: { ComponentWrapper, UserViewDialog, CanvasOptBar },
+  components: { ComponentWrapper, CanvasOptBar },
   model: {
     prop: 'show',
     event: 'change'
diff --git a/frontend/src/components/canvas/components/TextAttr.vue b/frontend/src/components/canvas/components/TextAttr.vue
index ab657a25fa..7e3b2e874e 100644
--- a/frontend/src/components/canvas/components/TextAttr.vue
+++ b/frontend/src/components/canvas/components/TextAttr.vue
@@ -319,7 +319,10 @@
         style="width: 20px;float: left;margin-top: 2px;margin-left: 10px;"
       >
         <el-tooltip :content="$t('panel.data_format')">
-          <date-format :canvas-id="canvasId" :format-info="curComponent.formatInfo" />
+          <date-format
+            :canvas-id="canvasId"
+            :format-info="curComponent.formatInfo"
+          />
         </el-tooltip>
       </div>
 
@@ -601,7 +604,7 @@ export default {
     showVertical() {
       return !['textSelectGridWidget', 'numberSelectGridWidget'].includes(this.curComponent.serviceName)
     },
-    curCanvasScaleSelf(){
+    curCanvasScaleSelf() {
       return this.curCanvasScaleMap[this.canvasId]
     },
     ...mapState([
diff --git a/frontend/src/components/canvas/utils/utils.js b/frontend/src/components/canvas/utils/utils.js
index 319232a686..d3ab9c2e14 100644
--- a/frontend/src/components/canvas/utils/utils.js
+++ b/frontend/src/components/canvas/utils/utils.js
@@ -136,7 +136,6 @@ export function panelDataPrepare(componentData, componentStyle, callback) {
     // 增加所属画布ID（canvasId）当前所在画布的父ID（canvasPid） 主画布ID为main-canvas, PID = 0 表示当前所属canvas为最顶层
     item.canvasId = (item.canvasId || 'canvas-main')
     item.canvasPid = (item.canvasPid || '0')
-
   })
   // 初始化密度为最高密度
   componentStyle.aidedDesign.matrixBase = 4
@@ -149,7 +148,7 @@ export function panelDataPrepare(componentData, componentStyle, callback) {
 export function resetID(data) {
   if (data) {
     data.forEach(item => {
-      item.type !== 'custom' && item.type !== 'de-tabs'&& (item.id = uuid.v1())
+      item.type !== 'custom' && item.type !== 'de-tabs' && (item.id = uuid.v1())
     })
   }
   return data
@@ -229,6 +228,6 @@ export function imgUrlTrans(url) {
   }
 }
 
-export function getNowCanvasComponentData(canvasId){
-  return store.state.componentData.filter(item => item.canvasId===canvasId)
+export function getNowCanvasComponentData(canvasId) {
+  return store.state.componentData.filter(item => item.canvasId === canvasId)
 }
diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index 46aa53326e..d813136234 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -58,7 +58,6 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
 import inputStyleMixin from '@/components/widget/DeWidget/inputStyleMixin'
 export default {
   name: 'DeOutWidget',
diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/DeWidget/DeTabs.vue
index da1c648dc1..74b00ec88c 100644
--- a/frontend/src/components/widget/DeWidget/DeTabs.vue
+++ b/frontend/src/components/widget/DeWidget/DeTabs.vue
@@ -63,16 +63,16 @@
             </el-dropdown-menu>
           </el-dropdown>
         </span>
-        <de-canvas-tab v-if="item.content && item.content.type==='canvas' && isEdit"
-                       :ref="'canvasTabRef-'+item.name"
-                       :parent-forbid="true"
-                       :canvas-style-data="canvasStyleData"
-                       :component-data="tabCanvasComponentData(item.name)"
-                       :canvas-id="element.id+'-'+item.name"
-                       class="tab_canvas"
-                       :class="moveActive ? 'canvas_move_in':''"
-        >
-        </de-canvas-tab>
+        <de-canvas-tab
+          v-if="item.content && item.content.type==='canvas' && isEdit"
+          :ref="'canvasTabRef-'+item.name"
+          :parent-forbid="true"
+          :canvas-style-data="canvasStyleData"
+          :component-data="tabCanvasComponentData(item.name)"
+          :canvas-id="element.id+'-'+item.name"
+          class="tab_canvas"
+          :class="moveActive ? 'canvas_move_in':''"
+        />
         <div style="width: 100%;height:100%">
           <Preview
             v-if="item.content && item.content.type==='canvas' && !isEdit"
@@ -529,7 +529,7 @@ export default {
         name: curName,
         content: { type: 'canvas' }
       }
-      //的Tab都是画布
+      // 的Tab都是画布
 
       this.element.options.tabList.push(tab)
 
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 7fedee80c1..40e2982d04 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1485,6 +1485,7 @@ export default {
     field_origin_name: 'Field Origin Name',
     field_check: 'Selected',
     update_info: 'Update Info',
+    update_records: 'Update Records',
     join_view: 'Data Associated',
     text: 'Text',
     time: 'Time',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index f1830592ef..0c6a03902d 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1485,6 +1485,7 @@ export default {
     field_origin_name: '原始名稱',
     field_check: '選中',
     update_info: '更新信息',
+    update_records: '更新記錄',
     join_view: '數據關聯',
     text: '文本',
     time: '時間',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 997a236a22..3e90e70b6e 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1484,6 +1484,7 @@ export default {
     field_origin_name: '原始名称',
     field_check: '选中',
     update_info: '更新信息',
+    update_records: '更新记录',
     join_view: '数据关联',
     text: '文本',
     time: '时间',
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index d6ea9912fa..81e5fe2b67 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -164,7 +164,7 @@ const data = {
     ...snapshot.mutations,
     ...lock.mutations,
 
-    setTabActiveTabNameMap(state, tabActiveInfo){
+    setTabActiveTabNameMap(state, tabActiveInfo) {
       state.tabActiveTabNameMap[tabActiveInfo.tabId] = tabActiveInfo.activeTabName
     },
 
@@ -753,13 +753,13 @@ const data = {
     setTabMoveOutComponentId(state, componentId) {
       state.tabMoveOutComponentId = componentId
     },
-    clearTabMoveInfo(state){
+    clearTabMoveInfo(state) {
       state.tabMoveInActiveId = null
       state.tabCollisionActiveId = null
       state.tabMoveOutActiveId = null
       state.tabMoveOutComponentId = null
     },
-    setMousePointShadowMap(state,mousePoint){
+    setMousePointShadowMap(state, mousePoint) {
       state.mousePointShadowMap.mouseX = mousePoint.mouseX
       state.mousePointShadowMap.mouseY = mousePoint.mouseY
       state.mousePointShadowMap.width = mousePoint.width
diff --git a/frontend/src/views/dataset/add/AddSQL.vue b/frontend/src/views/dataset/add/AddSQL.vue
index 4426915030..9cb78ed6bf 100644
--- a/frontend/src/views/dataset/add/AddSQL.vue
+++ b/frontend/src/views/dataset/add/AddSQL.vue
@@ -73,7 +73,6 @@
             {{ $t('deDataset.data_reference') }}
           </el-button>
           <el-button
-            v-if="mode === '1'"
             type="text"
             size="small"
             style="color: #1f2329"
@@ -1048,7 +1047,7 @@ export default {
     }
 
     .table-sql {
-      height: calc(100% - 64px);
+      height: calc(100% - 54px);
       padding: 18px 25px;
       overflow-y: auto;
       box-sizing: border-box;
diff --git a/frontend/src/views/dataset/data/ViewTable.vue b/frontend/src/views/dataset/data/ViewTable.vue
index 3d13bef30c..a553b902a4 100644
--- a/frontend/src/views/dataset/data/ViewTable.vue
+++ b/frontend/src/views/dataset/data/ViewTable.vue
@@ -125,18 +125,26 @@
       </el-tab-pane>
       <el-tab-pane
         v-if="
-          table.mode === 1 && ['api', 'sql', 'db', 'excel'].includes(table.type)
+          table.mode === 1 && ['api', 'sql', 'db'].includes(table.type)
         "
         :label="$t('dataset.update_info')"
         name="updateInfo"
       >
         <update-info
-          v-if="tabActive == 'updateInfo' && table.type !== 'excel'"
+          v-if="tabActive == 'updateInfo'"
           :param="param"
           :table="table"
         />
+      </el-tab-pane>
+      <el-tab-pane
+        v-if="
+          table.mode === 1 && ['excel'].includes(table.type)
+        "
+        :label="$t('dataset.update_records')"
+        name="updateInfo"
+      >
         <update-records
-          v-if="tabActive == 'updateInfo' && table.type === 'excel'"
+          v-if="tabActive == 'updateInfo'"
           :param="param"
           :table="table"
         />
diff --git a/frontend/src/views/dataset/data/noSelect.vue b/frontend/src/views/dataset/data/noSelect.vue
index 45e945e501..64ea1ffb37 100644
--- a/frontend/src/views/dataset/data/noSelect.vue
+++ b/frontend/src/views/dataset/data/noSelect.vue
@@ -1,7 +1,7 @@
 <template>
   <el-col style="height: 100%">
     <el-empty
-      style="padding-top: 212px"
+      style="padding-top: 202px"
       :image-size="125"
       :image="errImg"
       :description="$t('deDataset.on_the_left')"
diff --git a/frontend/src/views/panel/LinkJumpSet/index.vue b/frontend/src/views/panel/LinkJumpSet/index.vue
index 75563f28a4..0ecd09a6e5 100644
--- a/frontend/src/views/panel/LinkJumpSet/index.vue
+++ b/frontend/src/views/panel/LinkJumpSet/index.vue
@@ -407,8 +407,8 @@ import 'codemirror/addon/hint/show-hint'
 import { imgUrlTrans } from '@/components/canvas/utils/utils'
 
 export default {
-  components: { codemirror, draggable },
   name: 'LinkJumpSet',
+  components: { codemirror, draggable },
   props: {
     viewId: {
       type: String,
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index f14c8c6664..375ff92bc8 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -161,21 +161,25 @@
           :modal-append-to-body="true"
         >
           <div style="width: 295px">
-            <filter-group :canvas-id="canvasId" v-show=" show &&showIndex===1"/>
-            <subject-setting v-show=" show &&showIndex===2"/>
-            <assist-component v-show=" show &&showIndex===3"/>
+            <filter-group
+              v-show=" show &&showIndex===1"
+              :canvas-id="canvasId"
+            />
+            <subject-setting v-show=" show &&showIndex===2" />
+            <assist-component v-show=" show &&showIndex===3" />
           </div>
         </el-drawer>
         <!--PC端画布区域-->
-        <de-canvas v-if="!previewVisible&&!mobileLayoutStatus"
-                   class="canvas_main_content"
-                   ref="canvasMainRef"
-                   :canvas-style-data="canvasStyleData"
-                   :component-data="mainCanvasComponentData"
-                   :canvas-id="canvasId"
-                   :canvas-pid="'0'"
+        <de-canvas
+          v-if="!previewVisible&&!mobileLayoutStatus"
+          ref="canvasMainRef"
+          class="canvas_main_content"
+          :canvas-style-data="canvasStyleData"
+          :component-data="mainCanvasComponentData"
+          :canvas-id="canvasId"
+          :canvas-pid="'0'"
         >
-          <canvas-opt-bar slot="optBar"/>
+          <canvas-opt-bar slot="optBar" />
         </de-canvas>
         <!--移动端画布区域 保持宽高比2.5-->
         <el-row
@@ -191,7 +195,7 @@
               :style="customCanvasMobileStyle"
               class="this_mobile_canvas"
             >
-              <el-row class="this_mobile_canvas_top"/>
+              <el-row class="this_mobile_canvas_top" />
               <el-row class="this_mobile_canvas_inner_top">
                 {{ panelInfo.name }}
               </el-row>
@@ -200,15 +204,16 @@
                 class="this_mobile_canvas_main"
                 :style="mobileCanvasStyle"
               >
-                <de-canvas v-if="!previewVisible&&mobileLayoutStatus"
-                           ref="canvasMainRef"
-                           :canvas-style-data="canvasStyleData"
-                           :component-data="mainCanvasComponentData"
-                           :canvas-id="canvasId"
-                           :canvas-pid="'0'"
-                           :mobile-layout-status="true"
+                <de-canvas
+                  v-if="!previewVisible&&mobileLayoutStatus"
+                  ref="canvasMainRef"
+                  :canvas-style-data="canvasStyleData"
+                  :component-data="mainCanvasComponentData"
+                  :canvas-id="canvasId"
+                  :canvas-pid="'0'"
+                  :mobile-layout-status="true"
                 >
-                  <canvas-opt-bar slot="optBar"/>
+                  <canvas-opt-bar slot="optBar" />
                 </de-canvas>
               </el-row>
               <el-row class="this_mobile_canvas_inner_bottom">
@@ -238,7 +243,7 @@
                   />
                 </el-col>
               </el-row>
-              <el-row class="this_mobile_canvas_bottom"/>
+              <el-row class="this_mobile_canvas_bottom" />
             </div>
           </el-col>
           <el-col
@@ -246,7 +251,7 @@
             class="this_mobile_canvas_cell this_mobile_canvas_wait_cell"
             :style="mobileCanvasStyle"
           >
-            <component-wait/>
+            <component-wait />
           </el-col>
         </el-row>
       </de-main-container>
@@ -264,7 +269,7 @@
           />
         </div>
         <div v-if="showBatchViewToolsAside">
-          <chart-style-batch-set/>
+          <chart-style-batch-set />
         </div>
         <div v-if="!showViewToolsAside&&!showBatchViewToolsAside">
           <el-row style="height: 40px">
@@ -280,8 +285,7 @@
           </el-row>
           <el-row>
             <div class="view-selected-message-class">
-              <span style="font-size: 14px;margin-left: 10px;font-weight: bold;line-height: 20px"
-              >{{ $t('panel.select_view') }}</span>
+              <span style="font-size: 14px;margin-left: 10px;font-weight: bold;line-height: 20px">{{ $t('panel.select_view') }}</span>
             </div>
           </el-row>
         </div>
@@ -441,8 +445,7 @@
           />
         </el-col>
         <el-col :span="21">
-          <span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px"
-          >{{ $t('panel.panel_cache_use_tips') }}</span>
+          <span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px">{{ $t('panel.panel_cache_use_tips') }}</span>
         </el-col>
       </el-row>
       <div
@@ -474,7 +477,6 @@ import { addClass, removeClass } from '@/utils'
 import FilterGroup from '../filter'
 import SubjectSetting from '../SubjectSetting'
 import bus from '@/utils/bus'
-import Editor from '@/components/canvas/components/Editor/index'
 import { deepCopy, getNowCanvasComponentData, imgUrlTrans, matrixBaseChange } from '@/components/canvas/utils/utils'
 import componentList, {
   BASE_MOBILE_STYLE,
@@ -507,7 +509,6 @@ import ButtonResetDialog from '../filter/ButtonResetDialog'
 import toast from '@/components/canvas/utils/toast'
 import { commonAttr } from '@/components/canvas/custom-component/component-list'
 import generateID from '@/components/canvas/utils/generateID'
-import TextAttr from '@/components/canvas/components/TextAttr'
 import ComponentWait from '@/views/panel/edit/ComponentWait'
 import { deleteEnshrine, saveEnshrine, starStatus } from '@/api/panel/enshrine'
 import ChartEdit from '@/views/chart/view/ChartEdit'
@@ -517,14 +518,12 @@ import Multiplexing from '@/views/panel/ViewSelect/multiplexing'
 import { listenGlobalKeyDown } from '@/components/canvas/utils/shortcutKey'
 import { adaptCurThemeCommonStyle } from '@/components/canvas/utils/style'
 import eventBus from '@/components/canvas/utils/eventBus'
-import DeEditor from '@/components/canvas/components/Editor/DeEditor'
 import DeCanvas from '@/components/canvas/DeCanvas'
 
 export default {
   name: 'PanelEdit',
   components: {
     DeCanvas,
-    DeEditor,
     Multiplexing,
     ChartStyleBatchSet,
     OuterParamsSet,
@@ -533,7 +532,6 @@ export default {
     DeContainer,
     DeAsideContainer,
     FilterGroup,
-    Editor,
     Toolbar,
     FilterDialog,
     ButtonDialog,
@@ -541,7 +539,6 @@ export default {
     SubjectSetting,
     Preview,
     AssistComponent,
-    TextAttr,
     ChartGroup,
     ChartEdit,
     CanvasOptBar
@@ -935,11 +932,11 @@ export default {
     showPanel(type) {
       if (this.showIndex === -1 || this.showIndex === type) {
         this.$nextTick(() => {
-            if (this.show) {
-              this.showIndex === -1
-            }
-            this.show = !this.show
+          if (this.show) {
+            this.showIndex === -1
           }
+          this.show = !this.show
+        }
         )
       }
       this.showIndex = type
diff --git a/frontend/src/views/panel/filter/index.vue b/frontend/src/views/panel/filter/index.vue
index 8a8cec5c49..7e4adde83e 100644
--- a/frontend/src/views/panel/filter/index.vue
+++ b/frontend/src/views/panel/filter/index.vue
@@ -82,7 +82,7 @@ export default {
       'curCanvasScaleMap',
       'componentData'
     ]),
-    curCanvasScaleSelf(){
+    curCanvasScaleSelf() {
       return this.curCanvasScaleMap[this.canvasId]
     },
     searchButtonExist() {
diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index ecdd8deba6..a3b9b0d2e9 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -161,7 +161,7 @@
                   />
                 </span>
                 <span v-if="data.nodeType === 'folder'">
-                  <i class="el-icon-folder" />
+                  <svg-icon icon-class="scene" />
                 </span>
                 <span
                   :class="data.status"
@@ -198,7 +198,7 @@
                       <el-dropdown-item
                         :command="beforeClickEdit('folder', 'new', data, node)"
                       >
-                        <i class="el-icon-folder" />
+                        <svg-icon icon-class="scene" />
                         <span>{{ $t('panel.groupAdd') }}</span>
                       </el-dropdown-item>
                       <el-dropdown-item
diff --git a/frontend/src/views/system/datasource/DsMain.vue b/frontend/src/views/system/datasource/DsMain.vue
index 6cb292ca3d..3c5c57aae9 100644
--- a/frontend/src/views/system/datasource/DsMain.vue
+++ b/frontend/src/views/system/datasource/DsMain.vue
@@ -144,7 +144,7 @@ export default {
   flex-wrap: nowrap;
   box-sizing: border-box;
   .el-empty {
-    height: 100%;
+    padding-top: 202px;
   }
 }
 .ms-aside-container {

From b186faa106c0e090d284b39beb7b780d2792e243 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 25 Oct 2022 17:54:26 +0800
Subject: [PATCH 4/8] =?UTF-8?q?fix(=E5=9C=B0=E5=9B=BE):=20=E6=B8=90?=
 =?UTF-8?q?=E5=8F=98=E8=89=B2=E8=87=AA=E5=AE=9A=E4=B9=89=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/GradientColorSelector/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/GradientColorSelector/index.vue b/frontend/src/components/GradientColorSelector/index.vue
index 6acae31b81..8bffc71dab 100644
--- a/frontend/src/components/GradientColorSelector/index.vue
+++ b/frontend/src/components/GradientColorSelector/index.vue
@@ -38,7 +38,7 @@
       <div class="custom-switch-div">
         <el-switch
           v-model="enableCustom"
-          :active-text="$t('commons.reset')"
+          :active-text="$t('commons.custom')"
           inactive-text=""
         />
       </div>

From f2bda7578eed27294a561dc75ac6f52e3b7a394d Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Wed, 26 Oct 2022 10:29:24 +0800
Subject: [PATCH 5/8] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E6=93=8D=E4=BD=9C=E9=9D=A2=E6=9D=BF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4#3442?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/canvas/components/Editor/DeEditor.vue  |  8 ++++----
 .../components/canvas/components/Editor/Preview.vue   |  2 +-
 frontend/src/components/dataease/DeOutWidget.vue      |  2 +-
 frontend/src/store/index.js                           |  4 ++--
 frontend/src/views/chart/view/ChartStyle.vue          | 11 ++++++++++-
 5 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/DeEditor.vue b/frontend/src/components/canvas/components/Editor/DeEditor.vue
index 570bacde68..eccbc53c7c 100644
--- a/frontend/src/components/canvas/components/Editor/DeEditor.vue
+++ b/frontend/src/components/canvas/components/Editor/DeEditor.vue
@@ -65,8 +65,8 @@
       <de-out-widget
         v-if="renderOk && item.type==='custom'"
         :id="'component' + item.id"
-        :canvas-id="canvasId"
         ref="wrapperChild"
+        :canvas-id="canvasId"
         class="component"
         :style="getComponentStyleDefault(item.style)"
         :prop-value="item.propValue"
@@ -80,8 +80,8 @@
         :is="item.component"
         v-else-if="renderOk && item.type==='other'"
         :id="'component' + item.id"
-        :canvas-id="canvasId"
         ref="wrapperChild"
+        :canvas-id="canvasId"
         class="component"
         :style="getComponentStyle(item.style)"
         :prop-value="item.propValue"
@@ -93,8 +93,8 @@
         :is="item.component"
         v-else-if="renderOk"
         :id="'component' + item.id"
-        :canvas-id="canvasId"
         ref="wrapperChild"
+        :canvas-id="canvasId"
         class="component"
         :filters="filterMap[item.propValue && item.propValue.viewId]"
         :style="getComponentStyleDefault(item.style)"
@@ -1436,7 +1436,7 @@ export default {
             matrixStyleOriginWidth: this.matrixStyle.originWidth,
             matrixStyleOriginHeight: this.matrixStyle.originHeight
           })
-        if(this.canvasId === 'canvas-main'){
+        if (this.canvasId === 'canvas-main') {
           this.$store.commit('setPreviewCanvasScale', {
             scaleWidth: this.scalePointWidth,
             scaleHeight: this.scalePointHeight
diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index c9433d67e4..3f36a04261 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -439,7 +439,7 @@ export default {
       } else {
         this.scaleHeight = canvasHeight * 100 / this.canvasStyleData.height// 获取高度比
       }
-      if(this.canvasId === 'canvas-main'){
+      if (this.canvasId === 'canvas-main') {
         this.$store.commit('setPreviewCanvasScale', { scaleWidth: (this.scaleWidth / 100), scaleHeight: (this.scaleHeight / 100) })
       }
       this.handleScaleChange()
diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index 3b6290e05f..ceec98763f 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -39,8 +39,8 @@
                 :is="element.component"
                 v-if="element.type==='custom'"
                 :id="'component' + element.id"
-                :canvas-id="canvasId"
                 ref="deOutWidget"
+                :canvas-id="canvasId"
                 class="component-custom"
                 :out-style="element.style"
                 :is-relation="isRelation"
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 5b220ff0d7..f75bc770f1 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -290,7 +290,7 @@ const data = {
       const filterComponentId = condition.componentId
       const canvasId = data.canvasId
 
-      //过滤时 主画布的过滤组件可以过滤所有的视图
+      // 过滤时 主画布的过滤组件可以过滤所有的视图
       const canvasViewIds = state.componentData.filter(item => item.type === 'view' && (canvasId === 'canvas-main' || item.canvasId === canvasId)).map((itemView) => {
         return itemView.propValue.viewId
       })
@@ -492,7 +492,7 @@ const data = {
       }
     },
     deleteComponent(state) {
-      this.commit('deleteComponentWithId',state.curComponent.id)
+      this.commit('deleteComponentWithId', state.curComponent.id)
     },
     setLinkageInfo(state, targetLinkageInfo) {
       state.linkageSettingStatus = true
diff --git a/frontend/src/views/chart/view/ChartStyle.vue b/frontend/src/views/chart/view/ChartStyle.vue
index 236fa547ff..3a752184a0 100644
--- a/frontend/src/views/chart/view/ChartStyle.vue
+++ b/frontend/src/views/chart/view/ChartStyle.vue
@@ -18,7 +18,7 @@
       style="overflow:auto;border-right: 1px solid #e6e6e6;height: 100%;width: 100%;padding-right: 6px"
       class="attr-style theme-border-class"
     >
-      <el-row>
+      <el-row class="de-collapse-style">
         <span class="padding-lr">{{ $t('chart.shape_attr') }}</span>
         <el-collapse
           v-model="attrActiveNames"
@@ -475,6 +475,15 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+.de-collapse-style {
+  .el-collapse-item__header {
+    height: 34px !important;
+    line-height: 34px !important;
+    padding: 0 0 0 6px !important;
+    font-size: 12px !important;
+    font-weight: 400 !important;
+  }
+}
   .padding-lr {
     padding: 0 6px;
   }

From ea3ea4d47c5cc34bf6704c14c0f38150474d6c41 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Wed, 26 Oct 2022 14:25:36 +0800
Subject: [PATCH 6/8] =?UTF-8?q?fix:=20=E4=B8=8D=E5=8F=AF=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?excel=20=E6=8C=89=E9=92=AE=E7=BD=AE=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/dataset/group/Group.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/views/dataset/group/Group.vue b/frontend/src/views/dataset/group/Group.vue
index fa8891f02d..cd5366caa2 100644
--- a/frontend/src/views/dataset/group/Group.vue
+++ b/frontend/src/views/dataset/group/Group.vue
@@ -1300,6 +1300,11 @@ export default {
       background: rgba(31, 35, 41, 0.1);
       color: var(--deTextPrimary, #1f2329);
     }
+
+    &.is-disabled {
+      background: #BBBFC4;
+      color: #fff;
+    }
   }
   .de-top-border {
     border-top: 1px solid rgba(31, 35, 41, 0.15);

From 3d6a5562ed42b399f4a90e275c394189ec448776 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Wed, 26 Oct 2022 14:32:54 +0800
Subject: [PATCH 7/8] =?UTF-8?q?fix:=20=E5=BC=80=E5=90=AFcas=E5=90=8E?=
 =?UTF-8?q?=E5=85=AC=E5=85=B1=E9=93=BE=E6=8E=A5=E6=97=A0=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataease/auth/config/cas/CasStrategy.java | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/backend/src/main/java/io/dataease/auth/config/cas/CasStrategy.java b/backend/src/main/java/io/dataease/auth/config/cas/CasStrategy.java
index 7a8693b428..82d5187a82 100644
--- a/backend/src/main/java/io/dataease/auth/config/cas/CasStrategy.java
+++ b/backend/src/main/java/io/dataease/auth/config/cas/CasStrategy.java
@@ -2,6 +2,7 @@ package io.dataease.auth.config.cas;
 
 import io.dataease.auth.service.impl.ShiroServiceImpl;
 import io.dataease.commons.utils.CommonBeanFactory;
+import io.dataease.commons.utils.ServletUtils;
 import io.dataease.service.system.SystemParameterService;
 import org.apache.commons.lang3.StringUtils;
 import org.apache.shiro.util.AntPathMatcher;
@@ -17,7 +18,7 @@ import java.util.Set;
 public class CasStrategy implements UrlPatternMatcherStrategy {
 
 
-    private static Set<String>  releaseTypes = new HashSet<>();
+    private static Set<String> releaseTypes = new HashSet<>();
 
     @PostConstruct
     public void init() {
@@ -25,6 +26,7 @@ public class CasStrategy implements UrlPatternMatcherStrategy {
         releaseTypes.add("link");
         releaseTypes.add("doc");
     }
+
     @Override
     public boolean matches(String s) {
         SystemParameterService service = CommonBeanFactory.getBean(SystemParameterService.class);
@@ -35,10 +37,14 @@ public class CasStrategy implements UrlPatternMatcherStrategy {
         if ((beginIndex = s.indexOf(serverName)) != -1) {
             s = s.substring(beginIndex + serverName.length());
         }
-        if (StringUtils.equals("/", s)) return false;
+        if (StringUtils.equals("/", s)) {
+            if (fromLink(serverName)) return true;
+            return false;
+        }
         if (StringUtils.equals("/login", s)) return false;
         if (StringUtils.startsWith(s, "/cas/callBack")) return false;
         if (StringUtils.equals("/api/auth/deLogout", s)) return true;
+        if (s.startsWith("/link.html")) return true;
         AntPathMatcher antPathMatcher = new AntPathMatcher();
         ShiroServiceImpl shiroService = CommonBeanFactory.getBean(ShiroServiceImpl.class);
         Map<String, String> stringStringMap = shiroService.loadFilterChainDefinitionMap();
@@ -57,4 +63,15 @@ public class CasStrategy implements UrlPatternMatcherStrategy {
     public void setPattern(String s) {
 
     }
+
+    private Boolean fromLink(String serverName) {
+        String referrer = ServletUtils.request().getHeader("referer");
+        if (StringUtils.isBlank(referrer)) return false;
+        int beginIndex = -1;
+        if ((beginIndex = referrer.indexOf(serverName)) != -1) {
+            referrer = referrer.substring(beginIndex + serverName.length());
+            return referrer.startsWith("/link.html");
+        }
+        return false;
+    }
 }

From e9470537b565036be10cadc19cafb7d2c947a950 Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Wed, 26 Oct 2022 14:46:03 +0800
Subject: [PATCH 8/8] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE):=20=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E5=8D=A0=E6=AF=94=E6=97=B6=E8=87=AA=E5=8A=A8=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E6=95=B0=E5=80=BC=E6=A0=BC=E5=BC=8F=E4=B8=BA=E7=99=BE?=
 =?UTF-8?q?=E5=88=86=E6=AF=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/chart/components/drag-item/QuotaExtItem.vue     | 4 ++++
 frontend/src/views/chart/components/drag-item/QuotaItem.vue   | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
index 5c01a443a1..cbdccb70cb 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
@@ -385,6 +385,10 @@ export default {
           this.editCompare()
           break
         case 'percent':
+          // 选择占比，自动将数值格式设置为百分比并保留2位小数
+          this.item.formatterCfg.type = 'percent'
+          this.item.formatterCfg.decimalCount = 2
+
           this.item.compareCalc.type = 'percent'
           this.$emit('onQuotaItemChange', this.item)
           break
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
index 2a72ef6f29..5843e847e6 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
@@ -382,6 +382,10 @@ export default {
           this.editCompare()
           break
         case 'percent':
+          // 选择占比，自动将数值格式设置为百分比并保留2位小数
+          this.item.formatterCfg.type = 'percent'
+          this.item.formatterCfg.decimalCount = 2
+
           this.item.compareCalc.type = 'percent'
           this.$emit('onQuotaItemChange', this.item)
           break