优化UI

front/src/views/advertisement/index.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="advertisement-page">
   <!-- 顶部操作栏 -->
-  <div class="text-h6"> 广告推广管理 </div>
+  <div class="text-h6" id="title"> 广告推广管理 </div>
   <div class="row q-mb-md">
     <div class="col-6">
       <q-select multiple v-model="showColumns" :options="columnOptions" outlined dense map-options emit-value use-chips @update:model-value="saveShowColumns">
@@ -1267,6 +1267,7 @@ const showInsight = (ad: Advertisement) => {
 
 // 生命周期钩子
 onMounted(async () => {
+  document.querySelector('#title').scrollIntoView({ behavior: 'smooth', block: 'center' })
   // 初始化显示列配置
   const savedColumns = localStorage.getItem('advertisement-showColumns')
   if (savedColumns) {

front/src/views/posts/list.vue

@@ -36,7 +36,7 @@
       </div>
       <!-- 主表格 -->
       <div style="height: calc(100vh - 240px);margin-top: 10px;">
-        <vxe-table ref="tableRef" :data="tableData" :loading="loading" resizable border height="auto" :row-config="{ isCurrent: true, isHover: true }" :row-class-name="getRowClassName">
+        <vxe-table ref="tableRef" :data="tableData" :loading="loading" border height="auto" :row-config="{ isCurrent: true, isHover: true }" :row-class-name="getRowClassName">
           <!-- 标题列 -->
           <vxe-column field="Title" title="标题" min-width="240" fixed="left">
             <template #default="{ row }">
@@ -304,7 +304,7 @@
 </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'
 import { toast } from 'vue3-toastify'
 import dayjs from 'dayjs'
 import * as echarts from 'echarts'
@@ -438,6 +438,10 @@ const loadPageData = async () => {
       tableData.value = data?.Data || []
       pagination.value.total = data?.TotalCount || 0
       localStorage.setItem('postlist-params', JSON.stringify(params))
+      setTimeout(() => {
+        document.querySelector('.vxe-table--body').scrollIntoView({ behavior: 'smooth', block: 'start' })
+        document.querySelector('.search-btn').scrollIntoView({ behavior: 'smooth', block: 'center' })
+      }, 20)
     }
   } catch (error) {
     toast.error('加载数据失败', { autoClose: 2000, position: 'top-center' })

front/src/views/system/logs.vue

@@ -48,7 +48,7 @@
         <q-btn icon="close" flat round dense @click="closeLogDialog" />
       </q-card-section>
       <q-card-section class="q-pt-none">
-        <q-scroll-area style="height: 70vh">
+        <q-scroll-area style="height: calc(100vh - 70px)">
           <pre class="log-content">{{ logContent }}</pre>
         </q-scroll-area>
       </q-card-section>

front/src/views/system/settings.vue

@@ -3,7 +3,7 @@
   <!-- 顶部操作栏 -->
   <div class="row">
     <div class="col text-right">
-      <q-btn color="primary" size="lg" icon="save" label="保存配置" @click="saveSettings" :loading="saving" />
+      <q-btn id="save" color="primary" size="lg" icon="save" label="保存配置" @click="saveSettings" :loading="saving" />
     </div>
   </div>
   <!-- 基础配置 -->
@@ -452,6 +452,7 @@ const initEditors = () => {
 
 // 生命周期钩子
 onMounted(async () => {
+  document.querySelector('#save').scrollIntoView({ behavior: 'smooth', block: 'center' })
   await loadSettings()
   // 延迟初始化编辑器，确保DOM已渲染
   setTimeout(initEditors, 100)

src/Masuit.MyBlogs.Core/Views/Post/Publish.cshtml

@@ -38,7 +38,7 @@
     </div>
     <!-- 加载编辑器的容器 -->
     <div class="animated bounceInDown form-group overlay">
-      <textarea class="ueditor" id="editor" style="height: calc(100vh - 350px);" type="text/plain" v-model="post.Content"></textarea>
+      <div class="ueditor" id="editor"></div>
     </div>
     <div class="row">
       <div class="col-md-6 col-sm-6">

src/Masuit.MyBlogs.Core/wwwroot/Scripts/publish/publish.js

@@ -7,161 +7,162 @@ const { message, dialog } = createDiscreteApi(["message", "dialog"]);
 window.message = message;
 window.dialog = dialog;
 createApp({
-  setup() {
-    const post = ref({ CategoryId: 1 });
-    const categories = ref([]);
-    const disableGetcode = ref(false);
-    const codeMsg = ref("获取验证码");
-    return {
-      post,
-      categories,
-      disableGetcode,
-      codeMsg
-    };
-  },
-  methods: {
-    flattenCategories(categories, parentName = '') {
-      const result = []
+    setup() {
+        const post = ref({ CategoryId: 1 });
+        const categories = ref([]);
+        const disableGetcode = ref(false);
+        const codeMsg = ref("获取验证码");
+        return {
+            post,
+            categories,
+            disableGetcode,
+            codeMsg
+        };
+    },
+    methods: {
+        flattenCategories(categories, parentName = '') {
+            const result = []
 
-      for (const category of categories) {
-        // 构建当前分类的完整名称
-        const fullName = parentName ? `${parentName}/${category.Name}` : category.Name
+            for (const category of categories) {
+                // 构建当前分类的完整名称
+                const fullName = parentName ? `${parentName}/${category.Name}` : category.Name
 
-        // 添加当前分类到结果中
-        result.push({
-          ...category,
-          Name: fullName,
-          OriginalName: category.Name // 保存原始名称
-        })
+                // 添加当前分类到结果中
+                result.push({
+                    ...category,
+                    Name: fullName,
+                    OriginalName: category.Name // 保存原始名称
+                })
 
-        // 递归处理子分类
-        if (category.Children && category.Children.length > 0) {
-          const childCategories = this.flattenCategories(category.Children, fullName)
-          result.push(...childCategories)
-        }
-      }
+                // 递归处理子分类
+                if (category.Children && category.Children.length > 0) {
+                    const childCategories = this.flattenCategories(category.Children, fullName)
+                    result.push(...childCategories)
+                }
+            }
 
-      return result
-    },
-    async getCategories() {
-      const data = await axios.get("/category/getcategories").then(function (response) {
-        return response.data;
-      });
-      if (!data.Success) {
-        return;
-      }
+            return result
+        },
+        async getCategories() {
+            const data = await axios.get("/category/getcategories").then(function (response) {
+                return response.data;
+            });
+            if (!data.Success) {
+                return;
+            }
 
-      this.categories = this.flattenCategories(data.Data.sort((a, b) => (b.Id == 1) - (a.Id == 1)));
+            this.categories = this.flattenCategories(data.Data.sort((a, b) => (b.Id == 1) - (a.Id == 1)));
+        },
+        submit() {
+            if (this.post.Title.trim().length <= 2 || this.post.Title.trim().length > 128) {
+                message.error('文章标题必须在2到128个字符以内！');
+                return;
+            }
+            if (this.post.Author.trim().length <= 1 || this.post.Author.trim().length > 24) {
+                message.error('昵称不能少于2个字符或超过24个字符！');
+                return;
+            }
+            if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(this.post.Email.trim())) {
+                message.error('请输入正确的邮箱格式！');
+                return;
+            }
+            if (this.post.Content.length < 20 || this.post.Content.length > 1000000) {
+                message.error('文章内容过短或者超长，请修改后再提交！');
+                return;
+            }
+            axios.create({
+                headers: {
+                    'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
+                }
+            }).post("/Post/Publish", this.post).then(res => {
+                const data = res.data;
+                if (data.Success) {
+                    dialog.success({ title: '投递成功', content: data.Message })
+                    clearInterval(window.interval);
+                    localStorage.removeItem("write-post-draft");
+                    this.post = { CategoryId: 1 };
+                    ue.setContent('');
+                } else {
+                    message.error(data.Message);
+                }
+            });
+        },
+        async getcode(email) {
+            message.info('正在发送验证码，请稍候...');
+            const data = await axios.create({
+                headers: {
+                    'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
+                }
+            }).post("/validate/sendcode", {
+                //__RequestVerificationToken: document.querySelector('input[name="__RequestVerificationToken"]').value,
+                email: email
+            }).then(res => res.data);
+            if (data.Success) {
+                this.disableGetcode = true;
+                message.success('验证码发送成功，请注意查收邮件，若未收到，请检查你的邮箱地址或邮件垃圾箱！');
+                localStorage.setItem("user", JSON.stringify({ NickName: this.post.Author, Email: this.post.Email }));
+                var count = 0;
+                var timer = setInterval(() => {
+                    count++;
+                    this.codeMsg = '重新发送(' + (120 - count) + ')';
+                    if (count > 120) {
+                        clearInterval(timer);
+                        this.disableGetcode = false;
+                        this.codeMsg = '重新发送';
+                    }
+                }, 1000);
+            } else {
+                message.error(data.Message);
+                this.disableGetcode = false;
+            }
+        },
+        search() {
+            window.open("/s?wd=" + this.post.Title);
+        }
     },
-    submit() {
-      if (this.post.Title.trim().length <= 2 || this.post.Title.trim().length > 128) {
-        message.error('文章标题必须在2到128个字符以内！');
-        return;
-      }
-      if (this.post.Author.trim().length <= 1 || this.post.Author.trim().length > 24) {
-        message.error('昵称不能少于2个字符或超过24个字符！');
-        return;
-      }
-      if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(this.post.Email.trim())) {
-        message.error('请输入正确的邮箱格式！');
-        return;
-      }
-      if (this.post.Content.length < 20 || this.post.Content.length > 1000000) {
-        message.error('文章内容过短或者超长，请修改后再提交！');
-        return;
-      }
-      axios.create({
-        headers: {
-          'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
+    created() {
+        if (window.UE) {
+            window.ue = UE.getEditor('editor', {
+                initialFrameWidth: null,
+                initialFrameHeight: document.body.offsetHeight - 200
+            });
+            ue.addListener('contentChange', () => {
+                this.post.Content = ue.getContent();
+            });
         }
-      }).post("/Post/Publish", this.post).then(res => {
-        const data = res.data;
-        if (data.Success) {
-          dialog.success({ title: '投递成功', content: data.Message })
-          clearInterval(window.interval);
-          localStorage.removeItem("write-post-draft");
-          this.post = { CategoryId: 1 };
-          ue.setContent('');
-        } else {
-          message.error(data.Message);
+        this.getCategories();
+        var user = JSON.parse(localStorage.getItem("user"));
+        if (user) {
+            this.post.Author = user.NickName;
+            this.post.Email = user.Email;
         }
-      });
-    },
-    async getcode(email) {
-      message.info('正在发送验证码，请稍候...');
-      const data = await axios.create({
-        headers: {
-          'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
+        //检查草稿
+        const post = JSON.parse(localStorage.getItem("write-post-draft"));
+        if (post && post.Content) {
+            dialog.warning({
+                title: '草稿箱',
+                content: '检查到上次有未提交的草稿，是否加载？',
+                positiveText: '确定',
+                negativeText: '取消',
+                draggable: true,
+                onPositiveClick: () => {
+                    this.post = post;
+                    ue.setContent(this.post.Content);
+                    window.interval = setInterval(() => {
+                        localStorage.setItem("write-post-draft", JSON.stringify(this.post));
+                    }, 5000);
+                },
+                onNegativeClick: () => {
+                    window.interval = setInterval(() => {
+                        localStorage.setItem("write-post-draft", JSON.stringify(this.post));
+                    }, 5000);
+                }
+            });
+        } else {
+            window.interval = setInterval(() => {
+                localStorage.setItem("write-post-draft", JSON.stringify(this.post));
+            }, 5000);
         }
-      }).post("/validate/sendcode", {
-        //__RequestVerificationToken: document.querySelector('input[name="__RequestVerificationToken"]').value,
-        email: email
-      }).then(res => res.data);
-      if (data.Success) {
-        this.disableGetcode = true;
-        message.success('验证码发送成功，请注意查收邮件，若未收到，请检查你的邮箱地址或邮件垃圾箱！');
-        localStorage.setItem("user", JSON.stringify({ NickName: this.post.Author, Email: this.post.Email }));
-        var count = 0;
-        var timer = setInterval(() => {
-          count++;
-          this.codeMsg = '重新发送(' + (120 - count) + ')';
-          if (count > 120) {
-            clearInterval(timer);
-            this.disableGetcode = false;
-            this.codeMsg = '重新发送';
-          }
-        }, 1000);
-      } else {
-        message.error(data.Message);
-        this.disableGetcode = false;
-      }
     },
-    search() {
-      window.open("/s?wd=" + this.post.Title);
-    }
-  },
-  created() {
-    if (window.UE) {
-      window.ue = UE.getEditor('editor', {
-        initialFrameWidth: null
-      });
-      ue.addListener('contentChange', () => {
-        this.post.Content = ue.getContent();
-      });
-    }
-    this.getCategories();
-    var user = JSON.parse(localStorage.getItem("user"));
-    if (user) {
-      this.post.Author = user.NickName;
-      this.post.Email = user.Email;
-    }
-    //检查草稿
-    const post = JSON.parse(localStorage.getItem("write-post-draft"));
-    if (post && post.Content) {
-      dialog.warning({
-        title: '草稿箱',
-        content: '检查到上次有未提交的草稿，是否加载？',
-        positiveText: '确定',
-        negativeText: '取消',
-        draggable: true,
-        onPositiveClick: () => {
-          this.post = post;
-          ue.setContent(this.post.Content);
-          window.interval = setInterval(() => {
-            localStorage.setItem("write-post-draft", JSON.stringify(this.post));
-          }, 5000);
-        },
-        onNegativeClick: () => {
-          window.interval = setInterval(() => {
-            localStorage.setItem("write-post-draft", JSON.stringify(this.post));
-          }, 5000);
-        }
-      });
-    } else {
-      window.interval = setInterval(() => {
-        localStorage.setItem("write-post-draft", JSON.stringify(this.post));
-      }, 5000);
-    }
-  },
 }).use(naive).mount('#publishApp');
 // }

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/318.1760003788309.css

@@ -1 +0,0 @@
-.system-settings-page[data-v-cc57edd4]{padding:20px;margin:0 auto}.editor-container[data-v-cc57edd4]{border:1px solid #ddd;border-radius:4px}.logo-preview[data-v-cc57edd4]{border-radius:4px;transition:all .3s ease}.logo-preview[data-v-cc57edd4]:hover{opacity:.8}.q-card[data-v-cc57edd4]{margin-bottom:16px}@media(max-width: 768px){.system-settings-page[data-v-cc57edd4]{padding:10px}.row.q-gutter-md .col-md-6[data-v-cc57edd4],.row.q-gutter-md .col-md-4[data-v-cc57edd4],.row.q-gutter-md .col-md-3[data-v-cc57edd4]{margin-bottom:16px}}

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/623.1760003788309.css → src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/427.1760021144713.css

@@ -1,22 +1,22 @@
 
-.post-list-container[data-v-765bf6be] {
+.post-list-container[data-v-3ef7e6f0] {
   padding: 16px;
 }
-.controls-row[data-v-765bf6be] {
+.controls-row[data-v-3ef7e6f0] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
 }
-[data-v-765bf6be] .warning-row {
+[data-v-3ef7e6f0] .warning-row {
   background-color: #fff3cd !important;
 }
-.text-red[data-v-765bf6be] {
+.text-red[data-v-3ef7e6f0] {
   color: #f56565 !important;
 }
 @media (max-width: 768px) {
-.controls-row[data-v-765bf6be] {
+.controls-row[data-v-3ef7e6f0] {
     flex-direction: column;
     align-items: stretch;
 }

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/585.1760003788309.css

@@ -1 +0,0 @@
-.system-logs-page[data-v-df78d564]{padding:20px}.file-card[data-v-df78d564]{transition:all .3s ease;border:1px solid #e0e0e0}.file-card[data-v-df78d564]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.file-card-hover[data-v-df78d564]{border-color:#1976d2}.delete-btn[data-v-df78d564]{position:absolute;top:8px;right:8px;z-index:10}.file-name[data-v-df78d564]{word-wrap:break-word;word-break:break-word;line-height:1.2;height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.log-content[data-v-df78d564]{font-family:"Courier New",monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;padding:16px;border-radius:4px;margin:0}@media(max-width: 768px){.system-logs-page[data-v-df78d564]{padding:10px}.file-card[data-v-df78d564]{margin-bottom:16px}}

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/643.1760021144713.css

@@ -0,0 +1 @@
+.system-logs-page[data-v-accaee30]{padding:20px}.file-card[data-v-accaee30]{transition:all .3s ease;border:1px solid #e0e0e0}.file-card[data-v-accaee30]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.file-card-hover[data-v-accaee30]{border-color:#1976d2}.delete-btn[data-v-accaee30]{position:absolute;top:8px;right:8px;z-index:10}.file-name[data-v-accaee30]{word-wrap:break-word;word-break:break-word;line-height:1.2;height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.log-content[data-v-accaee30]{font-family:"Courier New",monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;padding:16px;border-radius:4px;margin:0}@media(max-width: 768px){.system-logs-page[data-v-accaee30]{padding:10px}.file-card[data-v-accaee30]{margin-bottom:16px}}

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/810.1760021144713.css

@@ -0,0 +1 @@
+.system-settings-page[data-v-69539499]{padding:20px;margin:0 auto}.editor-container[data-v-69539499]{border:1px solid #ddd;border-radius:4px}.logo-preview[data-v-69539499]{border-radius:4px;transition:all .3s ease}.logo-preview[data-v-69539499]:hover{opacity:.8}.q-card[data-v-69539499]{margin-bottom:16px}@media(max-width: 768px){.system-settings-page[data-v-69539499]{padding:10px}.row.q-gutter-md .col-md-6[data-v-69539499],.row.q-gutter-md .col-md-4[data-v-69539499],.row.q-gutter-md .col-md-3[data-v-69539499]{margin-bottom:16px}}

src/Masuit.MyBlogs.Core/wwwroot/dashboard/index.html

@@ -1,3 +1,3 @@
 <!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css"><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.prod.css" rel="stylesheet"><script>// 设置UEditor资源路径
           window.UEDITOR_HOME_URL = '/UEditorPlus/';
-          window.UEDITOR_CORS_URL = '/UEditorPlus/';</script><script charset="utf-8" src="/UEditorPlus/ueditor.config.js"></script><script charset="utf-8" src="/UEditorPlus/ueditor.all.js"></script><script charset="utf-8" src="/UEditorPlus/lang/zh-cn/zh-cn.js"></script><script defer="defer" src="/dashboard/js/chunk-quasar.1760003788309.js"></script><script defer="defer" src="/dashboard/js/chunk-vendors.1760003788309.js"></script><script defer="defer" src="/dashboard/js/index.1760003788309.js"></script><link href="/dashboard/css/chunk-quasar.1760003788309.css" rel="stylesheet"><link href="/dashboard/css/chunk-vendors.1760003788309.css" rel="stylesheet"><link href="/dashboard/css/index.1760003788309.css" rel="stylesheet"></head><body><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/build/player/lottie.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/xe-utils.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.umd.prod.js"></script></body></html>
+          window.UEDITOR_CORS_URL = '/UEditorPlus/';</script><script charset="utf-8" src="/UEditorPlus/ueditor.config.js"></script><script charset="utf-8" src="/UEditorPlus/ueditor.all.js"></script><script charset="utf-8" src="/UEditorPlus/lang/zh-cn/zh-cn.js"></script><script defer="defer" src="/dashboard/js/chunk-quasar.1760021144713.js"></script><script defer="defer" src="/dashboard/js/chunk-vendors.1760021144713.js"></script><script defer="defer" src="/dashboard/js/index.1760021144713.js"></script><link href="/dashboard/css/chunk-quasar.1760021144713.css" rel="stylesheet"><link href="/dashboard/css/chunk-vendors.1760021144713.css" rel="stylesheet"><link href="/dashboard/css/index.1760021144713.css" rel="stylesheet"></head><body><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/build/player/lottie.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/xe-utils.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.umd.prod.js"></script></body></html>