update:消息提示

2023-08-15 00:16:26 +08:00
parent 3df49615e3
commit cae49788ae
52 changed files with 255 additions and 61 deletions
@@ -0,0 +1,13 @@
+<template>
+  <main>
+    <div>
+      <el-row>
+        <el-col>1</el-col>
+      </el-row>
+      <el-button>1</el-button>
+    </div>
+  </main>
+</template>
+<script lang="ts" setup>
+
+</script>
@@ -0,0 +1,34 @@
+<template>
+  <el-container style="height: 100vh;width: 100vw;position: relative;user-select: none">
+    <el-header>
+      <el-menu mode="horizontal" router default-active="/admin">
+        <el-menu-item v-for="menu in menus" :index="menu.path" :key="menu.path">{{menu.name}}</el-menu-item>
+      </el-menu>
+    </el-header>
+    <el-main>
+      <router-view/>
+    </el-main>
+  </el-container>
+</template>
+<script setup lang="ts">
+import { useDark } from '@vueuse/core';
+import { ref } from "vue";
+const isDark = useDark()
+const menus = ref([
+  {
+    name: '文件管理',
+    path: '/admin',
+  },
+  {
+    name: '系统设置',
+    path: '/admin/setting',
+  },
+  {
+    name: '关于我们',
+    path: '/admin/about',
+  }
+]);
+console.log(isDark.value);
+</script>
+<style lang="scss" scoped>
+</style>
@@ -0,0 +1,69 @@
+<template>
+  <main>
+      <el-table stripe :data="tableData" style="width: 100%">
+        <el-table-column prop="code" label="取件码" />
+        <el-table-column prop="prefix" label="文件前缀" />
+        <el-table-column prop="suffix" label="后缀" />
+        <el-table-column prop="text" label="文本">
+          <template #default="scope">
+            <span style="width: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{ scope.row.text }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="used_count" label="已用次数" />
+        <el-table-column prop="expired_count" label="可用次数" />
+        <el-table-column prop="file_path" label="文件路径" />
+        <el-table-column>
+          <template #header>
+            操作
+          </template>
+          <template #default="scope">
+            <el-button type="danger" size="small" @click="deleteFile(scope.row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination @size-change="updatePageSize" @current-change="updateCurrentPage" background layout="prev, pager, next" :page-size="params.size" :page-count="params.total/params.size" :total="params.total" />
+  </main>
+</template>
+<script lang="ts" setup>
+import { request } from "@/utils/request";
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+
+const tableData = ref([]);
+const params = ref({
+  page: 1,
+  size: 10,
+  total: 0,
+});
+const updateCurrentPage = (currentPage: number) => {
+  params.value.page = currentPage;
+  refreshData();
+};
+const deleteFile = (id: number) => {
+  request({
+    url: '/admin/file/delete',
+    method: 'delete',
+    data: {
+      id,
+    },
+  }).then(() => {
+    ElMessage.success('删除成功');
+    refreshData();
+  });
+};
+const updatePageSize=(pageSize: number) => {
+  params.value.size = pageSize;
+  refreshData();
+};
+const refreshData=() => {
+  request({
+    url: '/admin/file/list',
+    method: 'get',
+    params: params.value,
+  }).then((res:any) => {
+    tableData.value = res.detail.data;
+    params.value.total = res.detail.total;
+  });
+}
+refreshData();
+</script>
@@ -0,0 +1,12 @@
+<template>
+  <main>
+    <div>
+      <el-row>
+        <el-col>1</el-col>
+      </el-row>
+    </div>
+  </main>
+</template>
+<script lang="ts" setup>
+
+</script>
@@ -1,14 +0,0 @@
-<template>
-  <el-container style="width: 100vw;height: 100%;position: relative">
-    <el-aside width="200" style="height: 100%">
-      <el-menu>
-        <el-menu-item index="1">文件管理</el-menu-item>
-        <el-menu-item index="4">1</el-menu-item>
-      </el-menu>
-    </el-aside>
-    <el-main>Main</el-main>
-  </el-container>
-</template>
-<script setup lang="ts">
-
-</script>