设计订单

src/api/design/index.ts

@@ -89,3 +89,12 @@ export function saveCurrentUserTokenInfo(data) {
     params: data,
   });
 }
+
+//获取用户设计订单
+export function queryDesignOrders(data) {
+  return request({
+    url: "/design/queryDesignOrders",
+    method: "post",
+    params: data,
+  });
+}

src/views/design/designOrder/index.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input
+        @keyup.enter="handleSearch"
+        class="w200px mr5px"
+        v-model="queryForm.keyWord"
+        placeholder="关键字搜索"
+      />
+      <el-button type="primary" @click="handleSearch">
+        <i-ep-search />
+        搜索
+      </el-button>
+      <el-button type="primary" @click="refreshTableInfo">
+        <i-ep-refresh />
+      </el-button>
+    </div>
+    <div class="table-con">
+      <el-table
+        :max-height="tableHeight"
+        v-loading="loading"
+        :data="tableData"
+        highlight-current-row
+        border
+      >
+        <el-table-column type="index" label="#" width="50">
+          <template #default="scope">
+            <span>{{ scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="orderName" width="400" label="订单名称" />
+        <el-table-column prop="canvasWidth" label="画布宽MM" />
+        <el-table-column prop="canvasHeight" label="画布高MM" />
+        <el-table-column width="250" label="状态">
+          <template #default="{ row }">
+            <el-tag v-if="row.pdfDownloadUrl" type="success"> 已生成</el-tag>
+            <el-tag v-else type="danger"> 生成中</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column width="250" label="PDF文件链接">
+          <template #default="{ row }">
+            <el-link v-if="row.pdfDownloadUrl" :href="row.pdfDownloadUrl" type="success">下载PDF</el-link>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" width="155">
+          <template #default="{ row }">
+            <span v-if="row.createTime">
+              {{ $filters.getTime(row.createTime) }}
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-if="total > 0"
+        v-model:total="total"
+        v-model:page="queryPage.pageIndex"
+        v-model:limit="queryPage.pageSize"
+        @pagination="getTableData"
+      />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { useTable } from "@/hooks/useTable";
+import { queryDesignOrders } from "@/api/design";
+
+let disableLock = ref("");
+const childDialog = ref<any>();
+
+function checkDisable() {}
+
+//增加编辑
+function openDialog(item?: any) {
+  childDialog.value.dialogVisible = true;
+  if (item) {
+    childDialog.value.dialogTitle = "编辑";
+    // nextTick(() => {
+    //   childDialog.value.getItemData(item)
+    // });
+  } else {
+    nextTick(() => {
+      childDialog.value.dialogTitle = "增加";
+      childDialog.value.resetForm();
+    });
+  }
+}
+
+//修改成功后传递事件
+function dialogChange() {
+  getTableData();
+}
+
+const queryForm = reactive({
+  keyWord: "",
+  voidFlag: 0,
+});
+watch(
+  () => disableLock.value,
+  (disableLock) => {
+    console.log(disableLock);
+    if (disableLock) {
+      queryForm.voidFlag = 1;
+      getTableData();
+    } else {
+      queryForm.voidFlag = 0;
+      getTableData();
+    }
+  }
+);
+const {
+  tableData,
+  queryPage,
+  total,
+  loading,
+  getTableData,
+  tableHeight,
+  handleSearch, //搜索
+  refreshTableInfo, //刷新
+} = useTable(queryDesignOrders, queryForm);
+</script>

vite.config.ts

@@ -63,6 +63,11 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(new RegExp("^/static"), ""),
         },
+        "/output": {
+          target: "http://192.168.1.44:11995",
+          changeOrigin: true,
+          rewrite: (path) => path.replace(new RegExp("^/output"), ""),
+        },
       },
     },
     plugins: [