Merge pull request #222 from dataease/pr@dev@panel

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

+DROP FUNCTION IF EXISTS `GET_CHART_VIEW_COPY_NAME`;
+delimiter ;;
 CREATE FUNCTION `GET_CHART_VIEW_COPY_NAME`(chartId varchar(255)) RETURNS varchar(255) CHARSET utf8
     READS SQL DATA
 BEGIN
@@ -24,3 +26,5 @@ and REPLACE(name,chartName,'') REGEXP '-copy\\(([0-9])+\\)$' and name like CONCA
 RETURN concat(chartName,'-copy(',chartNameCount,')');
 
 END
+;;
+delimiter ;

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

@@ -64,10 +64,14 @@
 
     <!--关闭弹框-->
     <el-dialog :visible.sync="closePanelVisible" :title="$t('panel.panel_save_tips')" :show-close="false" width="30%" class="dialog-css">
-      <div>
-        <svg-icon icon-class="warn-tre" style="width: 30px;height: 30px" />
-        <span style="font-size: 12px;margin-left: 10px">{{ $t('panel.panel_save_warn_tips') }}</span>
-      </div>
+      <el-row style="height: 20px">
+        <el-col :span="6">
+          <svg-icon icon-class="warn-tre" style="width: 20px;height: 20px;float: right" />
+        </el-col>
+        <el-col :span="16">
+          <span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px">{{ $t('panel.panel_save_warn_tips') }}</span>
+        </el-col>
+      </el-row>
       <div slot="footer" class="dialog-footer">
         <el-button style="float: left" size="mini" @click="closeNotSave()">{{ $t('panel.do_not_save') }}</el-button>
         <el-button size="mini" @click="closePanelVisible=false">{{ $t('panel.cancel') }}</el-button>

frontend/src/components/canvas/custom-component/UserView.vue

 <template>
   <div v-loading="requestStatus==='waiting'" class="rect-shape">
-    <i v-if="requestStatus==='success'" style="right:5px;position: absolute;z-index: 2" class="icon iconfont icon-quanping1" @click.stop="openChartDetailsDialog" />
+    <i v-if="requestStatus==='success'" style="right:5px;position: absolute;z-index: 2" class="icon iconfont icon-fangda" @click.stop="openChartDetailsDialog" />
     <div v-if="requestStatus==='error'" class="chart-error-class">
       <div style="font-size: 12px; color: #9ea6b2;height: 100%;display: flex;align-items: center;justify-content: center;">
         {{ message }},{{ $t('chart.chart_show_error') }}
@@ -223,12 +223,12 @@ export default {
   color: red;
 }
 
-.rect-shape:hover > .icon-quanping1 {
+.rect-shape:hover > .icon-fangda {
   z-index: 2;
   display:block;
 }
 
-.rect-shape>>>.icon-quanping1 {
+.rect-shape>>>.icon-fangda {
   display:none
 }
 

frontend/src/icons/svg/warn-tre.svg

-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1626064715257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4612" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M1019.204 901.632L546.628 82.944c-15.36-26.112-52.736-26.112-68.096 0L5.444 901.632c-15.36 26.112 3.584 58.88 34.304 58.88H984.9c30.208 0 49.152-32.768 34.304-58.88z" fill="#f4ea2a" p-id="4613" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path><path d="M462.148 353.792h0.512a46.98 46.98 0 0 1 47.104-47.104h5.632a46.98 46.98 0 0 1 47.104 47.104v254.464c0 26.112-21.504 47.616-48.128 47.104h-4.608c-26.112 0-47.616-20.992-47.616-47.104V353.792z m107.52 421.888c-5.12 26.112-20.48 41.984-46.592 47.616-6.144 1.536-12.288 1.536-18.432 0-27.136-5.632-43.52-20.992-49.152-46.592-1.536-6.656-1.536-13.312 0-19.456 5.632-25.6 22.016-40.96 49.152-46.08a55.68 55.68 0 0 1 18.432 0c26.112 5.632 41.472 20.992 46.592 47.104 1.024 5.632 1.024 11.776 0 17.408z" fill="#FFFFFF" p-id="4614"></path></svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1626064715257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4612" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M1019.204 901.632L546.628 82.944c-15.36-26.112-52.736-26.112-68.096 0L5.444 901.632c-15.36 26.112 3.584 58.88 34.304 58.88H984.9c30.208 0 49.152-32.768 34.304-58.88z" fill="#0a7be0" p-id="4613" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path><path d="M462.148 353.792h0.512a46.98 46.98 0 0 1 47.104-47.104h5.632a46.98 46.98 0 0 1 47.104 47.104v254.464c0 26.112-21.504 47.616-48.128 47.104h-4.608c-26.112 0-47.616-20.992-47.616-47.104V353.792z m107.52 421.888c-5.12 26.112-20.48 41.984-46.592 47.616-6.144 1.536-12.288 1.536-18.432 0-27.136-5.632-43.52-20.992-49.152-46.592-1.536-6.656-1.536-13.312 0-19.456 5.632-25.6 22.016-40.96 49.152-46.08a55.68 55.68 0 0 1 18.432 0c26.112 5.632 41.472 20.992 46.592 47.104 1.024 5.632 1.024 11.776 0 17.408z" fill="#FFFFFF" p-id="4614"></path></svg>

frontend/src/styles/deicon/demo_index.html

@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">放大</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe696;</span>
+                <div class="name">设 置</div>
+                <div class="code-name">&amp;#xe696;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe655;</span>
                 <div class="name">屏幕_全屏</div>
@@ -270,9 +282,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1625729811345') format('woff2'),
-       url('iconfont.woff?t=1625729811345') format('woff'),
-       url('iconfont.ttf?t=1625729811345') format('truetype');
+  src: url('iconfont.woff2?t=1626147352097') format('woff2'),
+       url('iconfont.woff?t=1626147352097') format('woff'),
+       url('iconfont.ttf?t=1626147352097') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -298,6 +310,24 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-fangda"></span>
+            <div class="name">
+              放大
+            </div>
+            <div class="code-name">.icon-fangda
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shezhi"></span>
+            <div class="name">
+              设 置
+            </div>
+            <div class="code-name">.icon-shezhi
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-quanping1"></span>
             <div class="name">
@@ -622,6 +652,22 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fangda"></use>
+                </svg>
+                <div class="name">放大</div>
+                <div class="code-name">#icon-fangda</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shezhi"></use>
+                </svg>
+                <div class="name">设 置</div>
+                <div class="code-name">#icon-shezhi</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-quanping1"></use>

frontend/src/styles/deicon/iconfont.css

 @font-face {
   font-family: "iconfont"; /* Project id 2459092 */
-  src: url('iconfont.woff2?t=1625729811345') format('woff2'),
-       url('iconfont.woff?t=1625729811345') format('woff'),
-       url('iconfont.ttf?t=1625729811345') format('truetype');
+  src: url('iconfont.woff2?t=1626147352097') format('woff2'),
+       url('iconfont.woff?t=1626147352097') format('woff'),
+       url('iconfont.ttf?t=1626147352097') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-fangda:before {
+  content: "\e62d";
+}
+
+.icon-shezhi:before {
+  content: "\e696";
+}
+
 .icon-quanping1:before {
   content: "\e655";
 }

frontend/src/styles/deicon/iconfont.json

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "20921234",
+      "name": "放大",
+      "font_class": "fangda",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "18379488",
+      "name": "设 置",
+      "font_class": "shezhi",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
     {
       "icon_id": "18668726",
       "name": "屏幕_全屏",