소스 검색

feat: 增加新的icon

sunxiao 10 달 전
부모
커밋
ea4043cba5

+ 0 - 19
index.html

@@ -4,26 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.0/katex.min.css"> -->
-    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"/> -->
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"> -->
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/> -->
-
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css" integrity="sha384-yWlE30z0u+Yc1LZBj0oQlXoP2H0q0jwNz50bJFyKfG24p1XrQy6iUv4tXOaW5zrj5x9kZ5JmLz9M7TtW9" crossorigin="anonymous"> -->
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.2/dist/katex.min.css" integrity="sha384-MlJd606u/fKB9Ag5OGmXYEGtfKTA3kTKsY4GZyONv55l2T3rPAdAqFq1tEIkp+b7" crossorigin="anonymous">  -->
     <title>LibraAI人工智能运营体</title>
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css" integrity="sha384-yWlE30z0u+Yc1LZBj0oQlXoP2H0q0jwNz50bJFyKfG24p1XrQy6iUv4tXOaW5zrj5x9kZ5JmLz9M7TtW9" crossorigin="anonymous"> -->
-    <!-- <script src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.js" integrity="sha384-+eJzr7s03s+5JGnU8y55yv0sC8U4QZQ2Q3z08k4v5p3WzU3Nv2fG8N" crossorigin="anonymous"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/auto-render.min.js" integrity="sha384-5lq3Q3W0Q5V5n84z13v61vJ50jHvW1Jz7zJz1nL5zJvJz1nL5zJvJz1nL5zJvJz1nL5zJvJz1nL5zJvJ" crossorigin="anonymous"
-      onload="renderMathInElement(document.body);"></script> -->
-      <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css" integrity="sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM" crossorigin="anonymous"> -->
-      <!-- <script src="https://cdn.jsdelivr.net/npm/markdown-it-latex2img@latest/dist/markdown-it-latex2img.min.js" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/markdown-it@11.0.0/dist/markdown-it.min.js" crossorigin="anonymous"></script> -->
-
-<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.0/es5/tex-chtml.min.js"></script> -->
-<!-- <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script> -->
-
-<!-- <script src="https://markdown-it.github.io/markdown-it.js"></script> -->
   </head>
   <body>
     <div id="app"></div>

+ 8 - 0
src/assets/svgs/menu/cost-accurate-active.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0001 17.0829C13.9126 17.0829 17.0834 13.9121 17.0834 9.99959C17.0834 6.08709 13.9126 2.91626 10.0001 2.91626C6.08758 2.91626 2.91675 6.08709 2.91675 9.99959C2.91675 13.9121 6.08758 17.0829 10.0001 17.0829Z" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linejoin="round"/>
+<path d="M10.0001 13.3329C11.8417 13.3329 13.3334 11.8413 13.3334 9.99959C13.3334 8.15793 11.8417 6.66626 10.0001 6.66626C8.15841 6.66626 6.66675 8.15793 6.66675 9.99959C6.66675 11.8413 8.15841 13.3329 10.0001 13.3329Z" fill="#1A2029" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linejoin="round"/>
+<path d="M15 10L18 10" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 10H5" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 15L10 18" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 1.66602V4.66602" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 6 - 0
src/assets/svgs/menu/cost-accurate.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17.0829C13.9125 17.0829 17.0833 13.9121 17.0833 9.99959C17.0833 6.08709 13.9125 2.91626 10 2.91626C6.0875 2.91626 2.91667 6.08709 2.91667 9.99959C2.91667 13.9121 6.0875 17.0829 10 17.0829Z" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linejoin="round"/>
+<path d="M10 13.3329C11.8417 13.3329 13.3333 11.8413 13.3333 9.99959C13.3333 8.15793 11.8417 6.66626 10 6.66626C8.15834 6.66626 6.66667 8.15793 6.66667 9.99959C6.66667 11.8413 8.15834 13.3329 10 13.3329Z" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linejoin="round"/>
+<path d="M1.66667 10H18.3333" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 1.66626V18.3329" stroke="#1A2029" stroke-width="1.3" stroke-miterlimit="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 58 - 0
src/assets/svgs/menu/cost-control.svg

