1

package-lock.json

@@ -832,9 +832,9 @@
       }
     },
     "cqk-sy-ui": {
-      "version": "1.2.73",
-      "resolved": "https://registry.npmjs.org/cqk-sy-ui/-/cqk-sy-ui-1.2.73.tgz",
-      "integrity": "sha512-Mb/lU3DkPSGUl0ARFqfBqV1UsSAhQtekiD8r5QBsrFK1CKf/Wwi36V4YnjvWfM94++P4Y72A8o6mQj9DeJEPow==",
+      "version": "1.2.78",
+      "resolved": "https://registry.npmjs.org/cqk-sy-ui/-/cqk-sy-ui-1.2.78.tgz",
+      "integrity": "sha512-VKCh4gBoZP8BmUqB1707Etr8v5JsNiyHPgDYBlJeKRp1nCRZYeoGt3w5xeglzSX0/H8euORwZ8ScJ3xJbS/pxQ==",
       "requires": {
         "axios": "^0.26.1",
         "crypto-js": "^4.1.1",

package.json

@@ -17,7 +17,7 @@
     "@chenfengyuan/vue-countdown": "^2.0.0",
     "axios": "^0.26.1",
     "comlink": "^4.3.1",
-    "cqk-sy-ui": "^1.2.73",
+    "cqk-sy-ui": "^1.2.78",
     "crypto-js": "^4.1.1",
     "dom-to-image": "^2.6.0",
     "element-plus": "^2.1.9",

src/views/TemplateManagement/components/CategoryList/index.vue

@@ -25,10 +25,9 @@
 
 <script setup lang="ts">
 import { ref, unref } from "vue";
-import { iFolder } from "./types";
 
 defineProps<{
-  list: iFolder[];
+  list: { id: number; name: string }[];
   focusedId: number;
 }>();
 

src/views/TemplateManagement/components/Template/TemplateList.vue

@@ -8,12 +8,14 @@
             name: 'editTemplate',
             query: {
               id: data.id,
+              type: (hideOperate && 'sys') || undefined,
             },
           })
         "
       >
         <template #icon="slotProps">
           <syMoreOperate
+            v-if="!hideOperate"
             :list="operateList"
             teleport
             @click-item="(e) => clickItem(e, data)"
@@ -86,6 +88,7 @@ import CopyTemplate from "./components/CopyTemplate.vue";
 const props = defineProps<{
   list: iTemplate[];
   categoryId: number;
+  hideOperate: boolean;
 }>();
 
 const emit = defineEmits(["update"]);

src/views/TemplateManagement/index.vue

@@ -40,8 +40,28 @@
           </syMoreOperate>
         </div>
       </div>
+      <syMenu
+        v-model="focusedMenu"
+        :menu-list="[
+          { label: '系统模板', value: 'sys' },
+          { label: '我的模板', value: 'private' },
+        ]"
+      ></syMenu>
       <HorizontalListWrapper
-        class="flex-shrink-0 mt-[49px]"
+        v-if="focusedMenu === 'sys'"
+        class="flex-shrink-0 mt-[10px]"
+        ref="HorizontalListWrapperRef"
+      >
+        <CategoryList
+          v-model:focusedId="focusedSysFolderId"
+          :list="
+            sysFolderList.map((i) => ({ name: i.folder_name, id: i.folder_id }))
+          "
+        ></CategoryList>
+      </HorizontalListWrapper>
+      <HorizontalListWrapper
+        v-else-if="focusedMenu === 'private'"
+        class="flex-shrink-0 mt-[10px]"
         ref="HorizontalListWrapperRef"
         @to-almost-end="fetchNextPageOfCategory"
       >
@@ -53,11 +73,22 @@
       </HorizontalListWrapper>
       <syScrollBar class="flex-grow" style="margin-top: 28px">
         <TemplateList
+          v-if="focusedMenu === 'private'"
           :list="templateList"
           :categoryId="focusedCategoryId"
           v-loading="loadingOfTemplateList"
+          :hideOperate="false"
           @update="refetchOfTemplateList"
         ></TemplateList>
+        <TemplateList
+          v-else-if="focusedMenu === 'sys'"
+          :list="
+            sysFolderList.find((i) => i.folder_id === focusedSysFolderId)
+              ?.detail || []
+          "
+          :hideOperate="true"
+          :categoryId="focusedSysFolderId"
+        ></TemplateList>
       </syScrollBar>
     </div>
     <syCommonDialog
@@ -138,7 +169,7 @@
   </Layout>
 </template>
 <script lang="ts" setup>
