导出，移动

src/stores/counter.ts

@@ -20,6 +20,7 @@ export const useCounterStore = defineStore('counter', () => {
   function increment() {
     count.value++;
   }
+  // #region project
   const projectQuery = async ({ skip = 0, limit = undefined, ...info }: IQueryParams = {}): Promise<IQueryResult> => {
     let cond: IQueryType = {};
     if (skip) cond.skip = skip;
@@ -45,6 +46,8 @@ export const useCounterStore = defineStore('counter', () => {
     const res = await axios.$delete(`${projectApi.url}/${payload}`);
     return res;
   };
+  // #endregion
+  // #region dir
   const dirQuery = async ({ skip = 0, limit = undefined, ...info }: IQueryParams = {}): Promise<IQueryResult> => {
     let cond: IQueryType = {};
     if (skip) cond.skip = skip;
@@ -70,6 +73,8 @@ export const useCounterStore = defineStore('counter', () => {
     const res = await axios.$delete(`${dirApi.url}/${payload}`);
     return res;
   };
+  // #endregion
+  // #region table
   const tableQuery = async ({ skip = 0, limit = undefined, ...info }: IQueryParams = {}): Promise<IQueryResult> => {
     let cond: IQueryType = {};
     if (skip) cond.skip = skip;
@@ -95,6 +100,17 @@ export const useCounterStore = defineStore('counter', () => {
     const res = await axios.$delete(`${tableApi.url}/${payload}`);
     return res;
   };
+  // 导出
+  const exportData = async (data: any): Promise<IQueryResult> => {
+    const res = await axios.$post(`${tableApi.url}/export`, data);
+    return res.data;
+  };
+  // 导出ts
+  const exportTSData = async (data: any): Promise<IQueryResult> => {
+    const res = await axios.$post(`${tableApi.url}/exportTS`, data);
+    return res.data;
+  };
+  // #endregion
 
   return {
     count,
@@ -110,6 +126,8 @@ export const useCounterStore = defineStore('counter', () => {
     tableCreate,
     tableUpdate,
     tableDelete,
+    exportData,
+    exportTSData,
     dirQuery,
     dirFetch,
     dirCreate,

src/views/parts/form-1.vue

@@ -72,10 +72,18 @@
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" width="175">
-            <template #default="{ row }">
-              <el-button text type="danger" @click="toDel(row)">删除</el-button>
-              <!-- <el-button text type="primary" @click="toDel(row)">向下</el-button>
-              <el-button text type="success" @click="toDel(row)">向上</el-button> -->
+            <template #default="{ row, $index }">
+              <el-col :span="24" class="propbtn">
+                <el-col :span="8">
+                  <el-button v-if="$index > 0" text type="primary" @click="toUp('up', $index, row)">向上</el-button>
+                </el-col>
+                <el-col :span="8">
+                  <el-button v-if="$index < form.columns.length - 1" text type="success" @click="toUp('down', $index, row)">向下</el-button>
+                </el-col>
+                <el-col :span="8">
+                  <el-button text type="danger" @click="toDel(row)">删除</el-button>
+                </el-col>
+              </el-col>
             </template>
           </el-table-column>
         </el-table>
@@ -125,7 +133,10 @@ let form: Ref<{ columns: any; name_zh: string; remark: string; name: string; pro
   project: '',
   dir: '',
 });
+
 form.value = props.form as { columns: []; name_zh: ''; remark: ''; name: ''; project: ''; dir: '' };
+console.log(form.value.columns.length);
+
 const rules = reactive<FormRules>({
   name: [{ required: true, message: '表名', trigger: 'blur' }],
 });
@@ -143,10 +154,16 @@ const toAdd = () => {
   list.push({ index: false, required: false, type: 'String' });
 };
 // 删除字段
-const toDel = (row: { title: String }) => {
+const toDel = (row: { title: string }) => {
   let info = form.value.columns.filter((i: any) => i.title != row.title);
   form.value.columns = info;
 };
+const toUp = (type: string, $index: number, row: any) => {
+  let list: Array<Arr> = form.value.columns;
+  list.splice($index, 1);
+  if (type == 'up') list.splice($index - 1, 0, row);
+  else if (type == 'down') list.splice($index + 1, 0, row);
+};
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
@@ -205,4 +222,7 @@ const toBack = () => {
 .el-button + .el-button {
   margin-left: 0;
 }
+.propbtn {
+  display: flex;
+}
 </style>

src/views/parts/table-1.vue

@@ -21,8 +21,8 @@
             <el-button link type="primary" @click.prevent="toEdit(scope.row)" v-if="scope.row.type == 'table'">修改</el-button>
             <el-button link type="success" @click.prevent="toAddDir(scope.row)" v-if="scope.row.type == 'dir'">添加下级文件夹</el-button>
             <el-button link type="success" @click.prevent="toAddTab(scope.row)" v-if="scope.row.type == 'dir'">添加下级表</el-button>
-            <el-button link type="warning">导出</el-button>
-            <el-button link type="warning">导出ts</el-button>
+            <el-button link type="warning" @click.prevent="toExport(scope.row)" v-if="scope.row.type == 'table'">导出</el-button>
+            <el-button link type="warning" @click.prevent="toExportTs(scope.row)" v-if="scope.row.type == 'table'">导出ts</el-button>
             <el-button link type="danger" @click.prevent="toDelDir(scope.row)" v-if="scope.row.type == 'dir'">删除</el-button>
             <el-button link type="danger" @click.prevent="toDel(scope.row)" v-if="scope.row.type == 'table'">删除</el-button>
           </template>
@@ -33,6 +33,7 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue';
+import _ from 'lodash';
 import type { Ref } from 'vue';
 import { useCounterStore as useStore } from '@/stores/counter';
 import type { IQueryResult } from '@/util/types.util';
@@ -102,6 +103,48 @@ const toDelDir = (row: { _id: string }) => {
     }
   });
 };
+// #region 导出
+function isValidKey(key: string | number | symbol, object: object): key is keyof typeof object {
+  return key in object;
+}
+// 导出
+const toExport = async (row: { _id: string }) => {
+  const res: IQueryResult = await store.exportData({ ids: row._id });
+  if (!_.isObject(res)) {
+    ElMessage({ type: 'warning', message: '获取的数据格式错误,无法导出' });
+    return false;
+  }
+  for (const key in res) {
+    let title = `${key}.js`;
+    if (isValidKey(key, res)) {
+      let blob = new Blob([res[key]]);
+      let a = document.createElement('a');
+      a.href = window.URL.createObjectURL(blob);
+      a.download = title;
+      a.click();
+    }
+  }
+};
+// 导出Ts
+const toExportTs = async (row: { _id: string }) => {
+  const res: IQueryResult = await store.exportTSData({ ids: row._id });
+  if (!_.isObject(res)) {
+    ElMessage({ type: 'warning', message: '获取的数据格式错误,无法导出' });
+    return false;
+  }
+  for (const key in res) {
+    let title = `${key}.js`;
+
+    if (isValidKey(key, res)) {
+      let blob = new Blob([res[key]]);
+      let a = document.createElement('a');
+      a.href = window.URL.createObjectURL(blob);
+      a.download = title;
+      a.click();
+    }
+  }
+};
+// #endregion
 </script>
 
 <style scoped>