@@ -0,0 +1,58 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="url(#paint0_linear_1754_587)"/>
+<path d="M13.8328 7.54243L9.10864 8.80825C7.05664 9.35808 6.16095 10.9086 6.71051 12.9596L7.97419 17.6757C8.52526 19.7323 10.0762 20.6272 12.1282 20.0774L16.8467 18.8131C18.8987 18.2632 19.7944 16.7128 19.2448 14.6618L17.9796 9.94C17.4357 7.88751 15.8848 6.99259 13.8328 7.54243Z" fill="url(#paint1_linear_1754_587)"/>
+<g filter="url(#filter0_b_1754_587)">
+<path d="M19.4631 10H13.8736C11.4458 10 9.99837 11.4467 9.99837 13.8733V19.4533C9.99837 21.8867 11.4458 23.3333 13.8736 23.3333H19.4564C21.8843 23.3333 23.3317 21.8867 23.3317 19.46V13.8733C23.3383 11.4467 21.891 10 19.4631 10Z" fill="#FFE6A6" fill-opacity="0.4"/>
+<path d="M23.1233 13.8728V13.8733V19.46C23.1233 20.6319 22.7747 21.5422 22.1572 22.1593C21.5398 22.7765 20.6289 23.125 19.4564 23.125H13.8736C12.7011 23.125 11.7903 22.7765 11.1729 22.1586C10.5555 21.5407 10.2067 20.6287 10.2067 19.4533V13.8733C10.2067 12.7015 10.5554 11.7912 11.1728 11.174C11.7903 10.5569 12.7011 10.2083 13.8736 10.2083H19.4631C20.6357 10.2083 21.5464 10.5569 22.163 11.1739C22.7795 11.7909 23.1266 12.701 23.1233 13.8728Z" stroke="url(#paint2_linear_1754_587)" stroke-width="0.416667"/>
+</g>
+<rect x="13.4667" y="13.05" width="0.833333" height="7.5" rx="0.416667" fill="url(#paint3_linear_1754_587)"/>
+<rect x="16.3833" y="13.05" width="0.833333" height="7.5" rx="0.416667" fill="url(#paint4_linear_1754_587)"/>
+<rect x="19.3" y="13.05" width="0.833333" height="7.5" rx="0.416667" fill="url(#paint5_linear_1754_587)"/>
+<circle cx="13.8833" cy="15.55" r="1.14583" fill="white" stroke="url(#paint6_linear_1754_587)" stroke-width="0.208333"/>
+<circle cx="16.8" cy="18.05" r="1.14583" fill="white" stroke="url(#paint7_linear_1754_587)" stroke-width="0.208333"/>
+<circle cx="19.7167" cy="15.55" r="1.14583" fill="white" stroke="url(#paint8_linear_1754_587)" stroke-width="0.208333"/>
+<defs>
+<filter id="filter0_b_1754_587" x="6.66503" y="6.66667" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.66667"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1754_587"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1754_587" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1754_587" x1="27" y1="10.5" x2="4.5" y2="22" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDB1B"/>
+<stop offset="1" stop-color="#FFB627"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1754_587" x1="6.87291" y1="10.7752" x2="21.2996" y2="21.0462" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1754_587" x1="11.4859" y1="11.8523" x2="22.4382" y2="22.8047" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.7"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1754_587" x1="14.2906" y1="13.1179" x2="12.3201" y2="13.5975" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.75"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1754_587" x1="17.2072" y1="13.1179" x2="14.9104" y2="13.5587" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.75"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1754_587" x1="20.1239" y1="13.1179" x2="17.827" y2="13.5587" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.75"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1754_587" x1="12.8119" y1="14.5679" x2="14.8655" y2="16.6214" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1754_587" x1="15.7286" y1="17.0679" x2="17.7821" y2="19.1214" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1754_587" x1="18.6452" y1="14.5679" x2="20.6988" y2="16.6214" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

