添加备案信息配置项，给登录页面 Logo 增加圆角

web/src/components/AccountBg.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="right flex-center">
     <div class="logo">
-      <el-image :src="logo" alt="" style="max-width: 300px; max-height: 300px" />
+      <el-image :src="logo" alt="" style="max-width: 300px; max-height: 300px" class="rounded-full" />
     </div>
     <div>welcome</div>
     <footer-bar />

web/src/components/FooterBar.vue

@@ -10,36 +10,36 @@
           {{ version }}
         </a>
       </div>
+      <div v-if="icp">
+        <a href="https://beian.miit.gov.cn" target="_blank">{{ icp }}</a>
+      </div>
     </div>
   </div>
 </template>
 <script setup>
-import {ref} from "vue";
-import {showMessageError} from "@/utils/dialog";
-import {getLicenseInfo, getSystemInfo} from "@/store/cache";
+import { ref } from "vue";
+import { showMessageError } from "@/utils/dialog";
+import { getLicenseInfo, getSystemInfo } from "@/store/cache";
 
 const title = ref("");
 const version = ref(process.env.VUE_APP_VERSION);
 const gitURL = ref(process.env.VUE_APP_GITHUB_URL);
 const copyRight = ref("");
+const icp = ref("");
 const license = ref({});
 const props = defineProps({
   textColor: {
     type: String,
-    default: "#ffffff"
-  }
+    default: "#ffffff",
+  },
 });
 
 // 获取系统配置
 getSystemInfo()
   .then((res) => {
     title.value = res.data.title ?? process.env.VUE_APP_TITLE;
-    copyRight.value =
-      res.data.copyright.length > 1
-        ? res.data.copyright
-        : "极客学长 © 2023 - " +
-          new Date().getFullYear() +
-          " All rights reserved.";
+    copyRight.value = (res.data.copyright ? res.data.copyright : "极客学长") + " © 2023 - " + new Date().getFullYear() + " All rights reserved";
+    icp.value = res.data.icp;
   })
   .catch((e) => {
     showMessageError("获取系统配置失败：" + e.message);

web/src/views/admin/SysConfig.vue

@@ -29,10 +29,9 @@
                 <el-form-item label="条形 LOGO" prop="logo">
                   <el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
                     <template #append>
-                      <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('bar_logo')"
-                                 :http-request="uploadImg">
+                      <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('bar_logo')" :http-request="uploadImg">
                         <el-icon class="uploader-icon">
-                          <UploadFilled/>
+                          <UploadFilled />
                         </el-icon>
                       </el-upload>
                     </template>
@@ -58,6 +57,10 @@
                   <el-input v-model="system['copyright']" placeholder="更改此选项需要获取 License 授权" />
                 </el-form-item>
 
+                <el-form-item label="ICP 备案号" prop="icp">
+                  <el-input v-model="system['icp']" placeholder="请输入 ICP 备案号" />
+                </el-form-item>
+
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
@@ -370,17 +373,17 @@
 </template>
 
 <script setup>
-import {onMounted, reactive, ref} from "vue";
-import {httpGet, httpPost} from "@/utils/http";
+import { onMounted, reactive, ref } from "vue";
+import { httpGet, httpPost } from "@/utils/http";
 import Compressor from "compressorjs";
-import {ElMessage, ElMessageBox} from "element-plus";
-import {CloseBold, InfoFilled, Select, UploadFilled} from "@element-plus/icons-vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { CloseBold, InfoFilled, Select, UploadFilled } from "@element-plus/icons-vue";
 import MdEditor from "md-editor-v3";
 import "md-editor-v3/lib/style.css";
 import Menu from "@/views/admin/Menu.vue";
-import {copyObj, dateFormat} from "@/utils/libs";
+import { copyObj, dateFormat } from "@/utils/libs";
 import ItemsInput from "@/components/ui/ItemsInput.vue";
-import {useSharedStore} from "@/store/sharedata";
+import { useSharedStore } from "@/store/sharedata";
 
 const activeName = ref("basic");
 const system = ref({ models: [] });

web/src/views/admin/Users.vue

@@ -42,7 +42,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column fixed="right" label="操作" width="200">
+        <el-table-column fixed="right" label="操作" width="220">
           <template #default="scope">
             <el-button-group class="ml-4">
               <el-button size="small" type="primary" @click="userEdit(scope.row)">编辑</el-button>