Browse Source

feature 1002776

修改配置
Kevin Jiang 2 years ago
parent
commit
c37bb7c599

BIN
src/assets/logo.png


File diff suppressed because it is too large
+ 10 - 0
src/components/icons/IconDetailList.vue


File diff suppressed because it is too large
+ 10 - 0
src/components/icons/IconSimpleList.vue


+ 3 - 3
src/views/RouteView.vue

@@ -28,9 +28,9 @@ watch(
       collapsible
     >
       <div class="logo">
-        <Transition name="fade">
-          <img src="@/assets/logo.svg" v-if="collapsed" />
-          <img src="@/assets/logo-banner.svg" v-else />
+        <Transition name="slide-fade">
+          <img src="@/assets/logo.png" width="50" v-if="collapsed" />
+          <img src="@/assets/logo.png" width="120" v-else />
         </Transition>
       </div>
       <NavMenu class="sider-nav" />

+ 13 - 7
src/views/knowledgeGraph/KnowledgeGraphView.vue

@@ -133,8 +133,8 @@ function initGraph(width: number, height: number) {
     },
     nodeStateStyles: {
       selected: {
-        stroke: '#00FA9A',
-        fill: '#00FA9A',
+        stroke: '#A72184',
+        fill: '#A72184',
       },
     },
     defaultNode: {
@@ -149,6 +149,7 @@ function initGraph(width: number, height: number) {
         position: 'center',
         style: {
           fontSize: 11,
+          fill: "#FFFFFF",
         },
       },
     },
@@ -196,17 +197,22 @@ onMounted(() => {
       if (node.label === "建筑工程" || node.label === "工程设计") {
         return {
           style: {
-            fill: "#FF8000",
-            stroke: "#FF8000",
+            fill: "#FDD900",
+            stroke: "#FDD900",
+          },
+          labelCfg: {
+            style: {
+              fill: "#000000",
+            }
           }
         };
       }
       return {
         style: {
-          fill: "#00FA9A",
-          stroke: "#00FA9A",
+          fill: "#0079C2",
+          stroke: "#0079C2",
         },
-      };      
+      };
     });
     findName(keyword.value)
   }

+ 6 - 1
src/views/report/components/report-list/CompanySelect.vue

@@ -26,6 +26,7 @@ function onItemChange(index: number, checked: boolean) {
     :data="item"
     @change="onItemChange(i, $event)"
     class="select-item"
+    :class="{'kede-checked': item.checked}"
   />
 </template>
 
@@ -33,4 +34,8 @@ function onItemChange(index: number, checked: boolean) {
 .select-item {
   margin-top: 0.5em;
 }
-</style>
+
+.kede-checked {
+  background-color: #E4F4FF;
+}
+</style>

+ 7 - 5
src/views/search/SearchView.vue

@@ -61,7 +61,7 @@ function getHoyKeyword(size: number){
     const words: any = resp;
     for (let item of words) {
         var expression = item.expression;
-        var _expression = expression.match(/\((.+)\)/g);
+        // var _expression = expression.match(/\((.+)\)/g);
         var $1 = RegExp.$1
         var index = hotWords.value.indexOf($1);
 
@@ -107,7 +107,7 @@ function search(kwd: string){
 <template>
   <div class="search-wrap">
     <h1>智能搜索</h1>
-    <a-divider></a-divider>
+    <!-- <a-divider></a-divider> -->
     <a-row type="flex">
       <a-col>
         <a-select
@@ -136,9 +136,11 @@ function search(kwd: string){
     </a-row>
     <a-row type="flex" class="search-result">
         <a-spin :spinning="spinning" :indicator="h(LoadingOutlined, { style: { fontSize: '24px', }, spin: true, })">
-        最新文献推荐
-         <div v-for="(doc, index) in searchResult" :key="index" v-if="searchResult" class="search-result-content">
-          <SearchResultItem :data="doc"/>
+        <div>最新文献推荐</div>
+        <div v-if="searchResult">
+          <div v-for="(doc, index) in searchResult" :key="index" class="search-result-content">
+            <SearchResultItem :data="doc"/>
+          </div>
         </div>
         </a-spin>
     </a-row>

+ 21 - 5
src/views/search/components/SearchResultToolbar.vue

@@ -4,6 +4,8 @@ import { ref } from "vue";
 import type { PropType } from "vue";
 import type { SearchResult } from "@/types/search.types";
 import type { Pagination, ResultMode } from "@/types/search.types";
+import IconSimpleList from "@/components/icons/IconSimpleList.vue";
+import IconDetailList from "@/components/icons/IconDetailList.vue";
 
 // 排序选择项列表
 const sortOptions = ref<SelectProps["options"]>([
@@ -51,7 +53,10 @@ function onPageChange(size: string, page: string) {
   emits("paginationChange", size, page);
 }
 
+const resultMode = ref('brief');
+
 function onModeChange(mode: ResultMode) {
+  resultMode.value = mode;
   emits("modeChange", mode);
 }
 </script>
@@ -61,12 +66,14 @@ function onModeChange(mode: ResultMode) {
     <a-space>
       <span>搜索结果:共 {{ data.total }} 条</span>
       <a-divider type="vertical"></a-divider>
-      <span>
+      <span style="display: flex; justify-items: center; align-items: center;">
         <span>显示:</span>
-        <a-space>
-          <a href="#" @click="onModeChange('brief')">简洁</a>
-          <a href="#" @click="onModeChange('detail')">详细</a>
-        </a-space>
+        <span @click="onModeChange('brief')" class="list-icon" :class="{'list-icon-active': resultMode == 'brief'}">
+          <IconSimpleList style="cursor: pointer;" />
+        </span>
+        <span @click="onModeChange('detail')" class="list-icon" :class="{'list-icon-active': resultMode == 'detail'}">
+          <IconDetailList style="cursor: pointer;" />
+        </span>
       </span>
       <a-divider type="vertical"></a-divider>
       <a-select
@@ -95,4 +102,13 @@ function onModeChange(mode: ResultMode) {
   padding-top: 5px;
   justify-content: space-between;
 }
+
+.list-icon {
+  display: flex;
+  align-items: center;
+
+  &.list-icon-active {
+    color: #0079C2;
+  }
+}
 </style>

+ 2 - 2
vite.config.ts

@@ -25,8 +25,8 @@ export default defineConfig({
     preprocessorOptions: {
       less: {
         modifyVars: {
-          // "primary-color": "#1DA57A",
-          // "link-color": "#1DA57A",
+          "primary-color": "#0079C2",
+          "primary-1": "#E4F4FF",
         },
         javascriptEnabled: true,
       },