From d984af3ebe6567fc57c65f2dac0cfe346138991e Mon Sep 17 00:00:00 2001
From: taoran <taoran0796@163.com>
Date: Sat, 27 Jul 2024 00:24:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=9A=E6=AC=A1?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=90=8E=E6=97=A0=E7=BB=93=E6=9E=9C=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=8C=E4=BF=AE=E5=A4=8D=E9=AA=B0=E5=AD=90=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E9=AA=B0=E5=AD=90=E5=9B=BE=E7=89=87=E4=B8=A2=E5=A4=B1?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/Header/Header.vue |  4 +--
 src/components/Tools/Dice/DiceCore.vue  | 20 +++++++--------
 src/components/Tools/tools.ts           | 33 ++++++++++++-------------
 3 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/components/Layout/Header/Header.vue b/src/components/Layout/Header/Header.vue
index c731f23..40b5056 100644
--- a/src/components/Layout/Header/Header.vue
+++ b/src/components/Layout/Header/Header.vue
@@ -42,7 +42,7 @@ const searchTools = async (query: string) => {
   loading.value = true
   if (query) {
     searchParam.title = query
-    await toolsStore.getTools(searchParam)
+    options.value = await toolsStore.getTools(searchParam)
   } else {
     options.value = []
   }
@@ -129,7 +129,7 @@ onMounted(() => {
           size="large"
         >
           <el-option
-            v-for="item in toolsStore.list"
+            v-for="item in options"
             :key="item.id"
             :label="item.title + ' - ' + item.desc"
             :value="item.id"
diff --git a/src/components/Tools/Dice/DiceCore.vue b/src/components/Tools/Dice/DiceCore.vue
index a364078..410dc74 100644
--- a/src/components/Tools/Dice/DiceCore.vue
+++ b/src/components/Tools/Dice/DiceCore.vue
@@ -9,25 +9,25 @@ const isDicing = ref(false)
 const aniIndex = ref(0)
 //掷筛子动画所用到的图片(4张骰子旋转过程中的图)
 const diceAnimationImages = ref([
-  '/public/images/dice/dice_run1.png',
-  '/public/images/dice/dice_run2.png',
-  '/public/images/dice/dice_run3.png',
-  '/public/images/dice/dice_run4.png'
+  '/images/dice/dice_run1.png',
+  '/images/dice/dice_run2.png',
+  '/images/dice/dice_run3.png',
+  '/images/dice/dice_run4.png'
 ])
 //骰子每一个点的对应的图片
 const diceImages = ref({
   //1点的图片
-  1: '/public/images/dice/dice1.png',
+  1: '/images/dice/dice1.png',
   //2点的图片
-  2: '/public/images/dice/dice2.png',
+  2: '/images/dice/dice2.png',
   //3点的图片
-  3: '/public/images/dice/dice3.png',
+  3: '/images/dice/dice3.png',
   //4点的图片
-  4: '/public/images/dice/dice4.png',
+  4: '/images/dice/dice4.png',
   //5点的图片
-  5: '/public/images/dice/dice5.png',
+  5: '/images/dice/dice5.png',
   //6点的图片
-  6: '/public/images/dice/dice6.png'
+  6: '/images/dice/dice6.png'
 })
 //当前掷筛子掷到的点数（默认1点）
 const currentPoint = ref(1)
diff --git a/src/components/Tools/tools.ts b/src/components/Tools/tools.ts
index c548d3d..df9b0d2 100644
--- a/src/components/Tools/tools.ts
+++ b/src/components/Tools/tools.ts
@@ -13,7 +13,7 @@ export function getToolsCate() {
           title: '随机密码生成',
           logo: '/images/logo/keywords.png',
           desc: '密码生成器、随机字符串生成,批量生成',
-          url: '/random_password/',
+          url: '/randompassword/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -49,7 +49,7 @@ export function getToolsCate() {
           title: 'MD5在线加密',
           logo: '/images/logo/md5.png',
           desc: 'MD5在线加密,长度包含32位、16位',
-          url: '/MD5/',
+          url: '/md5/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -85,7 +85,7 @@ export function getToolsCate() {
           title: 'HTTP状态码',
           logo: '/images/logo/http_code.png',
           desc: 'http状态对应的名称和含义解释',
-          url: '/HttpStatusCode/',
+          url: '/httpstatuscode/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -103,7 +103,7 @@ export function getToolsCate() {
           title: 'html实体转义',
           logo: '/images/logo/HtmlEntity.png',
           desc: 'html实体转义，实体转义成html',
-          url: '/HtmlEntity/',
+          url: '/htmlentity/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -112,7 +112,7 @@ export function getToolsCate() {
           title: 'js代码格式化/压缩',
           logo: '/images/logo/JSForamt.png',
           desc: 'JS格式化/压缩工具,提供在线JS格式化、JS压缩、JS混淆、JS解密',
-          url: '/JSForamt/',
+          url: '/jsforamt/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -121,7 +121,7 @@ export function getToolsCate() {
           title: 'Html代码格式化',
           logo: '/images/logo/HtmlFormat.png',
           desc: '提供在线html、xml格式化',
-          url: '/HtmlFormat/',
+          url: '/htmlformat/',
           cateId: 2,
           cate: '开发运维',
         },
@@ -130,7 +130,7 @@ export function getToolsCate() {
           title: 'Css代码格式化/压缩',
           logo: '/images/logo/CssFormat.png',
           desc: 'css格式化/压缩工具,提供在线css格式化、css压缩',
-          url: '/CssFormat/',
+          url: '/cssformat/',
           cateId: 2,
           cate: '开发运维',
         }
@@ -164,7 +164,7 @@ export function getToolsCate() {
           title: '字数统计',
           logo: '/images/logo/wordCount.png',
           desc: '在线统计字符串的字数、段落、标点符号数量',
-          url: '/wordCount/',
+          url: '/wordcount/',
           cateId: 3,
           cate: '文本处理',
         },
@@ -173,7 +173,7 @@ export function getToolsCate() {
           title: '文本去重',
           logo: '/images/logo/textRemoveDuplicate.png',
           desc: '可以删除或去除文本或字符串中的重复行',
-          url: '/textRemoveDuplicate/',
+          url: '/textremoveduplicate/',
           cateId: 3,
           cate: '文本处理',
         },
@@ -182,7 +182,7 @@ export function getToolsCate() {
           title: 'ASCII字形生成器',
           logo: '/images/logo/ascii_word_pic.png',
           desc: '在线生成字形ASCII画',
-          url: '/asciiWordPic/',
+          url: '/asciiwordpic/',
           cateId: 3,
           cate: '文本处理',
         },
@@ -191,7 +191,7 @@ export function getToolsCate() {
           title: '在线文本编辑/HTML获取',
           logo: '/images/logo/richtextEditor.png',
           desc: '在线富文本编辑, html实时预览，在线编辑文本，文本编辑获取html',
-          url: '/textEdit/',
+          url: '/textedit/',
           cateId: 3,
           cate: '文本处理'
         },
@@ -340,7 +340,7 @@ export function getToolsCate() {
           title: '文本转图片',
           logo: '/images/logo/text_to_img.png',
           desc: '把文本转换成图片，生成长图，具有超多个性文字排版',
-          url: '/textToImg/',
+          url: '/texttoimg/',
           cateId: 5,
           cate: '图片处理'
         },
@@ -349,7 +349,7 @@ export function getToolsCate() {
           title: '图片分割',
           logo: '/images/logo/imgCut.png',
           desc: '将图片分割成四宫格、九宫格、十六宫格，支持自定义行与列',
-          url: '/imgCut/',
+          url: '/imgcut/',
           cateId: 5,
           cate: '图片处理',
         },
@@ -475,7 +475,7 @@ export function getToolsCate() {
           title: '数字转金额大写',
           logo: '/images/logo/numberToChinese.png',
           desc: '在线数字一键转换成人民币大写，中文大写转换数字',
-          url: '/numberToChinese/',
+          url: '/numbertochinese/',
           cateId: 7,
           cate: '其他工具'
         },
@@ -502,7 +502,7 @@ export function getToolsCate() {
           title: 'Color选择器',
           logo: '/images/logo/color_picker.png',
           desc: '颜色选择器、在各种颜色空间如十六进制、rgb、hsl、css等等之间转换颜色',
-          url: '/ColorPicker/',
+          url: '/colorpicker/',
           cateId: 7,
           cate: '其他工具'
         }
@@ -542,13 +542,12 @@ export function getTools(data: ToolsReqData) {
   const { cateId, title } = data
   //获取工具list
   let list = toolsList()
-
   //标题筛选
   if (title != '') {
     list = list.filter(item => {
       let tmpValue = item.title.toLowerCase()
       let tmpDesc = item.desc.toLowerCase()
-      console.log(tmpValue.indexOf(title.toLowerCase()))
+      // console.log(tmpValue.indexOf(title.toLowerCase()))
       return tmpValue.indexOf(title.toLowerCase()) !== -1 || tmpDesc.indexOf(title.toLowerCase()) !== -1;
     });
   }