From 93ac4e33ac4b06feeebdfc4f76933ae980ecb27c Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Fri, 22 Mar 2024 22:25:53 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=B7=A6=E4=BE=A7=E5=8A=9F=E8=83=BD=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/IconGroup/index.vue         | 2 +-
 src/router/modules/home.ts                        | 4 ++--
 src/views/home/aside/comp/items/IzProject.vue     | 1 +
 src/views/home/aside/comp/items/PictureType.vue   | 3 +++
 src/views/home/aside/comp/items/PictureUpload.vue | 3 +++
 src/views/home/aside/comp/items/Similarity.vue    | 3 +++
 src/views/home/aside/comp/items/Time.vue          | 3 +++
 7 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/IconGroup/index.vue b/src/layout/components/IconGroup/index.vue
index 549ca0c..a173c8f 100644
--- a/src/layout/components/IconGroup/index.vue
+++ b/src/layout/components/IconGroup/index.vue
@@ -36,7 +36,7 @@ function getSvgName(item: MenuMixedOption) {
         class="icon-button" :class="{ 'icon-button--selected': isSelect(item) }"
         @click="handleClick(item)"
       >
-        <SvgIcon :size="item.svgsize as number" :name="getSvgName(item)" />
+        <SvgIcon color="#666666" :size="item.svgsize as number" :name="getSvgName(item)"  />
       </button>
     </template>
     <span>{{ item.title }}</span>
diff --git a/src/router/modules/home.ts b/src/router/modules/home.ts
index 2102498..452af0f 100644
--- a/src/router/modules/home.ts
+++ b/src/router/modules/home.ts
@@ -18,7 +18,7 @@ const routes: Array<RouteRecordRaw> = [
     redirect: '/home',
     component: Layout,
     meta: {
-      title: 'AI查重',
+      title: 'AI一键查重',
       svgname: 'ai-main',
       svgsize: 60,
       permissions: ['home_main'],
@@ -29,7 +29,7 @@ const routes: Array<RouteRecordRaw> = [
         path: 'home',
         name: `home_main`,
         meta: {
-          title: 'AI查重',
+          title: 'AI一键查重',
           permissions: ['home_main'],
           affix: true,
         },
diff --git a/src/views/home/aside/comp/items/IzProject.vue b/src/views/home/aside/comp/items/IzProject.vue
index 5c9f3de..f3c11b0 100644
--- a/src/views/home/aside/comp/items/IzProject.vue
+++ b/src/views/home/aside/comp/items/IzProject.vue
@@ -30,6 +30,7 @@ const options = ref([])
 const configStore = useDictionary()
 const labStyle = {
   fontWeight: 'bold',
+  color: '#333333'
 }
 
 onBeforeMount(async () => {
diff --git a/src/views/home/aside/comp/items/PictureType.vue b/src/views/home/aside/comp/items/PictureType.vue
index 1a0bf11..7452541 100644
--- a/src/views/home/aside/comp/items/PictureType.vue
+++ b/src/views/home/aside/comp/items/PictureType.vue
@@ -35,4 +35,7 @@ function onChange(value: string[]) {
 .wrapper {
   padding: 10px;
 }
+::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;;
+}
 </style>
diff --git a/src/views/home/aside/comp/items/PictureUpload.vue b/src/views/home/aside/comp/items/PictureUpload.vue
index ca621dc..510db88 100644
--- a/src/views/home/aside/comp/items/PictureUpload.vue
+++ b/src/views/home/aside/comp/items/PictureUpload.vue
@@ -32,4 +32,7 @@ function onChange(value: string) {
 .wrapper {
   padding: 10px;
 }
+::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;;
+}
 </style>
diff --git a/src/views/home/aside/comp/items/Similarity.vue b/src/views/home/aside/comp/items/Similarity.vue
index f278200..b37f3f7 100644
--- a/src/views/home/aside/comp/items/Similarity.vue
+++ b/src/views/home/aside/comp/items/Similarity.vue
@@ -39,4 +39,7 @@ function onChange(value: number & number[]) {
 .wrapper {
   padding: 10px;
 }
+::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;;
+}
 </style>
diff --git a/src/views/home/aside/comp/items/Time.vue b/src/views/home/aside/comp/items/Time.vue
index dfeb014..170e303 100644
--- a/src/views/home/aside/comp/items/Time.vue
+++ b/src/views/home/aside/comp/items/Time.vue
@@ -33,4 +33,7 @@ function onChange(value: [number, number]) {
 .wrapper {
   padding: 10px;
 }
+::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;;
+}
 </style>

From 1bfe54a4e66b53025add2ccaf2d0751ceacc0880 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Fri, 22 Mar 2024 23:34:11 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=202532=20=E3=80=90AI=E4=B8=80?=
 =?UTF-8?q?=E9=94=AE=E6=9F=A5=E9=87=8D=E3=80=91=E7=95=8C=E9=9D=A2=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E5=85=83=E7=B4=A0=E5=8F=8A=E5=AD=97=E6=AE=B5=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E4=B8=8E=E8=AE=BE=E8=AE=A1=E4=B8=8D=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/aside/comp/AdvanceFilter.vue       |  2 +-
 src/views/home/aside/comp/Upload.vue              | 12 ++++++++++--
 src/views/home/aside/comp/items/PictureUpload.vue |  4 ++++
 src/views/home/aside/comp/items/Time.vue          |  9 ++++++++-
 src/views/home/content/Content.vue                | 13 ++++++++-----
 5 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index f9dc8d2..f6b0b62 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -226,7 +226,7 @@ const moveEnd = () => {
       >
         <template #trigger>
           <div class="wrapper-left-dropdown" @click="showClick">
-            <span>高级筛选</span>
+            <span style="font-size: 20px;color: #333333;font-weight: Medium;">高级筛选</span>
             <SvgIcon :style="{ marginLeft: '5px' }" name="down" size="14" />
           </div>
         </template>
diff --git a/src/views/home/aside/comp/Upload.vue b/src/views/home/aside/comp/Upload.vue
index bc619ef..8499257 100644
--- a/src/views/home/aside/comp/Upload.vue
+++ b/src/views/home/aside/comp/Upload.vue
@@ -112,8 +112,8 @@ const handleDrop = async (e) => {
 <style lang="less" scoped>
 .wrapper {
   width: 288px;
-  height: 116px;
-  padding: 12px;
+  height: 156px;
+  padding: 32px 16px;
   box-sizing: border-box;
   margin-top: 10px;
   background: rgba(202, 210, 221, 0.10);
@@ -168,5 +168,13 @@ const handleDrop = async (e) => {
       margin: 0px 15px;
     }
   }
+  .wrapper-tip1 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
+  .wrapper-tip2 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
 }
 </style>
diff --git a/src/views/home/aside/comp/items/PictureUpload.vue b/src/views/home/aside/comp/items/PictureUpload.vue
index 510db88..a7796de 100644
--- a/src/views/home/aside/comp/items/PictureUpload.vue
+++ b/src/views/home/aside/comp/items/PictureUpload.vue
@@ -31,8 +31,12 @@ function onChange(value: string) {
 <style lang="less" scoped>
 .wrapper {
   padding: 10px;
+  margin-top: 0;
 }
 ::v-deep(.n-collapse-item-arrow){
   color: #999999 !important;;
 }
+::v-deep(.n-collapse-item__content-inner){
+  padding-top: 0!important;
+}
 </style>
diff --git a/src/views/home/aside/comp/items/Time.vue b/src/views/home/aside/comp/items/Time.vue
index 170e303..051a0f8 100644
--- a/src/views/home/aside/comp/items/Time.vue
+++ b/src/views/home/aside/comp/items/Time.vue
@@ -22,7 +22,11 @@ function onChange(value: [number, number]) {
     <n-collapse :default-expanded-names="['1']" arrow-placement="right">
       <n-collapse-item :title="label" name="1">
         <n-space>
-          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" />
+          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" >
+            <template #separator>
+              至
+            </template>
+          </n-date-picker>
         </n-space>
       </n-collapse-item>
     </n-collapse>
@@ -34,6 +38,9 @@ function onChange(value: [number, number]) {
   padding: 10px;
 }
 ::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;
+}
+::v-deep(.n-input__separator){
   color: #999999 !important;;
 }
 </style>
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index f32b690..50313e5 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -168,7 +168,7 @@ const gridHeight = computed(() => {
   } else if (viewMode.value === 'horizontalVersion') {
     height = '145px'
   } else if (viewMode.value === 'verticalVersion') {
-    height = '320px'
+    height = '300px'
   } else if (viewMode.value === '3:4') {
     height = '240px'
   }
@@ -337,12 +337,12 @@ function previewHandler(index: number,event: MouseEvent) {
               <SvgIcon class="gap" name="arrow-botton" size="14" />
             </div>
           </n-popselect>
-          <div style="margin-left: 15px;cursor: pointer" @click="sortHandler()">
+          <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler()">
             <span>相似度排序</span>
             <SvgIcon style="margin-left: 8px;" name="sort" size="12" />
           </div>
         </div>
-        <span>共{{ totalCount }}项</span>
+        <span style="font-size: 16px;color:#494949">共 <span style="color:#7899fd;font-weight: 500;">{{ totalCount }}</span> 项</span>
       </div>
       <n-spin :show="loading">
         <div ref="el" class="scroll" :style="listStyle">
@@ -473,6 +473,8 @@ function previewHandler(index: number,event: MouseEvent) {
       justify-content: space-between;
       margin-top: 4px;
       position: relative;
+      color: #666666;
+      font-size: 16px;
 
       .left {
         display: flex;
@@ -485,8 +487,8 @@ function previewHandler(index: number,event: MouseEvent) {
       }
 
       .avatar {
-        width: 15px;
-        height: 15px;
+        width: 20px;
+        height: 20px;
         margin-right: 5px;
       }
     }
@@ -496,6 +498,7 @@ function previewHandler(index: number,event: MouseEvent) {
       flex-direction: row;
       align-items: center;
       margin-right: 24px;
+      color:#323233;
 
       .gap {
         margin-left: 5px;

From 397b262c72156cf9bdbdb6234e2d6a689fda4362 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Sat, 23 Mar 2024 00:19:05 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=202540=20=E3=80=90TOP=E5=88=97--?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E4=B8=8B=E6=8B=89=E3=80=91=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E3=80=81=E8=83=8C=E6=99=AF=E3=80=81=E5=AD=97=E4=BD=93=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E3=80=81icon=E7=AD=89=E4=B8=8ERP=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E4=B8=8D=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/home.ts                            |  8 +--
 src/layout/components/Header/UserSettings.vue | 56 ++++++++++++-------
 2 files changed, 40 insertions(+), 24 deletions(-)

diff --git a/src/config/home.ts b/src/config/home.ts
index 5ef6e55..93de47e 100644
--- a/src/config/home.ts
+++ b/src/config/home.ts
@@ -22,14 +22,14 @@ export const timeOptions = [
 ]
 
 export const viewOptions = [
-  {
-    label: '横版',
-    value: 'horizontalVersion',
-  },
   {
     label: '平铺',
     value: 'masonry',
   },
+  {
+    label: '横版',
+    value: 'horizontalVersion',
+  },
   {
     label: '竖版',
     value: 'verticalVersion',
diff --git a/src/layout/components/Header/UserSettings.vue b/src/layout/components/Header/UserSettings.vue
index 68895a6..b69304f 100644
--- a/src/layout/components/Header/UserSettings.vue
+++ b/src/layout/components/Header/UserSettings.vue
@@ -16,8 +16,8 @@ const useInfo = userStore.getUserInfo
 
 const aiDisabled = ref(false)
 
-function handleSelect(key: string) {
-  userStore.updateTenantId(key)
+function handleSelect(row) {
+  userStore.updateTenantId(row.key)
   location.reload()
 }
 
@@ -55,6 +55,7 @@ onMounted(() => {
 
 const showPopover = ref(false)
 const popRef = ref(null)
+const changeFlag = ref(false)
 
 const iconName = computed(() => {
   return showPopover.value ? 'expand' : 'collapse'
@@ -88,10 +89,8 @@ const options = computed(() => {
 </script>
 
 <template>
-  <n-popover
-    ref="popRef" style="border-radius: 10px" placement="bottom-end" raw :show-arrow="false" trigger="click"
-    @update:show="handleUpdateShow"
-  >
+  <n-popover ref="popRef" style="border-radius: 10px" placement="bottom-end" raw :show-arrow="false" trigger="click"
+    @update:show="handleUpdateShow">
     <template #trigger>
       <div class="setting">
         <span>{{ useInfo.username }}</span>
@@ -100,18 +99,16 @@ const options = computed(() => {
     </template>
     <div class="container">
       <div class="header">
-        <n-avatar :src="getImgUrl(useInfo.usericon)" round size="medium" />
-        <div style="margin-left: 10px">
-          <span style="display: block; font-size: 20px">{{ useInfo.username }}</span>
-          <span style="display: block; font-size: '20px'">{{ useInfo.departname }}</span>
+        <n-avatar :src="getImgUrl(useInfo.usericon)" round style="width:53px; height:53px" />
+        <div style="margin-left: 12px">
+          <span style="display: block; font-size: 21px">{{ useInfo.username }}</span>
+          <span style="display: block; font-size: 16px">{{ useInfo.departname }}</span>
         </div>
       </div>
-      <n-dropdown placement="left-start" trigger="hover" :options="options" @select="handleSelect">
-        <div class="trigger">
-          <span>{{ currentCompanyName }}</span>
-          <span>icon</span>
-        </div>
-      </n-dropdown>
+      <div class="trigger">
+        <span>{{ currentCompanyName }}</span>
+        <span @click="changeFlag = !changeFlag" style="cursor: pointer;">icon</span>
+      </div>
       <div class="item">
         <span>AI设置开关</span>
         <n-switch v-model:value="aiDisabled" />
@@ -119,10 +116,15 @@ const options = computed(() => {
       <div class="trigger">
         联系我们
       </div>
-      <n-divider style="margin-top: 0px; margin-bottom: 10px" />
+      <n-divider style="margin-top: 0px; margin-bottom: 10px;padding: 0 22px;" />
       <div class="trigger" @click="logOut">
         退出登录
       </div>
+      <div class="container" v-show="changeFlag" style="position: absolute;right:332px;width: 220px;padding:24px 0">
+        <div class="trigger" v-for="option in options" :key="option.key" @click="handleSelect(option)">
+          {{ option.label }}
+        </div>
+      </div>
     </div>
   </n-popover>
 </template>
@@ -140,26 +142,40 @@ const options = computed(() => {
   border-radius: 10px;
   justify-content: center;
   background-color: #ffffff;
+  width: 320px;
+  position: relative;
 
   .header {
     border-radius: 10px 10px 0px 0px;
-    background-color: #7a92ff;
+    background: linear-gradient(122deg, #4867ff 5%, #a0b3ff 100%);
     padding: 10px 20px;
     display: flex;
     align-items: center;
-    margin-bottom: 20px;
+    margin-bottom: 14px;
     color: #ffffff;
+    height: 80px;
   }
 
   .trigger,
   .item {
     display: flex;
     justify-content: space-between;
-    padding: 10px 20px;
+    padding: 13px 20px;
+    cursor: pointer;
+    color: #333333;
   }
 
   .trigger:hover {
     background-color: #e8f2ff;
   }
 }
+
+::v-deep(.n-dropdown-option) {
+  color: lime;
+  background: red;
+}
+
+::v-deep(.n-dropdown-option-body__label) {
+  color: lime;
+}
 </style>