From 7d9186d31c365f915c86700bf2eeee37119691da Mon Sep 17 00:00:00 2001
From: Qing <landaiqing@126.com>
Date: Thu, 28 Dec 2023 16:18:19 +0800
Subject: [PATCH] update

---
 src/assets/css/home-style.css                 |  21 +++-
 src/assets/img/NAV.png                        | Bin 0 -> 12299 bytes
 src/components/detail/NavDetail.vue           |  81 +++++++------
 src/components/home/Carousel.vue              |  35 ++++--
 src/components/home/HomeHeader.vue            |  73 ++++++++++--
 src/components/home/NavList.vue               |   2 +-
 src/components/home/Notice.vue                |  47 +++++---
 .../setting/home/PersonalInfoCard.vue         |   8 +-
 .../setting/layout/SettingHeader.vue          |  62 +++++++++-
 .../setting/system/AppearanceSettings.vue     |  77 ++++++------
 src/components/setting/system/Upload.vue      |  12 +-
 src/router/index.js                           |   2 +-
 src/store/index.js                            |   8 +-
 src/views/Index.vue                           |  93 +++++++++++++--
 src/views/Settings.vue                        | 110 +++++++++++++++---
 15 files changed, 487 insertions(+), 144 deletions(-)
 create mode 100644 src/assets/img/NAV.png

