Przeglądaj źródła

修改图表分析按钮的显示

zhuliu 1 rok temu
rodzic
commit
6f2aa1f362

+ 141 - 3
src/icons/icon2/demo_index.html

@@ -55,6 +55,42 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe607;</span>
+                <div class="name">保存</div>
+                <div class="code-name">&amp;#xe607;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe627;</span>
+                <div class="name">导出数据</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68f;</span>
+                <div class="name">截图</div>
+                <div class="code-name">&amp;#xe68f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6d5;</span>
+                <div class="name">-_另存为</div>
+                <div class="code-name">&amp;#xe6d5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">standard.01svg_画板 1</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe654;</span>
+                <div class="name">56-4图表配置</div>
+                <div class="code-name">&amp;#xe654;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe60d;</span>
                 <div class="name">切换</div>
                 <div class="code-name">&amp;#xe60d;</div>
@@ -348,9 +384,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1719284097146') format('woff2'),
-       url('iconfont.woff?t=1719284097146') format('woff'),
-       url('iconfont.ttf?t=1719284097146') format('truetype');
+  src: url('iconfont.woff2?t=1724643381903') format('woff2'),
+       url('iconfont.woff?t=1724643381903') format('woff'),
+       url('iconfont.ttf?t=1724643381903') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -377,6 +413,60 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-baocun1"></span>
+            <div class="name">
+              保存
+            </div>
+            <div class="code-name">.icon-baocun1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-daochushuju"></span>
+            <div class="name">
+              导出数据
+            </div>
+            <div class="code-name">.icon-daochushuju
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jietu"></span>
+            <div class="name">
+              截图
+            </div>
+            <div class="code-name">.icon-jietu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon--_lingcunwei"></span>
+            <div class="name">
+              -_另存为
+            </div>
+            <div class="code-name">.icon--_lingcunwei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-standard01svg_huaban1"></span>
+            <div class="name">
+              standard.01svg_画板 1
+            </div>
+            <div class="code-name">.icon-standard01svg_huaban1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-a-56-4tubiaopeizhi"></span>
+            <div class="name">
+              56-4图表配置
+            </div>
+            <div class="code-name">.icon-a-56-4tubiaopeizhi
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-qiehuan"></span>
             <div class="name">
               切换
@@ -819,6 +909,54 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-baocun1"></use>
+                </svg>
+                <div class="name">保存</div>
+                <div class="code-name">#icon-baocun1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-daochushuju"></use>
+                </svg>
+                <div class="name">导出数据</div>
+                <div class="code-name">#icon-daochushuju</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jietu"></use>
+                </svg>
+                <div class="name">截图</div>
+                <div class="code-name">#icon-jietu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon--_lingcunwei"></use>
+                </svg>
+                <div class="name">-_另存为</div>
+                <div class="code-name">#icon--_lingcunwei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-standard01svg_huaban1"></use>
+                </svg>
+                <div class="name">standard.01svg_画板 1</div>
+                <div class="code-name">#icon-standard01svg_huaban1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-a-56-4tubiaopeizhi"></use>
+                </svg>
+                <div class="name">56-4图表配置</div>
+                <div class="code-name">#icon-a-56-4tubiaopeizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-qiehuan"></use>
                 </svg>
                 <div class="name">切换</div>

+ 27 - 3
src/icons/icon2/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4121381 */
-  src: url('iconfont.woff2?t=1719284097146') format('woff2'),
-       url('iconfont.woff?t=1719284097146') format('woff'),
-       url('iconfont.ttf?t=1719284097146') format('truetype');
+  src: url('iconfont.woff2?t=1724643381903') format('woff2'),
+       url('iconfont.woff?t=1724643381903') format('woff'),
+       url('iconfont.ttf?t=1724643381903') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,30 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-baocun1:before {
+  content: "\e607";
+}
+
+.icon-daochushuju:before {
+  content: "\e627";
+}
+
+.icon-jietu:before {
+  content: "\e68f";
+}
+
+.icon--_lingcunwei:before {
+  content: "\e6d5";
+}
+
+.icon-standard01svg_huaban1:before {
+  content: "\e615";
+}
+
+.icon-a-56-4tubiaopeizhi:before {
+  content: "\e654";
+}
+
 .icon-qiehuan:before {
   content: "\e60d";
 }

Plik diff jest za duży
+ 1 - 1
src/icons/icon2/iconfont.js


+ 42 - 0
src/icons/icon2/iconfont.json

@@ -6,6 +6,48 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "5800406",
+      "name": "保存",
+      "font_class": "baocun1",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "10115388",
+      "name": "导出数据",
+      "font_class": "daochushuju",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "11810530",
+      "name": "截图",
+      "font_class": "jietu",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "35306671",
+      "name": "-_另存为",
+      "font_class": "-_lingcunwei",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "22004623",
+      "name": "standard.01svg_画板 1",
+      "font_class": "standard01svg_huaban1",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "38031432",
+      "name": "56-4图表配置",
+      "font_class": "a-56-4tubiaopeizhi",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
       "icon_id": "5485638",
       "name": "切换",
       "font_class": "qiehuan",

BIN
src/icons/icon2/iconfont.ttf


BIN
src/icons/icon2/iconfont.woff


BIN
src/icons/icon2/iconfont.woff2


+ 13 - 4
src/views/analyse/custom/index.vue

@@ -9,13 +9,18 @@
           <template>
             <div class="custom-analyse-options">
                 <div>
-                    <el-button type="text" size="small" @click="openDrawer(1)">分析栏位</el-button>
-                    <el-button type="text" size="small" @click="openDrawer(2)">图形配置</el-button>
+                    <el-button class="margin-right_10" type="text" size="small" @click="openDrawer(1)"><span class="icon iconfont icon-standard01svg_huaban1"></span>分析栏位</el-button>
+                    <el-button class="margin-right_10" type="text" size="small" @click="openDrawer(2)"><span class="icon iconfont icon-a-56-4tubiaopeizhi"></span>图形配置</el-button>
+                    
+                    <el-button class="margin-right_10" type="text" size="small" @click.native="handleAdd1(0)"><span class="icon iconfont icon-baocun1"></span>保存</el-button>
+                    <el-button class="margin-right_10" type="text" size="small" @click.native="handleAdd1(1)"><span class="icon iconfont icon--_lingcunwei"></span>另存为</el-button>
+                    <el-button class="margin-right_10" type="text" size="small" @click.native="handleExport"><span class="icon iconfont icon-daochushuju"></span>导出数据</el-button>
+                    <el-button class="margin-right_10" type="text" size="small" @click.native="handleScreenshot"><span class="icon iconfont icon-jietu"></span>截图</el-button>
                 </div>
                 <div>
                     <span class="text">专利数量<span class="number">{{ patentNum }} 件</span></span>
                     
-                    <el-dropdown size="small">
+                    <!-- <el-dropdown size="small">
                         <el-button size="small" type="text">
                         更多菜单<i class="el-icon-arrow-down el-icon--right"></i>
                         </el-button>
@@ -25,7 +30,7 @@
                         <el-dropdown-item @click.native="handleAdd1(1)">另存为</el-dropdown-item>
                         <el-dropdown-item @click.native="handleExport">导出数据</el-dropdown-item>
                         </el-dropdown-menu>
-                    </el-dropdown>
+                    </el-dropdown> -->
                 </div>
             </div>
           </template>
@@ -802,6 +807,10 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.icon{
+  font-size: 14px;
+  margin-right: 4px;
+}
 .custom-analyse {
   .custom-analyse-chart-img-box {
     background: #ffffff;