From 5c997b318fd57c659fda5cc0d64b490b73f7eedf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E5=B0=91=E5=8D=AB?= <nihaojob@163.com>
Date: Fri, 31 May 2024 18:27:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=9B=AE=E5=BD=95=E8=BF=81=E7=A7=BB):=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=9B=AE=E5=BD=95=E8=BF=81=E7=A7=BB=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.ts                               |  5 ++-
 src/components/importJSON.vue                 |  8 ++---
 src/components/myMaterial/components/file.vue | 32 ++++++++++++++++++-
 src/router/routes.ts                          |  6 +++-
 src/views/home/index.vue                      | 11 ++++++-
 5 files changed, 54 insertions(+), 8 deletions(-)

diff --git a/src/api/user.ts b/src/api/user.ts
index b7bd1898..2ee079cd 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2024-04-24 14:07:06
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-30 17:54:26
+ * @LastEditTime: 2024-05-31 15:52:01
  * @Description: 用户接口登录
  */
 
@@ -70,6 +70,9 @@ export const getTmplList = (data: any) => instance.get(`/api/user-templs?${data}
 // 查询素材列表
 export const getTmplInfo = (data: any) => instance.get(`/api/user-templs/${data}`);
 
+// 获取用户树菜单
+export const getUserFileTypeTree = () => instance.get(`/api/user-templ/getUerFileTypeTree`);
+
 // 获取菜单树
 export const getFileTypeTree = (data: any) =>
   instance.get(`/api/custom/getUerFileTypeTree`, {
diff --git a/src/components/importJSON.vue b/src/components/importJSON.vue
index 24578d3e..fd956a1c 100644
--- a/src/components/importJSON.vue
+++ b/src/components/importJSON.vue
@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2022-09-03 19:16:55
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-30 14:14:02
+ * @LastEditTime: 2024-05-31 16:58:12
  * @Description: 导入JSON文件
 -->
 
@@ -54,9 +54,9 @@ const clickHandler = (type) => {
     createDesign,
     // psd
     psd: () => {
-      Spin.show({
-        render: (h) => h('div', t('alert.loading_data')),
-      });
+      // Spin.show({
+      //   render: (h) => h('div', t('alert.loading_data')),
+      // });
       canvasEditor.insertPSD().finally(Spin.hide);
     },
   };
diff --git a/src/components/myMaterial/components/file.vue b/src/components/myMaterial/components/file.vue
index 8bf36797..47152ce0 100644
--- a/src/components/myMaterial/components/file.vue
+++ b/src/components/myMaterial/components/file.vue
@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2024-05-30 10:48:00
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-30 14:47:39
+ * @LastEditTime: 2024-05-31 16:38:14
  * @Description: 模板文件
 -->
 <template>
@@ -26,18 +26,25 @@
             <DropdownMenu>
               <DropdownItem name="reName">重命名</DropdownItem>
               <DropdownItem name="delete">删除</DropdownItem>
+              <DropdownItem name="transfer">迁移目录</DropdownItem>
             </DropdownMenu>
           </template>
         </Dropdown>
       </div>
     </div>
   </Tooltip>
+  <!-- 迁移文件夹 -->
+  <Modal v-model="modalVisable" title="请选择迁移目录" @on-ok="transferRequest">
+    <TreeSelect v-model="fileTypeId" :data="treeData" v-width="200" />
+  </Modal>
+  <!--  -->
 </template>
 
 <script setup name="ImportTmpl">
 import useMaterial from '@/hooks/useMaterial';
 import { useI18n } from 'vue-i18n';
 import useSelect from '@/hooks/select';
+import { getUserFileTypeTree, updataTempl } from '@/api/user';
 const { t } = useI18n();
 const { canvasEditor } = useSelect();
 const { reNameFileType, removeTemplInfo, routerToId } = useMaterial();
@@ -73,6 +80,7 @@ const operation = (value) => {
   const mapActions = {
     reName: reNameFile,
     delete: deleteFile,
+    transfer: transfer,
   };
   mapActions[value]();
 };
@@ -124,6 +132,28 @@ const getTempData = () => {
   routerToId(props.itemId);
   canvasEditor.loadJSON(JSON.stringify(props.json), Spin.hide);
 };
+
+const modalVisable = ref(false);
+const fileTypeId = ref('');
+const treeData = ref([]);
+
+const transfer = async () => {
+  treeData.value = [];
+  fileTypeId.value = '';
+  const res = await getUserFileTypeTree();
+  treeData.value = [res.data.data];
+  modalVisable.value = true;
+};
+
+const transferRequest = async () => {
+  const parentId = fileTypeId.value === 'root' ? '' : fileTypeId.value;
+  await updataTempl(props.itemId, {
+    data: {
+      parentId: String(parentId),
+    },
+  });
+  emit('change');
+};
 </script>
 
 <style scoped lang="less">
diff --git a/src/router/routes.ts b/src/router/routes.ts
index f0027dd4..dec3d4d7 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import { setToken, autoLogin } from '@/api/user';
+import { setToken, autoLogin, logout } from '@/api/user';
 
 const routes: RouteRecordRaw[] = [
   {
@@ -14,6 +14,10 @@ const routes: RouteRecordRaw[] = [
         });
         if (res.data.jwt) {
           setToken(res.data.jwt);
+        } else {
+          logout();
+          alert('签名失败');
+          window.location.href = '/';
         }
       }
       return true;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 80c2f8ca..80fc8062 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2024-05-17 15:30:21
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-30 14:11:31
+ * @LastEditTime: 2024-05-31 14:26:41
  * @Description: file content
 -->
 <template>
@@ -160,6 +160,9 @@
 // 导入元素
 import importJson from '@/components/importJSON.vue';
 import importFile from '@/components/importFile.vue';
+// 路由
+import { useRoute } from 'vue-router';
+
 // import fontTmpl from '@/components/fontTmpl.vue';
 
 // 顶部组件
@@ -351,6 +354,12 @@ onMounted(() => {
   if (state.ruler) {
     canvasEditor.rulerEnable();
   }
+
+  // 有ID时，打开作品面板
+  const route = useRoute();
+  if (route?.query?.id) {
+    menuActive.value = 'myMaterial';
+  }
 });
 
 onUnmounted(() => canvasEditor.destory());