+ 7 - 0
src/assets/svgs/menu/cost-drug-active.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.08325 14.5833C2.08325 14.1231 2.45635 13.75 2.91659 13.75H17.0833C17.5435 13.75 17.9166 14.1231 17.9166 14.5833V17.5H2.08325V14.5833Z" fill="#1A2029" stroke="#1A2029" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.5001 7.5H14.1667L11.6667 5L14.1667 2.5H17.5001" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33341 6.66707C4.25389 6.66707 5.00008 5.92088 5.00008 5.00041C5.00008 4.07993 4.25389 3.33374 3.33341 3.33374C2.41294 3.33374 1.66675 4.07993 1.66675 5.00041C1.66675 5.92088 2.41294 6.66707 3.33341 6.66707Z" fill="#1A2029" stroke="#1A2029" stroke-width="0.833333"/>
+<path d="M5 5H11.6667" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.16675 6.66626L7.50008 13.7496" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 7 - 0
src/assets/svgs/menu/cost-drug.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.08333 14.5833C2.08333 14.1231 2.45643 13.75 2.91667 13.75H17.0833C17.5436 13.75 17.9167 14.1231 17.9167 14.5833V17.5H2.08333V14.5833Z" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.5 7.5H14.1667L11.6667 5L14.1667 2.5H17.5" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.33333 6.66707C4.25381 6.66707 5 5.92088 5 5.00041C5 4.07993 4.25381 3.33374 3.33333 3.33374C2.41286 3.33374 1.66666 4.07993 1.66666 5.00041C1.66666 5.92088 2.41286 6.66707 3.33333 6.66707Z" stroke="#1A2029" stroke-width="1.3"/>
+<path d="M5 5H11.6667" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.16667 6.66626L7.5 13.7496" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 9 - 0
src/assets/svgs/menu/cost-microorganism-active.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0844 7.65497L12.5447 7.19463L12.7657 6.97363C13.6607 6.07867 13.6607 4.62767 12.7657 3.73274C11.8707 2.83779 10.4197 2.83779 9.52478 3.73274L3.82163 9.43588C3.79839 9.45913 3.79839 9.49684 3.82163 9.52009L6.72582 12.4243C6.88852 12.587 7.15236 12.587 7.31507 12.4243L8.86186 10.8775L9.32223 10.4171" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M11.7346 2.70179L12.4712 1.96522C13.0407 1.39571 13.9641 1.39571 14.5336 1.96522C15.1031 2.53474 15.1031 3.4581 14.5336 4.02762L13.797 4.76419L11.7346 2.70179Z" fill="#1A2029" stroke="#1A2029" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.36886 10.0684L2.60107 11.8361L4.66349 13.8985L6.43124 12.1307L4.36886 10.0684Z" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.52476 10.5095C10.257 11.2417 11.4442 11.2417 12.1764 10.5095C12.9086 9.77722 12.9086 8.59004 12.1764 7.85781C11.4442 7.12557 10.257 7.12557 9.52476 7.85781C8.79253 8.59004 8.79253 9.77722 9.52476 10.5095Z" fill="#1A2029" stroke="#1A2029" stroke-width="0.833333"/>
+<path d="M2.5 8.33374L7.80329 13.637" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.16675 18.3337H17.5001" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9167 9.16626C14.5834 9.16626 16.2501 10.8329 16.2501 13.3329C16.2501 15.9996 14.0973 17.4301 12.9167 18.3329" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 9 - 0
src/assets/svgs/menu/cost-microorganism.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0844 7.65497L12.5448 7.19463L12.7657 6.97363C13.6607 6.07867 13.6607 4.62767 12.7657 3.73274C11.8708 2.83779 10.4198 2.83779 9.52483 3.73274L3.82169 9.43588C3.79844 9.45913 3.79844 9.49684 3.82169 9.52009L6.72587 12.4243C6.88858 12.587 7.15242 12.587 7.31512 12.4243L8.86192 10.8775L9.32229 10.4171" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M11.7345 2.70179L12.4711 1.96522C13.0406 1.39571 13.964 1.39571 14.5335 1.96522C15.103 2.53474 15.103 3.4581 14.5335 4.02762L13.7969 4.76419L11.7345 2.70179Z" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.36892 10.0684L2.60113 11.8361L4.66354 13.8985L6.43129 12.1307L4.36892 10.0684Z" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.5248 10.5095C10.257 11.2417 11.4442 11.2417 12.1764 10.5095C12.9087 9.77722 12.9087 8.59004 12.1764 7.85781C11.4442 7.12557 10.257 7.12557 9.5248 7.85781C8.79257 8.59004 8.79257 9.77722 9.5248 10.5095Z" stroke="#1A2029" stroke-width="1.3"/>
+<path d="M2.5 8.33374L7.80329 13.637" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.16667 18.3337H17.5" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9167 9.16626C14.5833 9.16626 16.25 10.8329 16.25 13.3329C16.25 15.9996 14.0972 17.4301 12.9167 18.3329" stroke="#1A2029" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