-import { nextTick, ref, watch } from "vue";
+import { nextTick, ref, watch, onBeforeMount, onMounted } from "vue";
 
 import {
   syButton,
@@ -147,6 +178,7 @@ import {
   syMoreOperate,
   syMessage,
   syCommonDialog,
+  syMenu,
 } from "cqk-sy-ui";
 import Search from "@/components/Search/index.vue";
 import Layout from "@/components/Layout.vue";
@@ -171,23 +203,85 @@ import { router } from "@/router";
 import { useRoute } from "vue-router";
 
 const route = useRoute();
+
 const searchStr = ref("");
-const focusedCategoryId = ref(Number(route.query.categoryId) || NaN);
+
 const showAddCategory = ref(false);
 const showAddTemplate = ref(false);
+const editCategoryShow = ref(false);
+
+const focusedMenu = ref(route.query.menu);
+
+const focusedCategoryId = ref(Number(route.query.categoryId) || NaN);
+const categoryListRef = ref<InstanceType<typeof CategoryList>>();
+
 const templateList = ref<iTemplate[]>([]);
 const loadingOfTemplateList = ref(false);
-const categoryListRef = ref<InstanceType<typeof CategoryList>>();
-const editCategoryShow = ref(false);
+
+const focusedSysFolderId = ref(NaN);
+const sysFolderList = ref<
+  { folder_id: number; detail: any; folder_name: string; update_time: number }[]
+>([]);
+
+onBeforeMount(() => {
+  if (focusedMenu.value === "" || focusedMenu.value === undefined) {
+    focusedMenu.value = "sys";
+  }
+});
+
+onMounted(async () => {
+  fetchSysTemplateList().then(() => {
+    if (focusedMenu.value === "sys") {
+      focusedSysFolderId.value =
+        Number(route.query.categoryId) || sysFolderList.value[0].folder_id;
+    }
+  });
+});
+
+watch(focusedMenu, (newV) => {
+  router.replace({
+    name: "templateManagement",
+    query: {
+      menu: newV,
+    },
+  });
+  if (newV === "sys") {
+    focusedSysFolderId.value = sysFolderList.value[0]?.folder_id;
+  } else if (newV === "private") {
+    focusedCategoryId.value = categoryList.value[0].id;
+  }
+});
 
 watch(focusedCategoryId, (newV) => {
   router.replace({
+    name: "templateManagement",
+    query: {
+      menu: "private",
+      categoryId: newV,
+    },
+  });
+});
+
+watch(focusedSysFolderId, (newV) => {
+  router.replace({
+    name: "templateManagement",
     query: {
+      menu: "sys",
       categoryId: newV,
     },
   });
 });
 
+async function fetchSysTemplateList() {
+  const res = await $ajax({
+    url: GO_URLS.systemList,
+    type: "post",
+  });
+  if (res) {
+    sysFolderList.value = res.data.results || [];
+  }
+}
+
 const operateListOfCreate = [
   {
     value: "createCategory",
@@ -205,15 +299,6 @@ const operateListOfCreate = [
   },
 ];
 
-const afterGetFolderList = (list: iFolder[]) => {
-  if (!focusedCategoryId.value) {
-    if (list[0]) {
-      focusedCategoryId.value = list[0].id;
-    }
-  }
-  refetchOfTemplateList();
-};
-
 const resetCateogryId = () => {
   focusedCategoryId.value = categoryList.value[0].id;
 };
@@ -239,7 +324,7 @@ const {
     total = res?.data.total;
 
     if (page === 1) {
-      afterGetFolderList(list);
+      refetchOfTemplateList();
     }
     return {
       total: total,
@@ -249,6 +334,7 @@ const {
 });
 
 let focusInTheTagAfterLoad = false;
+
 watch(categoryList, (nv, ov) => {
   async function findFocus(id: number) {
     const the = categoryList.value.find((i) => i.id === id);
@@ -256,6 +342,7 @@ watch(categoryList, (nv, ov) => {
       fetchNextPageOfCategory();
     }
   }
+  if (focusedMenu.value !== "private") return;
   findFocus(focusedCategoryId.value);
   if (!focusInTheTagAfterLoad) {
     nextTick(() => {

src/views/editTemplate/index.vue

@@ -72,7 +72,11 @@ onMounted(async () => {
 });
 
 const saveTemplate = async () => {
+  if (route.query.type === "sys") {
+    syTraceProofEditRef.value.CreateTemplate();
+  } else {
     syTraceProofEditRef.value.updateCustomize();
+  }
 };
 
 const addTemplate = async () => {

vite.config.ts

@@ -22,7 +22,7 @@ export default defineConfig({
       "^/api": {
         target: "http://183.134.99.140:46790/",
         // target: "http://121.37.141.165:46790/",
-        // target: "https://sy.8n.cn/api",
+        // target: "https://sy.8n.cn",
         changeOrigin: true,
       },
       "^/proxyPdf": {