شروع research

pages/Research.vue

@@ -376,13 +376,22 @@
 </template>
 
 <script>
-import searchLineMixin from "~/research/mixins/searchLineMixin.js";
+import searchLineMixin from "@research/mixins/research/searchLineMixin.js";
 import { mapActions, mapState } from "pinia";
-import researchApi from "~/apis/researchApi";
+import researchApi from "@research/apis/researchApi";
 
-import { useResearchStore } from "../stores/researchStore";
+import { useResearchStore } from "@research/stores/researchStore";
+import { useSearchStore } from "@research/stores/searchStore";
+import { useCommonStore } from "~/stores/commonStore";
 
 export default {
+  name: "myResearches",
+  setup() {
+    definePageMeta({
+      layout: false,
+      name: "myResearches",
+    });
+  },
   mixins: [searchLineMixin],
   watch: {
     $route: {
@@ -426,7 +435,10 @@ export default {
     },
   },
   beforeMount() {
-    this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
+    // this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
+  },
+  created() {
+    this.httpService = useNuxtApp()["$http"];
   },
   mounted() {
     this.researchActiveSchemaSetter(this.myActiveSchema);
@@ -484,7 +496,7 @@ export default {
       showDropdownNavigateList: false,
       navigateListPart2: [],
       navigateListItem: "",
-      httpService: undefined,
+      // httpService: undefined,
       listChangeItem: "",
       showListPanel: false,
       showSearchLine: true,
@@ -510,7 +522,7 @@ export default {
       topRepeatInListMode: true,
       activeSortItem: undefined,
       changePageFilter: "",
-
+      httpService: {},
       lastSearchInListMode: true,
       searchingState: false,
       meets: [],
@@ -555,7 +567,7 @@ export default {
       "researchSchemaGetter",
       "researchActiveSchemaGetter",
     ]),
-    ...mapState([
+    ...mapState(useCommonStore, [
       "currentUser",
       "selectedlists",
       "organNameGetter",
@@ -599,8 +611,12 @@ export default {
     },
   },
   methods: {
-    ...mapActions(["TOGGLE_SIDEBAR_MENU"]),
+    // ...mapActions(["TOGGLE_SIDEBAR_MENU"]),
-    ...mapActions("search", ["searchActiveTabSetter", "domainActiveSetter"]),
+    ...mapActions(useCommonStore, ["TOGGLE_SIDEBAR_MENU"]),
+    ...mapActions(useSearchStore, [
+      "searchActiveTabSetter",
+      "domainActiveSetter",
+    ]),
     ...mapActions(useResearchStore, ["researchActiveSchemaSetter"]),
     closeAfterSaving() {
       this.closeBaseModal();
@@ -1000,7 +1016,6 @@ export default {
       window.localStorage.setItem([HISTORY_SEARCH_RECENT], parsed);
     },
   },
-  
 };
 </script>
 <style scoped lang="scss">

stores/searchStore.ts

@@ -0,0 +1,210 @@
+import type {
+  activeSearchChartSchema,
+  activeSearchListSchema,
+  Domain,
+  searchActiveTab,
+  searchChartActiveTab,
+  searchListActiveTab,
+  searchSchema,
+  searchSynonymForm,
+  searchSynonymTitle,
+  selectionFilterItems,
+} from "~/types/searchTypes";
+
+import type {
+  isReturnFromItemshowPage,
+  list,
+  listComponentName,
+  listId,
+  projects,
+  selectedItem,
+  selectedProject,
+} from "~/types/listTypes";
+
+export const useSearchStore = defineStore("searchStore", {
+  persist: {
+    storage: piniaPluginPersistedstate.localStorage(),
+  },  state: () => ({
+    selectedProject: undefined as selectedProject | undefined,
+    isReturnFromItemshowPage: false as isReturnFromItemshowPage,
+    list: undefined as list | undefined,
+    listId: undefined as listId | undefined,
+    listComponentName: "ItemList" as listComponentName | undefined,
+    projects: [] as projects[],
+    // pieData: [],
+    selectedItem: undefined as selectedItem | undefined,
+
+
+    // activeTab: undefined,
+
+    searchActiveTab: undefined as searchActiveTab | undefined,
+    searchSchema: undefined as searchSchema | undefined,
+
+    searchActiveSchema: undefined as searchActiveTab | undefined,
+
+    searchListActiveTab: undefined as searchListActiveTab | undefined,
+    searchListSchema: undefined as searchListActiveTab[] | undefined,
+    activeSearchListSchema: undefined as activeSearchListSchema | undefined,
+
+    searchChartActiveTab: undefined as searchChartActiveTab | undefined,
+    searchChartSchema: undefined as searchChartActiveTab[] | undefined,
+    activeSearchChartSchema: undefined as activeSearchChartSchema | undefined,
+
+    searchSynonymTitle: undefined as searchSynonymTitle | undefined,
+    searchSynonymForm: undefined as searchSynonymForm | undefined,
+
+    selectionFilterItems: [] as selectionFilterItems,
+  }),
+  getters: {
+    projectsGetter(state) {
+      return state.projects;
+    },
+    selectedProjectGetter(state) {
+      return state.selectedProject;
+    },
+    listIdGetter(state) {
+      return state.listId;
+    },
+    listComponentNameGetter(state) {
+      return state.listComponentName;
+    },
+    selectedItemGetter(state) {
+      return state.selectedItem;
+    },
+    isReturnFromItemshowPageGetter(state) {
+      return state.isReturnFromItemshowPage;
+    },
+    listGetter(state) {
+      return state.list;
+    },
+
+    searchSynonymTitleGetter(state) {
+      return state.searchSynonymTitle;
+    },
+    searchSynonymFormGetter(state) {
+      return state.searchSynonymForm;
+    },
+
+  
+    // activeTabGetter(state) {
+    //   return state.activeTab;
+    // },
+
+    // search page
+    searchActiveTabGetter(state) {
+      return state.searchActiveTab;
+    },
+    searchSchemaGetter(state) {
+      return state.searchSchema;
+    },
+
+    searchActiveSchemaGetter(state) {
+      return state.searchActiveSchema;
+    },
+
+    // search list
+    searchListActiveTabGetter(state) {
+      return state.searchListActiveTab;
+    },
+    searchListSchemaGetter(state) {
+      return state.searchListSchema;
+    },
+    searchListActiveSchemaGetter(state) {
+      return state.activeSearchListSchema;
+    },
+
+    // search chart
+    searchChartActiveTabGetter(state) {
+      return state.searchChartActiveTab;
+    },
+    searchChartSchemaGetter(state) {
+      return state.searchChartSchema;
+    },
+    searchChartActiveSchemaGetter(state) {
+      return state.activeSearchChartSchema;
+    },
+    selectionFilterItemsGetter(state) {
+      return state.selectionFilterItems;
+    },
+  },
+  actions: {
+    SET_SELECTED_PROJECT(selectedProject = undefined) {
+      this.selectedProject = selectedProject;
+    },
+    SET_LIST_ID(listId = undefined) {
+      this.listId = listId;
+    },
+    SET_LIST_COMPONENT_NAME(
+      payload = { selectedItem: undefined, listComponentName: undefined }
+    ) {
+      this.selectedItem = payload.selectedItem;
+      this.listComponentName = payload.listComponentName;
+    },
+    SET_SELECTED_ITEM(selectedItem = undefined) {
+      this.selectedItem = selectedItem;
+    },
+    SET_IS_RETURN_FROM_ITEM_SHOW_PAGE(isReturnFromItemshowPage = false) {
+      this.isReturnFromItemshowPage = isReturnFromItemshowPage;
+    },
+    SET_LIST(list = undefined) {
+      this.list = list;
+    },
+    
+    searchSynonymFormSetter(searchSynonymForm = undefined) {
+      this.searchSynonymForm = searchSynonymForm;
+    },
+    searchSynonymTitleSetter(searchSynonymTitle = undefined) {
+      this.searchSynonymTitle = searchSynonymTitle;
+    },
+
+   
+    // activeTabSetter(activeTab = undefined) {
+    //   this.activeTab = activeTab;
+    // },
+
+    // search page
+    searchActiveTabSetter(searchActiveTab: searchActiveTab = undefined) {
+      this.searchActiveTab = searchActiveTab;
+    },
+    searchSchemaSetter(searchSchema = undefined) {
+      this.searchSchema = searchSchema;
+    },
+ 
+    searchActiveSchemaSetter(searchActiveSchema = undefined) {
+      this.searchActiveSchema = searchActiveSchema;
+    },
+
+    // search list
+    searchListActiveTabSetter(searchListActiveTab = undefined) {
+      this.searchListActiveTab = searchListActiveTab;
+    },
+    searchListSchemaSetter(searchListSchema = undefined) {
+      this.searchListSchema = searchListSchema;
+    },
+    searchListActiveSchemaSetter(activeSearchListSchema = undefined) {
+      this.activeSearchListSchema = activeSearchListSchema;
+    },
+
+    // search chart
+    searchChartActiveTabSetter(searchChartActiveTab = undefined) {
+      this.searchChartActiveTab = searchChartActiveTab;
+    },
+    searchChartSchemaSetter(searchChartSchema = undefined) {
+      this.searchChartSchema = searchChartSchema;
+    },
+    searchChartActiveSchemaSetter(activeSearchChartSchema = undefined) {
+      this.activeSearchChartSchema = activeSearchChartSchema;
+    },
+    selectionFilterItemsSetter(selectionFilterItems = []) {
+      this.selectionFilterItems = <selectionFilterItems>selectionFilterItems;
+    },
+  },
+});
+// export default {
+//   namespaced:true,
+
+//   state,
+//   actions,
+//   mutations,
+//   getters
+// };