1

src/components/login/login.vue

@@ -1,26 +1,33 @@
 <template>
-  <div class="yuliu" :style="style">
+  <div class="ttt">
-  </div>
+    <div class="yuliu" :style="style">
-  <el-card class="box-card">
-
-    <el-form ref="ruleFormRef" :model="loginForm" :rules="loginRules" status-icon label-width="120px"
-      class="demo-ruleForm">
-      <div class="title-container">
-        <h3>秘密基地</h3>
-      </div>
-      <div>
-        <el-avatar :size="28" :src="baiduCloudImage" @click="scan(qrcode)" />
-      </div>
-      <el-form-item>
-        其他登录方式暂时还没有哦
-      </el-form-item>
-    </el-form>
-    ------------------------------------------------------------
-    <div>
-      微信/支付宝
     </div>
-  </el-card>
+    <el-card class="box-card">
 
+      <el-form ref="ruleFormRef" :model="loginForm" :rules="loginRules" status-icon label-width="120px"
+        class="demo-ruleForm">
+        <div class="title-container">
+          <h3>秘密基地</h3>
+        </div>
+        <div>
+          <el-avatar :size="28" :src="baiduCloudImage" @click="scan(qrcode)" />
+        </div>
+        <el-form-item>
+          其他登录方式暂时还没有哦
+        </el-form-item>
+      </el-form>
+      ------------------------------------------------------------
+      <div>
+        微信/支付宝
+      </div>
+    </el-card>
+    <div class="footer">
+      <span>
+        管祥玮的个人网站 ©Copyright 2022-2022
+      </span>
+      <span @click="openSiteQuery">辽ICP备2022003637号-2</span>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -81,6 +88,11 @@ const dologin = (form: any) => {
   // })
 }
 
+const openSiteQuery = () => {
+  let href = 'https://beian.miit.gov.cn/#/Integrated/index'
+  window.open(href, '_blank')
+}
+
 const style = reactive({} as any)
 style.width = window.innerWidth * 0.7 + 'px'
 
@@ -94,9 +106,14 @@ style.width = window.innerWidth * 0.7 + 'px'
   padding: 18px 0;
 }
 
+.ttt {
+  display: flex;
+  flex-direction: column;
+}
+
 .yuliu {
   /* width: 600px; */
-  height: 600px;
+  height: 300px;
   float: left;
   /* background-color: antiquewhite; */
   background: url('../../assets/have_a_nice_day.jpeg') center top no-repeat;

src/utils/common.ts

@@ -1,12 +1,10 @@
 import { h } from 'vue'
 import { ElMessage } from 'element-plus'
 
-const setErrorMessage = (msg: string) => {
+export const setErrorMessage = (msg: string) => {
   ElMessage({
     message: h('p', null, [
       h('i', { style: 'color: teal' }, msg),
     ]),
   })
 }
-
-export { setErrorMessage }

src/view/blog/index.vue

@@ -23,7 +23,7 @@
         <el-time-picker v-model="form.end_day" placeholder="结束时间" style="width: 100%" />
       </el-col>
       <el-col :span="6" style="text-align: center;">
-        <el-button type="primary" @click="onSubmit">搜索</el-button>
+        <el-button type="primary" @click="onSearch">搜索</el-button>
       </el-col>
     </el-form-item>
   </el-form>
@@ -76,14 +76,14 @@ const form = reactive({
   start_day: '',
   end_day: '',
   page_number: 1,
-  page_size: 20,
+  page_size: 5,
   total: 1
 })
 const data_list = reactive<Blog[]>([])
 const btNameList = reactive<Blog_Type[]>([])
 
 // -- EVENT DEFINITION
-const onSubmit = () => {
+const onSearch = () => {
   getBlogs(form).then(response => {
     data_list.splice(0, data_list.length);
     response.data.forEach((item: Blog) => {
@@ -126,7 +126,7 @@ const publishbyBid = (bid: string) => {
  */
 (() => {
 
-  getBlogs({}).then(response => {
+  getBlogs(form).then(response => {
     response.data.forEach((item: Blog) => {
       data_list.push(item)
     })