+ 0 - 0
src/assets/svgs/menu/help.svg → src/assets/svgs/menu/work.svg


+ 28 - 6
src/components/Layout/TheMenu.vue

@@ -44,10 +44,10 @@ const menuOptions = [
   {
     label: () => renderLabel('智能分析'),
     icon: renderIcon({ name: 'menu-analyse' }),
-    key: '/',
+    key: '/analyse',
     children: [
       {
-        label: () => renderLabel('水质报警'),
+        label: '水质报警',
         icon: renderChildrenIcon({ name: 'menu-analyse-water' }),
         key: '/water-warn',
       },
@@ -69,9 +69,31 @@ const menuOptions = [
     ]
   },
   {
-    label: () => renderLabel('智能助手'),
-    icon: renderIcon({ name: 'menu-help' }),
-    key: '/helper'
+    label: () => renderLabel('成本管控'),
+    icon: renderIcon({ name: 'menu-cost-control' }),
+    key: '/control',
+    children: [
+      {
+        label: '智能投药',
+        icon: renderChildrenIcon({ name: 'menu-cost-drug' }),
+        key: 'normal-1',
+      },
+      {
+        label: '精准曝气',
+        icon: renderChildrenIcon({ name: 'menu-cost-accurate' }),
+        key: 'normal-2',
+      },
+      {
+        label: '微生物镜检',
+        icon: renderChildrenIcon({ name: 'menu-cost-microorganism' }),
+        key: 'normal-3',
+      },
+    ]
+  },
+  {
+    label: () => renderLabel('智慧办公'),
+    icon: renderIcon({ name: 'menu-work' }),
+    key: '/work'
   },
   {
     label: () => renderLabel('用户中心'),
@@ -82,7 +104,7 @@ const menuOptions = [
 
 const handleUpdateValue = (key, { url }) => {
   if (url) return window.open(url);
-  if (key == 'normal') return;
+  if (key.includes('normal')) return;
   router.push(key);
 }
 

+ 4 - 12
src/router/index.js

@@ -1,14 +1,6 @@
 import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
 
 const constantRouterMap = [
-  {
-    path: '/test',
-    name: 'test',
-    component: () => import('@/views/test.vue'),
-    meta: {
-      title: "test"
-    }
-  },
   {
     path: '/',
     name: 'Scrren',
@@ -63,11 +55,11 @@ const constantRouterMap = [
         }
       },
       {
-        path: 'helper',
-        name: 'HelperView',
-        component: () => import('@/views/helper/HelperView.vue'),
+        path: 'work',
+        name: 'WorkView',
+        component: () => import('@/views/work/WorkView.vue'),
         meta: {
-          title: '智能助手'
+          title: '智能办公'
         }
       }
     ]

+ 0 - 0
src/views/helper/HelperView.vue → src/views/work/WorkView.vue