1.链接优化

sws 2024-08-19

.env.staging

@@ -1,6 +1,6 @@
 ## 模拟环境
 NODE_ENV='staging'
 
-VITE_APP_TITLE = 'vue3-element-admin'
+VITE_APP_TITLE = 'shopxo'
 VITE_APP_PORT = 3000
 VITE_APP_BASE_API = '/prod--api'

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "scripts": {
         "dev": "vite",
-    "build": "vite build",
+        "build": "vite build --mode development",
         "preview": "vite preview",
         "build-pro": "vite build --mode production",
         "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",

src/components/common/url-value/link-list.vue

@@ -25,7 +25,7 @@
     </div>
 </template>
 <script lang="ts" setup>
-import { urlValueStore, urlValue } from '@/store';
+import { urlValueStore, urlValue, pageLinkList } from '@/store';
 const url_value_store = urlValueStore();
 const props = defineProps({
     // 重置
@@ -42,35 +42,43 @@ watch(
 );
 const modelValue = defineModel({ type: Object, default: {} });
 const search_value = ref('');
-const base_data = computed(() => {
+const base_data = ref<pageLinkList[]>([]);
+const new_base_data = ref<pageLinkList[]>([]);
+onMounted(() => {
     // 过滤url_value_store.url_value.page_link_list中的type为shop的data的数据，只保留data数组
-    return url_value_store.url_value.page_link_list.filter((item: any) => {
+    base_data.value = url_value_store.url_value.page_link_list.filter((item: any) => {
         if (item.type == 'shop') {
             return item.data;
         }
     });
+    new_base_data.value = base_data.value[0].data;
 });
-const new_base_data = computed(() => {
-    // 过滤url_value_store.url_value.page_link_list中的type为shop的data的数据，只保留data数组
-    return base_data.value[0].data;
-});
+
 const handle_search = () => {
-    // 根据关键词过滤new_base_data数据
-    new_base_data.value.filter((item: any) => {
-        if (item.data) {
-            return item.data.filter((item: any) => {
-                if (item.name.includes(search_value.value)) {
+    // 根据关键词过滤new_base_data数据,如果==父级 显示父级和父级下的所有子级数据，如果==子级则显示该子级数据和父级
+    let bool = false;
+    if (search_value.value) {
+        new_base_data.value = new_base_data.value.filter((item: any) => {
+            if (item.name == search_value.value) {
+                bool = true;
+                console.log(1);
                 return item;
             }
         });
+        if (!true) {
+            new_base_data.value = new_base_data.value.filter((item: any) => {
+                item.filter((child: any) => {
+                    if (child.name == search_value.value) {
+                        bool = true;
+                        return child;
+                    }
+                });
+            });
+        }
     } else {
-            return item.filter((item: any) => {
-                if (item.name.includes(search_value.value)) {
-                    return item;
+        new_base_data.value = base_data.value[0].data;
     }
-            });
-        }
-    });
+    console.log(new_base_data.value);
 };
 const menu_active = ref('');
 const emit = defineEmits(['update:link']);

src/store/modules/url-value.ts

@@ -28,7 +28,7 @@ export const urlValueStore = defineStore('urlValue', () => {
     };
 });
 
-interface pageLinkList {
+export interface pageLinkList {
     name: string;
     type: string;
     data: pageLinkList[];

src/utils/request.ts

@@ -4,6 +4,7 @@ import { get_cookie } from './index';
 // 创建 axios 实例
 const index = window.location.href.lastIndexOf('?s=');
 const pro_url = window.location.href.substring(0, index);
+console.log(import.meta.env.VITE_APP_BASE_API);
 const service = axios.create({
     baseURL: import.meta.env.VITE_APP_BASE_API == '/dev-api' ? import.meta.env.VITE_APP_BASE_API : pro_url + '?s=',
     timeout: 50000,
@@ -33,9 +34,10 @@ service.interceptors.response.use(
         const { code, msg, data } = response.data;
         if (code == 0) {
             return response.data;
-        } else if(code == -400) {
+        } else if (code == -400) {
             ElMessageBox.alert(msg, '温馨提示', {
                 confirmButtonText: '确定',
+                showClose: false,
                 type: 'warning',
             }).then(() => {
                 localStorage.clear(); // @vueuse/core 自动导入