diff --git a/src/assets/css/home-style.css b/src/assets/css/home-style.css
index b430c81..fa7effe 100644
--- a/src/assets/css/home-style.css
+++ b/src/assets/css/home-style.css
@@ -208,6 +208,9 @@ body.light-mode .video-bg:before {
 .notify {
     position: relative;
 }
+.notify2 {
+    position: relative;
+}
 .notify:before {
     content: "";
     position: absolute;
@@ -224,6 +227,21 @@ body.light-mode .video-bg:before {
     }
 }
 
+.notify2:before {
+    content: "";
+    position: absolute;
+    background-color: #3af06e;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    right: 20px;
+    top: 16px;
+}
+@media screen and (max-width: 1055px) {
+    .notify2 {
+        display: none;
+    }
+}
 .menu-circle {
     width: 15px;
     height: 15px;
@@ -618,7 +636,7 @@ body.light-mode .video-bg:before {
 
 .status {
     /*margin-left: auto;*/
-    width: 140px;
+    width: 700px;
     font-size: 15px;
     position: relative;
     text-align: left;
@@ -789,6 +807,7 @@ body.light-mode .video-bg:before {
     align-items: center;
     font-size: 14px;
     font-weight: 400;
+    margin-top: 20px;
 }
 .checkbox-wrapper + .checkbox-wrapper {
     margin: 20px 0 40px;
diff --git a/src/assets/img/NAV.png b/src/assets/img/NAV.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9385116e2035704b1835b5a90af203f311a35ae
GIT binary patch
literal 12299
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

literal 0
HcmV?d00001

diff --git a/src/components/detail/NavDetail.vue b/src/components/detail/NavDetail.vue
index d5937e7..c7dc713 100644
--- a/src/components/detail/NavDetail.vue
+++ b/src/components/detail/NavDetail.vue
@@ -48,8 +48,15 @@
             </div>
           </div>
           <div id="网站信息" class="NavInfo" style="margin-top:35px;margin-left:50px;width:220px;">
-            <span style="font-size:30px;font-family: STHupo">{{ UrlObj.name }}</span><br/>
-            <div class="NavInfo">
+            <el-tooltip placement="top"
+                        trigger="hover"
+                        effect="dark"
+                        v-if="UrlObj.name"
+                        :content="UrlObj.name"
+                        >
+            <span style="font-size:30px;font-family: STHupo;overflow-x: scroll;white-space: nowrap;height: 50px"><marquee  behavior="scroll" direction="left">{{ UrlObj.name }}</marquee></span><br/>
+            </el-tooltip>
+              <div class="NavInfo">
               <span style="width:200px">创建时间：{{ Cdate }}</span><br/>
               <span style="width:200px">所属标签：{{BelongTo}}</span><br/>
               <div style="display: flex;flex-direction: row">
@@ -135,7 +142,7 @@
           </div>
         </div>
         <!--用户评论-->
-        <div v-show="update" id="用户评论" class="JustBack" style="width:670px;
+        <div id="用户评论" v-show="update"  class="JustBack" style="width:670px;
         height:auto;display:flex; flex-direction: column; flex-wrap: nowrap;">
         <div   style="width:670px;height:auto;display:flex;
          flex-direction: column; flex-wrap: nowrap;">
@@ -234,8 +241,8 @@
                                    {{dateFormat('YYYY-mm-dd',item2.commentTime)}}
                                  </div>
                                  <div style="display: flex;flex-direction: row-reverse;width:100%;height:42px;margin-top:6px">
-                                   <span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:5px;margin-left:10px;">{{item.likeCount}}</span>
-                                   <el-button type="danger" class="el-icon-thumb" size="medium" plain circle style="margin-top:6px;margin-left:20px;" >
+                                   <span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:5px;margin-left:10px;">{{item2.likeCount}}</span>
+                                   <el-button type="danger" class="el-icon-thumb" @click="LikeMe(item2.id)" size="medium" plain circle style="margin-top:6px;margin-left:20px;" >
                                    </el-button>
                                    <span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:10px">回复</span>
                                    <el-button type="success" class="el-icon-chat-dot-square" size="medium"
@@ -356,18 +363,18 @@ export default {
     //   弹出页：
       openAddCategory:false,
     //   回复谁？
-      rootid:'',
+      rootid:null,
     //   所属标签：
-      BelongTo:'',
+      BelongTo:null,
     //   总星级：
-      SumStar:'',
+      SumStar:null,
     //   表单：
       form:{
-        urlId:'',
-        userId:'',
-        content:'',
-        rootCommentId:'',
-        rating:'',
+        urlId:null,
+        userId:null,
+        content:null,
+        rootCommentId:null,
+        rating:null,
       },
       rules: {
         rating: [{ required: 'true', message: '请输入评分！', trigger: 'blur' }],
@@ -384,6 +391,7 @@ export default {
     this.GetAllCate();
   },
   created() {
+    this.addViewByTime();
     this.UrlId = this.$route.query.uid;
     this.GetNav(this.UrlId);
 
@@ -402,11 +410,11 @@ export default {
       this.reload();
       //表单重置
       that.form = {
-        urlId:'',
-        userId:'',
-        content:'',
-        rootCommentId:'',
-        rating:'',
+        urlId:null,
+        userId:null,
+        content:null,
+        rootCommentId:null,
+        rating:null,
       }
       // 后关闭
       this.openAddCategory=false;
@@ -433,7 +441,7 @@ export default {
       var _this = this;
       _this.form.rating = 0;
       _this.form.rootCommentId = _this.rootid;
-      console.log(this.form);
+      // console.log(this.form);
       if(localStorage.getItem("Authorization") && localStorage.getItem("userId")){
         _this.$refs[rulelist].validate((valid)=>{
           if(valid){
@@ -465,11 +473,11 @@ export default {
                 });
                 this.closeDialog();
                 this.form = {
-                  urlId:'',
-                  userId:'',
-                  content:'',
-                  rootCommentId:'',
-                  rating:'',
+                  urlId:null,
+                  userId:null,
+                  content:null,
+                  rootCommentId:null,
+                  rating:null,
                 }
               }
             })
@@ -488,11 +496,11 @@ export default {
     //提交评论：
     submitComment(rulelist){
       var _this = this;
-      console.log(this.form);
+      // console.log(this.form);
       if(localStorage.getItem("Authorization") && localStorage.getItem("userId")){
         _this.$refs[rulelist].validate((valid)=>{
             if(valid){
-              console.log(this.form);
+              // console.log(this.form);
               axios({
                 method: 'post',
                 // 请求的地址
@@ -521,11 +529,11 @@ export default {
                   });
                   this.closeDialog();
                   this.form = {
-                    urlId:'',
-                    userId:'',
-                    content:'',
-                    rootCommentId:'',
-                    rating:'',
+                    urlId:null,
+                    userId:null,
+                    content:null,
+                    rootCommentId:null,
+                    rating:null,
                   }
                 }
               })
@@ -612,7 +620,7 @@ export default {
       var that = this;
       if(comment.nextNodes.length != 0){
         var rootUser = comment.user.userLogin;
-        console.log(comment.user.userLogin);
+        // console.log(comment.user.userLogin);
         that.rootId_AllComment[String(rootId)] = that.rootId_AllComment[String(rootId)].concat(comment.nextNodes);
         Object.keys(comment.nextNodes).forEach(key => {
           that.$set(comment.nextNodes[key],'RootUser',rootUser);
@@ -658,7 +666,14 @@ export default {
           _this.func0(res.data[key],res.data[key].id);
         })
         _this.SumStar = sum / _this.allcomment.length;
-        console.log(_this.SumStar);
+        // console.log(_this.SumStar);
+      })
+    },
+    addViewByTime(){
+      axios.get('/api/addUrlAccessViews', {
+        params: {
+          urlId: this.$route.query.uid,
+        }
       })
     },
     // 日访问：
diff --git a/src/components/home/Carousel.vue b/src/components/home/Carousel.vue
index 4e4b43b..a723c61 100644
--- a/src/components/home/Carousel.vue
+++ b/src/components/home/Carousel.vue
@@ -1,7 +1,7 @@
 <template>
   <el-carousel :interval="5000" trigger="click" type="card" height="200px">
-    <el-carousel-item v-for="item in urls" :key="item">
-      <el-image :src="item" fit="scale-down" @click="goToLink('https://landaiqing.space')">
+    <el-carousel-item v-if="banner" v-for="(item,index) in banner" :key="index">
+      <el-image v-if="item.imgUrl && item.url" :src="item.imgUrl" fit="scale-down" @click="goToLink(item.url)">
         <div slot="error" class="image-slot">
           <i class="el-icon-picture-outline"></i>
         </div>
@@ -10,30 +10,43 @@
   </el-carousel>
 </template>
 <script>
+import axios from "axios";
+
 export default {
   name:"CarouselComponent",
   components:{
   },
   data() {
     return {
-      urls: [
-        'https://pic.imgdb.cn/item/65622651c458853aef5576d1.jpg',
-        'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
-        'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
-        'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
-        'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
-        'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
-      ]
+      banner:[],
+
     }},
   mounted() {
   },
   created() {
-
+this.getBanners();
   },
   computed: {
 
   },
   methods: {
+
+    getBanners(){
+        var that=this;
+        axios({
+          method: 'get',
+          // 请求的地址
+          url: '/api/banners/view_banner',
+          // URL 中的查询参数
+        }).then((res)=>{
+          that.banner=res.data;
+        }).catch((error)=>{
+
+        })
+    },
+
+
+
     goToLink(url){
       window.open(url,'_blank')
     }
diff --git a/src/components/home/HomeHeader.vue b/src/components/home/HomeHeader.vue
index a5ba105..1d70aae 100644
--- a/src/components/home/HomeHeader.vue
+++ b/src/components/home/HomeHeader.vue
@@ -1,10 +1,18 @@
 <template>
   <div class="header">
+    <el-image v-if="imageUrl" style="width: 50px;height:auto;margin-right: 20px" :src="'data:image/jpg;base64,'+imageUrl">
+      <div slot="error" class="image-slot">
+        <img style="width: 100%;margin-top: 5px" :src="require('@/assets/img/NAV.png')" alt="图标">
+      </div>
+    </el-image>
     <div class="menu-circle"></div>
     <div class="header-menu">
-      <router-link class="menu-link notify" active-class="is-active" v-for="(item,index) in tabList"
-                   v-if="tabList.length>0" :key="item.index" :to="item.path">{{ item.libel }}
+      <router-link class="menu-link notify2" active-class="is-active" v-for="(item,index) in tabList"
+                   v-if="tabList.length>0" :key="index" :to="item.path">{{ item.libel }}
       </router-link>
+      <a class="menu-link notify" style="cursor: pointer" v-for="(item2,index2) in otherNav"
+                   v-if="otherNav" target="_blank" :key="item2.index2" :href="item2.url">{{ item2.navName }}
+      </a>
     </div>
 <!--    <div class="search-bar">-->
 <!--      <input  type="text" placeholder="Search">-->
@@ -336,9 +344,10 @@ export default {
         repassword: [{required: true, message: "请输入确认密码", trigger: "blur"}],
         activeCode: [{required: true, message: "请输入验证码", trigger: "blur"}],
       },
-      userToken: '',
       isLogin: true,
       searchDialog:false,
+      otherNav:[],
+      imageUrl:null,
 
     }
   },
@@ -347,19 +356,70 @@ export default {
     this.toggleActive();
     // this.reacherBarFun();
     this.changeImg();
+    this.getOtherNav();
+
   },
   created() {
+    this.getImageByConfig('logo');
   },
   computed: {},
   methods: {
     ...mapMutations(['changeLogin', 'setUserId', 'setUserRole']),
+
+    getImageByConfig(name){
+      let _this=this;
+        if(name){
+          axios({
+            method: 'get',
+            url: '/api/getAttachment',
+            responseType: 'arraybuffer',
+            params: {
+              name:name
+            },
+          }).then(function (res) {
+            if(res.data){
+              _this.imageUrl=btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), '')), 'base64';
+            }else{
+              return false;
+            }
+          }).catch((error) => {
+          })
+        }else{
+          return false;
+        }
+    },
+
+
+    getOtherNav() {
+      let _this = this;
+        axios({
+          method: 'post',
+          url: '/api/selectAllNav',
+        }).then(function (res) {
+          if(res.data){
+            _this.otherNav=res.data;
+          }else{
+            return false;
+          }
+
+        }).catch((error) => {
+          // Vue.prototype.$notify.error({
+          //   title: '错误',
+          //   message: error,
+          //   offset: 0
+          // });
+        })
+
+    },
+
+
     openSearchDialog(){
       if(localStorage.getItem('userId') && localStorage.getItem('Authorization')){
         this.searchDialog=true;
       }else{
         Vue.prototype.$notify.info({
           title: '提示',
-          message: "登录状态失效，请重新登录！",
+          message: "请登录后搜索！",
           offset: 0
         });
       }
@@ -499,10 +559,9 @@ export default {
                 offset: 0
               });
 
-              // console.log(res);
+
               // _this.userToken = 'Bearer ' + res.data.token;
-              _this.userToken = res.data.token;
-              _this.changeLogin({Authorization: _this.userToken});
+              _this.changeLogin({Authorization: res.data.token});
               _this.setUserId({userId: res.data.Id});
               _this.setUserRole({userRole: res.data.roleId});
               _this.closeLoginDialog();
diff --git a/src/components/home/NavList.vue b/src/components/home/NavList.vue
index 98365e2..bcd72bb 100644
--- a/src/components/home/NavList.vue
+++ b/src/components/home/NavList.vue
@@ -22,7 +22,7 @@
     <!--    <div class="app-card__subtext">{{nav.desc}}</div>-->
     <div class="dividing-line"></div>
     <div class="app-card-buttons">
-      <el-tooltip class="item" effect="dark" content="访问需要代理" placement="bottom">
+      <el-tooltip v-if="nav.agentHint" class="item" effect="dark" :content="nav.agentHint" placement="bottom">
         <i v-show="nav.isNeedAgent===1" style="color: red" class="qr el-icon-info"></i>
       </el-tooltip>
       <!--      <button class="content-button status-button"><i class="el-icon-d-arrow-right"></i>详情</button>-->
diff --git a/src/components/home/Notice.vue b/src/components/home/Notice.vue
index c8160ff..95d279c 100644
--- a/src/components/home/Notice.vue
+++ b/src/components/home/Notice.vue
@@ -11,9 +11,12 @@
 
         <span class="status">
 <!--          <span class="status-circle"></span>-->
-              <span>测试公告！！！！！</span>
-              <span>测试公告！！！！！</span>
-              <span>测试公告！！！！！</span>
+          <marquee  behavior="scroll" direction="left" width="">
+            <span v-if="notice" v-for="(item,index) in notice" :key="index" style="margin-left: 20px">
+              {{ index+1+': '+item.title}}
+            </span>
+          </marquee>
+<!--              <span>测试公告！！！！！</span>-->
         </span>
         <div class="button-wrapper">
           <button class="content-button status-button">查看详情</button>
@@ -24,18 +27,15 @@
                 <path d="M15 9l-6 6M9 9l6 6"></path>
               </svg>
             </div>
-            <div class="pop-up__subtitle">Adjust your selections for advanced options as desired before continuing. <a href="#">Learn more</a></div>
-            <div class="checkbox-wrapper">
-              <input type="checkbox" id="check1" class="checkbox">
-              <label for="check1">Import previous settings and preferences</label>
-            </div>
-            <div class="checkbox-wrapper">
-              <input type="checkbox" id="check2" class="checkbox">
-              <label for="check2">Remove old versions</label>
+<!--            <div class="pop-up__subtitle">Adjust your selections for advanced options as desired before continuing. <a href="#">Learn more</a></div>-->
+            <div  v-if="notice" class="checkbox-wrapper" v-for="(item,index) in notice" :key="index">
+              <input type="checkbox" :id="index" class="checkbox">
+              <label v-if="item.content" :for="index"><el-link v-if="item.url" :underline="false" :href="item.url" target="_blank"> {{index+1+'：'+item.content}} </el-link></label>
             </div>
+
             <div class="content-button-wrapper">
-              <button class="content-button status-button open close">取消</button>
-              <button class="content-button status-button">确定</button>
+<!--              <button class="content-button status-button open close">取消</button>-->
+              <button class="content-button status-button open close">确定</button>
             </div>
           </div>
           <i @click="closeNotice" style="margin-left: 10px;" class="close-notice el-icon-circle-close"></i>
@@ -45,22 +45,41 @@
   </div>
 </template>
 <script>
+import axios from "axios";
+
 export default {
   name:"NoticeComponent",
   data() {
     return {
         isShow:true,
+      notice:[],
     }},
   mounted() {
 
   },
   created() {
-
+this.getNotice();
   },
   computed: {
 
   },
   methods: {
+
+    getNotice(){
+      var that=this;
+      axios({
+        method: 'get',
+        // 请求的地址
+        url: '/api/notice/select',
+        // URL 中的查询参数
+      }).then((res)=>{
+        that.notice=res.data;
+      }).catch((error)=>{
+
+      })
+    },
+
+
     closeNotice(){
       this.isShow=false;
     }
diff --git a/src/components/setting/home/PersonalInfoCard.vue b/src/components/setting/home/PersonalInfoCard.vue
index 9990263..fc4ebae 100644
--- a/src/components/setting/home/PersonalInfoCard.vue
+++ b/src/components/setting/home/PersonalInfoCard.vue
@@ -4,8 +4,11 @@
       <div class="card-cover"
            style="background-image: url('https://pic.imgdb.cn/item/658af285c458853aef9177aa.jpg')"></div>
       <!--      <img class="card-avatar" src="https://pic.imgdb.cn/item/658af285c458853aef9177aa.jpg" alt="avatar">-->
-      <el-avatar  v-if="user.avatar===null" class="card-avatar" alt="avatar"> {{user.userLogin}}</el-avatar>
-      <el-avatar  v-if="user.avatar!==null" class="card-avatar" :src="user.avatar" alt="avatar"></el-avatar>
+      <el-image  v-if="user.avatar" class="card-avatar" :src="user.avatar" alt="avatar">
+        <div slot="error" class="image-slot">
+          <img style="width: 100%;margin-top: 5px" :src="require('@/assets/img/NAV.png')" alt="图标">
+        </div>
+      </el-image>
       <h1  v-if="user.nickname===null" class="card-fullname">{{user.userLogin}}</h1>
       <h1 v-if="user.nickname!==null" class="card-fullname">{{user.nickname}}</h1>
       <h2 v-if="user.roleId===1" class="card-jobtitle">common user</h2>
@@ -217,6 +220,7 @@ export default {
                   message: "修改成功！",
                   offset: 0
                 });
+                _this.resetForm('updateForm');
                 _this.getUserAllInfo();
               }
             }).catch((error) => {
diff --git a/src/components/setting/layout/SettingHeader.vue b/src/components/setting/layout/SettingHeader.vue
index 989c662..68da912 100644
--- a/src/components/setting/layout/SettingHeader.vue
+++ b/src/components/setting/layout/SettingHeader.vue
@@ -1,11 +1,16 @@
 <template>
   <div class="header">
+    <el-image v-if="imageUrl" style="width: 50px;height:auto;margin-right: 20px" :src="'data:image/jpg;base64,'+imageUrl">
+      <div slot="error" class="image-slot">
+        <img style="width: 100%;margin-top: 5px" :src="require('@/assets/img/NAV.png')" alt="图标">
+      </div>
+    </el-image>
     <div class="menu-circle"></div>
     <div class="header-menu">
     </div>
-    <div class="search-bar">
-      <input type="text" placeholder="Search">
-    </div>
+<!--    <div class="search-bar">-->
+<!--      <input type="text" placeholder="Search">-->
+<!--    </div>-->
     <div class="header-profile">
       <div class="notification">
         <span class="notification-number">3</span>
@@ -34,6 +39,7 @@
 <script>
 import $ from 'jquery'
 import Vue from "vue";
+import axios from "axios";
 export default {
   name:"SettingHeader",
   components:{
@@ -42,18 +48,66 @@ export default {
   data() {
     return {
       loginDialogVisible:false,
+      imageUrl:null,
     }},
   mounted() {
     this.toggleActive();
     // this.reacherBarFun();
   },
   created() {
-
+    this.getImageByConfig('logo');
   },
   computed: {
 
   },
   methods: {
+
+
+
+
+    getImageByConfig(name){
+      let _this=this;
+      if (localStorage.getItem('userId') && localStorage.getItem('Authorization')) {
+        if(name){
+          axios({
+            method: 'get',
+            url: '/api/getAttachment',
+            responseType: 'arraybuffer',
+            params: {
+              name:name
+            },
+          }).then(function (res) {
+            if(res.data){
+              _this.imageUrl=btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), '')), 'base64';
+            }else{
+              return false;
+            }
+          }).catch((error) => {
+            // Vue.prototype.$notify.error({
+            //   title: '错误',
+            //   message: error,
+            //   offset: 0
+            // });
+          })
+        }else{
+          return false;
+          // Vue.prototype.$notify.error({
+          //   title: '错误',
+          //   message: "不存在！",
+          //   offset: 0
+          // });
+        }
+
+
+      } else {
+        Vue.prototype.$notify.error({
+          title: '错误',
+          message: '登录状态失效，请重新登录！',
+          offset: 0
+        });
+      }
+    },
+
     handleCommand(cmditem) {
       if (!cmditem) {
         this.$message("菜单选项缺少command属性");
diff --git a/src/components/setting/system/AppearanceSettings.vue b/src/components/setting/system/AppearanceSettings.vue
index 01fc992..e3f079f 100644
--- a/src/components/setting/system/AppearanceSettings.vue
+++ b/src/components/setting/system/AppearanceSettings.vue
@@ -13,16 +13,20 @@
     <div class="base-style" style="margin-top:20px;font-family: SimHei;font-size:18px;font-weight:600">
       <div class="base-style-content" >
         <div class="min-content">
-          <span class="min-title">Logo(浅色模式)</span>
-          <UploadComponent  :config-name="light_logo" style="margin-top: 10px;"></UploadComponent>
-        </div>
-        <div class="min-content" style="margin-left: 50px">
-          <span class="min-title">Logo(深色模式)</span>
-          <UploadComponent  :config-name="dark_logo" style="margin-top: 10px;"></UploadComponent>
+          <span class="min-title">Logo</span>
+          <div class="img-card">
+          <UploadComponent  :config-name="logo" style="margin-top: 10px;"></UploadComponent>
+          </div>
         </div>
+<!--        <div class="min-content" style="margin-left: 50px">-->
+<!--          <span class="min-title">Logo(深色模式)</span>-->
+<!--          <UploadComponent  :config-name="dark_logo" style="margin-top: 10px;"></UploadComponent>-->
+<!--        </div>-->
         <div class="min-content" style="margin-left: 50px">
           <span class="min-title">Favicon</span>
+          <div class="img-card">
           <UploadComponent style="margin-top: 10px;" :config-name="favicon"></UploadComponent>
+          </div>
         </div>
       </div>
 <!--      <div class="color-select">-->
@@ -39,37 +43,37 @@
       <div style="display: flex;flex-direction: column;margin-top:20px">
         <span class="min-title">浅色模式</span>
         <div class="img-card">
-          <UploadComponent style="margin-left: 20px;" :config-name="light_bg_file"></UploadComponent>
-          <div class="img-url">
-            <span class="min-title"><i class="el-icon-link"></i>图片链接</span>
-            <el-input
-                placeholder="请输入链接"
-                v-model="dark_bg"
-                clearable
-                style="margin-top:10px;width: 420px"
-                @change="setConfig('dark_bg',dark_bg,'String')"
-            >
-            </el-input>
-            <span class="min-title" style="margin-top:20px">支持随机图链接</span>
-          </div>
+          <UploadComponent  :config-name="light_bg_file"></UploadComponent>
+<!--          <div class="img-url">-->
+<!--            <span class="min-title"><i class="el-icon-link"></i>图片链接</span>-->
+<!--            <el-input-->
+<!--                placeholder="请输入链接"-->
+<!--                v-model="dark_bg"-->
+<!--                clearable-->
+<!--                style="margin-top:10px;width: 420px"-->
+<!--                @change="setConfig('dark_bg',dark_bg,'String')"-->
+<!--            >-->
+<!--            </el-input>-->
+<!--            <span class="min-title" style="margin-top:20px">支持随机图链接</span>-->
+<!--          </div>-->
         </div>
       </div>
 
       <div style="display: flex;flex-direction: column;margin-top:20px">
         <span class="min-title">深色模式</span>
         <div class="img-card">
-          <UploadComponent style="margin-left: 20px" :config-name="dark_bg_file"></UploadComponent>
-          <div class="img-url">
-            <span class="min-title"><i class="el-icon-link"></i>图片链接</span>
-            <el-input
-                placeholder="请输入链接"
-                v-model="light_bg"
-                clearable style="margin-top:10px;width: 420px"
-                @change="setConfig('dark_bg',light_bg,'String')"
-                >
-            </el-input>
-            <span class="min-title" style="margin-top:20px">支持随机图链接</span>
-          </div>
+          <UploadComponent :config-name="dark_bg_file"></UploadComponent>
+<!--          <div class="img-url">-->
+<!--            <span class="min-title"><i class="el-icon-link"></i>图片链接</span>-->
+<!--            <el-input-->
+<!--                placeholder="请输入链接"-->
+<!--                v-model="light_bg"-->
+<!--                clearable style="margin-top:10px;width: 420px"-->
+<!--                @change="setConfig('dark_bg',light_bg,'String')"-->
+<!--                >-->
+<!--            </el-input>-->
+<!--            <span class="min-title" style="margin-top:20px">支持随机图链接</span>-->
+<!--          </div>-->
         </div>
       </div>
     </div>
@@ -112,8 +116,7 @@ export default {
       light_bg:null,
       value:null,
       favicon:"favicon",
-      dark_logo:'dark_logo',
-      light_logo:'light_logo',
+      logo:'logo',
       dark_bg_file:'dark_bg_file',
       light_bg_file:'light_bg_file',
       loading:true,
@@ -123,8 +126,7 @@ export default {
   },
   created() {
     this.getConfig('open_dark_light');
-    this.getConfig('dark_bg');
-    this.getConfig('light_bg');
+
   },
   computed: {
 
@@ -138,7 +140,7 @@ export default {
           if(value!==''){
             axios({
               method: 'post',
-              url: '/api//updateConfig',
+              url: '/api/updateConfig',
               params: {
                 name:name,
                 value:value,
@@ -280,9 +282,10 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  justify-content: center;
   border-radius: 20px;
   margin-top:20px;
-  width: 800px;
+  width: 250px;
   height: 200px;
   background-color: var(--theme-bg-color);
   color: var(--theme-color);
diff --git a/src/components/setting/system/Upload.vue b/src/components/setting/system/Upload.vue
index 1f1e4de..6043fe9 100644
--- a/src/components/setting/system/Upload.vue
+++ b/src/components/setting/system/Upload.vue
@@ -9,7 +9,11 @@
       name="multipartFile"
 
   >
-    <img v-if="imageUrl" width="200px" height="200px" :src="'data:image/jpg;base64,'+imageUrl" class="avatar" />
+    <el-image  v-if="imageUrl" width="200px" height="200px" :src="'data:image/jpg;base64,'+imageUrl" class="avatar" >
+      <div slot="error" class="image-slot">
+        <img style="width: 100%" :src="require('@/assets/img/null.png')" alt="图标">
+      </div>
+    </el-image>
     <i v-else class="el-icon-plus avatar-uploader-icon"></i>
   </el-upload>
 </template>
@@ -103,7 +107,7 @@ export default {
               name:name
             },
           }).then(function (res) {
-            if(res!==undefined){
+            if(res.data){
               _this.imageUrl=btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), '')), 'base64';
             }else{
               return false;
@@ -137,9 +141,9 @@ export default {
       const isJPG = file.type === "image/jpeg";
       const isJPG2 = file.type === "image/jpg";
       const isPNG = file.type === "image/png";
-      // const isGif = file.type === "image/gif";
+      const isIcon = file.type === "image/x-icon";
       const isLt5M = file.size / 1024 / 1024 < 5;
-      if (!isJPG && !isJPG2 && !isPNG) {
+      if (!isJPG && !isJPG2 && !isPNG && !isIcon) {
         this.$message.warning("只支持jpg,png,jpeg,gif格式图片");
       }
       if (!isLt5M) {
diff --git a/src/router/index.js b/src/router/index.js
index 441c972..8907258 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -177,7 +177,7 @@ const router = new VueRouter({
 })
 // // 导航守卫：使用 router.beforeEach 注册一个全局前置守卫，判断用户是否登陆
 router.beforeEach((to, from, next) => {
-    if (to.path === '/home' || to.path === '/news') {
+    if (to.path === '/home' || to.path === '/news' || to.path === '/nav') {
         next();
     } else {
         let token = localStorage.getItem('Authorization');
diff --git a/src/store/index.js b/src/store/index.js
index 6cbe7d8..53b97e1 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -5,7 +5,7 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
-    theme:'dark',
+    theme:localStorage.getItem('theme') ? localStorage.getItem('theme') : '',
     userId:localStorage.getItem('userId') ? localStorage.getItem('userId') : '',
     userRole:localStorage.getItem('userRole') ? localStorage.getItem('userRole') : '',
     // 存储token
@@ -14,9 +14,9 @@ export default new Vuex.Store({
   getters: {
   },
   mutations: {
-    SET_THEME:(state,data)=>{
-      state.theme=data;
-      window.sessionStorage.setItem('theme',data);
+    setTheme:(state,data)=>{
+      state.theme=data.theme;
+      localStorage.setItem('theme',data.theme);
     },
     changeLogin (state, user) {
       state.Authorization = user.Authorization;
diff --git a/src/views/Index.vue b/src/views/Index.vue
index bc1d2da..60a5481 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -4,12 +4,17 @@
   <!--  </div>-->
   <body translate="no">
   <div class="video-bg">
-    <video width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057">
+    <el-image v-if="imageUrl" style="width: 100%;height: 100%" :src="'data:image/jpg;base64,'+imageUrl">
+      <div slot="error" class="image-slot">
+        <img style="width: 100%" :src="require('@/assets/img/macos-big-sur-1280x720-dark-wwdc-2020-22655.jpg')" alt="背景">
+      </div>
+    </el-image>
+    <video v-else width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057">
       <source src="../assets/video/background.mp4" type="video/mp4">
       Your browser does not support the video tag.
     </video>
   </div>
-  <div class="dark-light" @click="changeStyle">
+  <div v-if="value==='1'" class="dark-light" @click="changeStyle">
     <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"
          stroke-linejoin="round">
       <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
@@ -32,6 +37,7 @@ import HomeHeader from "@/components/home/HomeHeader.vue";
 import LeftSide from "@/components/home/LeftSide.vue";
 import axios from "axios";
 import Vue from "vue";
+import {mapMutations} from "vuex";
 
 
 export default {
@@ -43,15 +49,14 @@ export default {
   data() {
     return {
       isLight: false,
-      darkMode: window.sessionStorage.getItem('theme'),
       folderTrue: [],
       folderFalse: [],
+      value:null,
+      imageUrl:null,
 
     }
   },
   mounted() {
-
-
     let nowDate = new Date()
     let hour = nowDate.getHours()
     //黑夜时
@@ -59,25 +64,92 @@ export default {
       this.goDark()
     }
     //根据本地存储状态哦按段
-    if (this.darkMode === 'dark') {
+    if (localStorage.getItem('theme') === 'dark') {
       this.goDark()
+    }else{
+      this.goLight();
     }
 
   },
   created() {
-
+    this.getConfig('open_dark_light');
   },
   computed: {},
+
   methods: {
+
+    ...mapMutations(['setTheme']),
+    getConfig(name) {
+      let _this = this;
+      if (name) {
+        axios({
+          method: 'get',
+          url: '/api/getConfig',
+          params: {
+            name: name
+          }
+        }).then(function (res) {
+          if (res) {
+            if (res.data.open_dark_light) {
+              _this.value = res.data.open_dark_light.value;
+            }
+            //   if(res.data.dark_bg){
+            //     _this.dark_bg=res.data.dark_bg.value;
+            //   }
+            //   if(res.data.light_bg){
+            //     _this.light_bg=res.data.light_bg.value;
+            //   }
+            //   _this.loading=false;
+          }
+
+        }).catch((error) => {
+        })
+      } else {
+        return false
+      }
+    },
+    getImageByConfig(name){
+      let _this=this;
+        if(name){
+          axios({
+            method: 'get',
+            url: '/api/getAttachment',
+            responseType: 'arraybuffer',
+            params: {
+              name:name
+            },
+          }).then(function (res) {
+
+            if(res.data){
+                _this.imageUrl=btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), '')), 'base64';
+            }else{
+              return false;
+            }
+          }).catch((error) => {
+
+          })
+        }else{
+          return false;
+          // Vue.prototype.$notify.error({
+          //   title: '错误',
+          //   message: "不存在！",
+          //   offset: 0
+          // });
+        }
+
+    },
+
     goDark() {
+      this.getImageByConfig('dark_bg_file');
       //黑夜的
       document.body.classList.remove('light-mode')
-      window.sessionStorage.setItem('theme', 'dark')
+      this.setTheme({theme:'dark'})
     },
     goLight() {
+      this.getImageByConfig('light_bg_file');
       //白天的
       document.body.classList.add('light-mode')
-      window.sessionStorage.setItem('theme', 'light')
+      this.setTheme({theme:'light'});
     },
     changeStyle() {
       this.isLight = !this.isLight
@@ -94,9 +166,6 @@ export default {
     //     document.body.classList.toggle('light-mode');
     //   });
     // }
-
-
-
   }
 }
 </script>
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index cd10ee3..47c8a26 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -3,15 +3,15 @@
   <!--    <HomePage></HomePage>-->
   <!--  </div>-->
   <body  translate="no">
-  <div class="video-bg">
+  <div   class="video-bg">
     <video width="320" height="240" autoplay="" loop="" muted="" __idm_id__="1581057">
       <source src="../assets/video/background.mp4" type="video/mp4">
       Your browser does not support the video tag.
     </video>
   </div>
-  <div class="dark-light">
+  <div v-if="value==='1'" class="dark-light">
     <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"
-         stroke-linejoin="round">
+         stroke-linejoin="round" @click="changeStyle">
       <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
     </svg>
   </div>
@@ -31,7 +31,8 @@
 // @ is an alias to /src
 import SettingHeader from "@/components/setting/layout/SettingHeader.vue";
 import SettingLeftSide from "@/components/setting/layout/SettingLeftSide.vue";
-
+import axios from "axios";
+import {mapMutations} from "vuex";
 
 export default {
   name: 'SettingsView',
@@ -40,23 +41,106 @@ export default {
     SettingHeader,
   },
   data() {
-    return {}
+    return {
+      value:null,
+
+    }
   },
   mounted() {
-    this.toggleDarkLight();
   },
   created() {
-
+    this.getConfig('open_dark_light');
   },
   computed: {},
   methods:{
-    toggleDarkLight() {
-      const toggleButton = document.querySelector('.dark-light');
+    ...mapMutations(['setTheme']),
+    getConfig(name) {
+      let _this = this;
+      if (name) {
+        axios({
+          method: 'get',
+          url: '/api/getConfig',
+          params: {
+            name: name
+          }
+        }).then(function (res) {
+          if (res) {
+            if (res.data.open_dark_light) {
+              _this.value = res.data.open_dark_light.value;
+            }
+            //   if(res.data.dark_bg){
+            //     _this.dark_bg=res.data.dark_bg.value;
+            //   }
+            //   if(res.data.light_bg){
+            //     _this.light_bg=res.data.light_bg.value;
+            //   }
+            //   _this.loading=false;
+          }
 
-      toggleButton.addEventListener('click', () => {
-        document.body.classList.toggle('light-mode');
-      });
-    }
+        }).catch((error) => {
+        })
+      } else {
+        return false
+      }
+    },
+    getImageByConfig(name){
+      let _this=this;
+      if(name){
+        axios({
+          method: 'get',
+          url: '/api/getAttachment',
+          responseType: 'arraybuffer',
+          params: {
+            name:name
+          },
+        }).then(function (res) {
+
+          if(res.data){
+            _this.imageUrl=btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), '')), 'base64';
+          }else{
+            return false;
+          }
+        }).catch((error) => {
+
+        })
+      }else{
+        return false;
+        // Vue.prototype.$notify.error({
+        //   title: '错误',
+        //   message: "不存在！",
+        //   offset: 0
+        // });
+      }
+
+    },
+    goDark() {
+      this.getImageByConfig('dark_bg_file');
+      //黑夜的
+      document.body.classList.remove('light-mode');
+      this.setTheme({theme:'dark'});
+    },
+    goLight() {
+      this.getImageByConfig('light_bg_file');
+      //白天的
+      document.body.classList.add('light-mode')
+      this.setTheme({theme:'light'});
+    },
+    changeStyle() {
+      this.isLight = !this.isLight
+      if (this.isLight !== true) {
+        this.goDark();
+      } else {
+        this.goLight();
+      }
+
+    },
+    // toggleDarkLight() {
+    //   const toggleButton = document.querySelector('.dark-light');
+    //
+    //   toggleButton.addEventListener('click', () => {
+    //     document.body.classList.toggle('light-mode');
+    //   });
+    // }
   }
 }
 </script>