update:消息提示

2023-08-15 00:16:26 +08:00
parent 3a82542118
commit 405ca31727
52 changed files with 255 additions and 61 deletions
@@ -1,8 +1,6 @@
@import './base.css';

 #app {
-  max-width: 1280px;
-  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
@@ -69,7 +69,7 @@ const showTextDetailVisible = ref(false);
          <div style="width: 200px;">
            <div style="display: flex;justify-content: space-between">
              <qrcode-vue v-if="value.name!=='文本分享'" :value="value.text" :size="100"></qrcode-vue>
-              <div style="width: 100px;height: 100px;flex-wrap: wrap;overflow-y:scroll ">{{value.text}}</div>
+              <div v-else style="width: 100px;height: 100px;flex-wrap: wrap;overflow-y:scroll ">{{value.text}}</div>
              <div style="display: flex;flex-direction: column;justify-content: space-around">
                <el-tag size="large" style="cursor: pointer" @click="copyText(value.code)">{{ value.code }}</el-tag>
                <el-tag v-if="value.name!=='文本分享'" size="large" type="success" style="cursor: pointer" @click="openUrl(value.text);">
@@ -10,5 +10,4 @@ const app = createApp(App)

 app.use(createPinia())
 app.use(router)
-
 app.mount('#app')
@@ -6,17 +6,34 @@ const router = createRouter({
    {
      path: '/',
      name: 'home',
-      component: () => import('@/views/HomeView.vue'),
+      component: () => import('@/views/Share/HomeView.vue'),
    },
    {
      path: '/send',
      name: 'send',
-      component: () => import('@/views/SendView.vue'),
+      component: () => import('@/views/Share/SendView.vue'),
    },
    {
      path: '/admin',
      name: 'admin',
-      component: () => import('@/views/AdminView.vue'),
+      component: () => import('@/views/Admin/AdminView.vue'),
+      children:[
+        {
+          path: '',
+          name: 'file',
+          component: () => import('@/views/Admin/FileView.vue'),
+        },
+        {
+          path: 'setting',
+          name: 'setting',
+          component: () => import('@/views/Admin/SettingView.vue'),
+        },
+        {
+          path: 'about',
+          name: 'about',
+          component: () => import('@/views/Admin/AboutView.vue'),
+        },
+      ]
    }
  ],
 });
@@ -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>