From 551343dc0efb99b7c015dda5a987912773c8dc02 Mon Sep 17 00:00:00 2001
From: osiris <taoran0796@163.com>
Date: Fri, 8 Mar 2024 17:41:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BD=91=E7=AB=99favicon=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=B7=BB=E5=8A=A0=E4=B8=8B=E8=BD=BD=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=EF=BC=8C=20debgu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/WebInfo/WebInfo.vue | 35 +++++++++++++++---------------
 src/utils/file.ts                  | 15 ++++++++++++-
 src/utils/url.ts                   |  8 ++++++-
 3 files changed, 38 insertions(+), 20 deletions(-)

diff --git a/src/components/WebInfo/WebInfo.vue b/src/components/WebInfo/WebInfo.vue
index 2f83c46..fa16dae 100644
--- a/src/components/WebInfo/WebInfo.vue
+++ b/src/components/WebInfo/WebInfo.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
-import { copy } from '@/utils/string'
+// import { copy } from '@/utils/string'
+import { Jh_getTimeStamp } from '@/utils/time'
 import { isUrl } from '@/utils/url'
+import { autoDown, getFileExtension } from '@/utils/file'
 import { useToolsStore } from '@/store/modules/tools'
 import { ElMessage } from 'element-plus'
 const info = reactive({
@@ -39,12 +41,16 @@ const getWebInfo = async () => {
   } catch (error) {
     console.error('Error fetching site info:', error);  
   }  
-}; 
+};
+
+const down = () => {
+  autoDown(toolsStore.webInfo.logo, Jh_getTimeStamp() + '.' + getFileExtension(toolsStore.webInfo.logo))
+}
 
 //copy
-const copyRes = async (resStr: string) => {
-  copy(resStr)
-}
+// const copyRes = async (resStr: string) => {
+//   copy(resStr)
+// }
 </script>
 
 <template>
@@ -68,31 +74,24 @@ const copyRes = async (resStr: string) => {
       <div>
         <ul>
           <li class="mt-3">
-            <el-text>域名: </el-text>
+            <el-text><b>域名: </b></el-text>
             <el-link :href="'https://' + searchUrl" type="primary" target="_blank">{{ searchUrl }}</el-link>
           </li>
           <li class="mt-3 flex">
-            <el-text>logo: </el-text>
+            <el-text><b>logo: </b></el-text>
             <div v-if="toolsStore.webInfo.logo" class="ml-2 flex items-center">
               <el-image :src="toolsStore.webInfo.logo" class="h-12"></el-image>
-              <el-button class="ml-3" link type="primary">下载</el-button>
+              <el-button class="ml-3" link type="primary" @click="down">下载</el-button>
             </div>
           </li>
           <li class="mt-3 flex">
-            <el-text >标题: </el-text>
-            <div class="ml-2"></div>
-            <el-text>{{ toolsStore.webInfo.title }}</el-text>
+            <el-text><b>标题: </b>{{ toolsStore.webInfo.title }}</el-text>
           </li>
           <li class="mt-3 flex">
-            <el-text >关键词: </el-text>
-            <div class="ml-2"></div>
-            <el-text>{{ toolsStore.webInfo.keywords }}</el-text>
+            <el-text><b>关键词: </b> {{ toolsStore.webInfo.keywords }}</el-text>
           </li>
           <li class="mt-3 flex">
-            <el-text>描述: </el-text>
-            <div class="ml-2"></div>
-            <el-text>{{ toolsStore.webInfo.desc }}</el-text>
-            <!-- <el-button>复制</el-button> -->
+            <el-text><b>描述: </b> {{ toolsStore.webInfo.desc }}</el-text>
           </li>
         </ul>
       </div>
diff --git a/src/utils/file.ts b/src/utils/file.ts
index 18eb8fd..9bced20 100644
--- a/src/utils/file.ts
+++ b/src/utils/file.ts
@@ -26,6 +26,7 @@ export function base64ToBlod(base64String: string): string {
 export function autoDown(url: string, filename: string) {
     const downloadLink = document.createElement('a');  
     downloadLink.href = url;  
+    downloadLink.target = '_blank';
     downloadLink.download = filename; // 指定下载的文件名  
     // 将下载链接添加到 DOM 中并模拟点击下载  
     document.body.appendChild(downloadLink);  
@@ -33,8 +34,20 @@ export function autoDown(url: string, filename: string) {
     document.body.removeChild(downloadLink);
 }
 
+/**
+ * 获取文件后缀
+ */
+export function getFileExtension(filename) {  
+  const dotIndex = filename.lastIndexOf('.');  
+  if (dotIndex === -1) {  
+    return ''; // 没有找到'.'，返回空字符串  
+  }  
+  return filename.substr(dotIndex + 1); // 返回'.'之后的部分作为后缀名  
+}
+
 const FileUtils = {
   base64ToBlod,
-  autoDown
+  autoDown,
+  getFileExtension
 }
 export default FileUtils
\ No newline at end of file
diff --git a/src/utils/url.ts b/src/utils/url.ts
index 1382414..977857a 100644
--- a/src/utils/url.ts
+++ b/src/utils/url.ts
@@ -11,4 +11,10 @@ export function isUrl(str: string): boolean {
     '^(https?:\\/\\/)?'+ // protocol  
     '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,})','i'); // fragment locator  
   return urlPattern.test(str);  
-}  
\ No newline at end of file
+}
+
+const UrlUtils = {
+  isUrl
+}
+
+export default UrlUtils
\ No newline at end of file