From f63aac52cbe451bf136b2a17f124a2819650c4d0 Mon Sep 17 00:00:00 2001
From: Zhang HaoYang <1304907854@qq.com>
Date: Sun, 24 Dec 2023 17:09:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B0=E4=BB=A3=E6=B8=85=E6=B2=A1=E5=A4=B4?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/detail/NavDetail.vue | 68 ++++++++++++++++++++++++++---
 src/components/home/NavList.vue     | 61 +++++++++++++-------------
 2 files changed, 94 insertions(+), 35 deletions(-)

diff --git a/src/components/detail/NavDetail.vue b/src/components/detail/NavDetail.vue
index 8f9855c..d8b65d1 100644
--- a/src/components/detail/NavDetail.vue
+++ b/src/components/detail/NavDetail.vue
@@ -32,7 +32,7 @@
           </div>
         </div>
         <div class="NavInfo" style="margin-top:45px;margin-left:50px;width:220px;">
-          <span style="font-size:30px;font-family: STHupo">91视频网站</span><br/>
+          <span style="font-size:30px;font-family: STHupo">{{UrlObj.name}}</span><br/>
           <div class="NavInfo" >
             <span style="width:200px">创建时间：2023年12月20日</span><br/>
             <span style="width:200px">创建用户：答辩超人</span><br/>
@@ -64,11 +64,11 @@
                   <i class="el-icon-star-on" id="little-Circle-content" style=" padding:5.5px; "></i>
                 </el-tooltip>
               </div>
-              <div class="little-Circle" id="Rank" style="margin-left:15px;">
+              <div class="little-Circle" id="Rank" style="margin-left:15px;" @click="WarnToAdmin()">
                 <el-tooltip  placement="top" width="150"
                              trigger="hover"
                              effect="dark" close-delay="2000">
-                  <div class="MyPopover" slot="content">
+                  <div class="MyPopover" slot="content" >
                     <span style="font-size:12px !important;">向管理员反馈问题</span><br/><br/>
                   </div>
                   <i class="el-icon-warning" id="little-Circle-content" style=" padding:5px; "></i>
@@ -148,6 +148,7 @@ import RandomRecomment from "@/components/detail/RandomRecomment.vue";
 import UserComment from "@/components/detail/UserComment.vue";
 import Vue from "vue";
 import * as echarts from 'echarts'
+import axios from "axios";
 Vue.prototype.$echarts = echarts;
 export default {
   name:"NavDetail",
@@ -164,9 +165,19 @@ export default {
       ManuChart:null,
     // Echart图设置项：
       MyOption:{},
+    // 获取urlId:
+      UrlId :null,
+    //   获取标签对象：
+      UrlObj:Object,
+    //   创建时间：
+      Cdate:null,
     }},
   mounted() {
       this.initPage();
+      this.GetNav(this.UrlId);
+      this.getFormatDate();
+      this.initEchart();
+
   },
   created() {
 
@@ -175,10 +186,28 @@ export default {
 
   },
   methods: {
+      // 时间转换：
+      getFormatDate() {
+        var that = this;
+        var date = new Date(parseInt(that.UrlObj.createtime));// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
+        var Y = date.getFullYear() + '-';
+        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+        var D = date.getDate() + ' ';
+        var h = date.getHours() + ':';
+        var m = date.getMinutes() + ':';
+        var s = date.getSeconds();
+        that.Cdate = "" + Y + M + D + h + m + s;
+      },
+
+
       // 初始化页面
       initPage(){
+        this.UrlId = this.$route.query.uid;
+
+      },
+  //   初始化Echart图
+      initEchart(){
         var that = this;
-        // Echart图元素绑定Dom
         this.ManuChart = this.$echarts.init(this.$refs.ManuEchart);
         that.MyOption={
           tooltip: {
@@ -251,7 +280,36 @@ export default {
           }
         }
         that.ManuChart.setOption(that.MyOption,true);
-      }
+      },
+    // 获取标签对象
+      GetNav(id){
+        let that = this;
+        axios({
+          method: 'post',
+          url: '/api/UrlAndCate/clickUrl',
+          params: {
+            urlId : id
+          }
+        }).then((res)=>{
+            that.UrlObj = res.data.data;
+        }).catch((error)=>{
+          Vue.prototype.$notify.error({
+            title: '错误',
+            message: error===null?'':error,
+            offset: 0
+          });
+        })
+        //
+        // var temp = new Date(that.UrlObj.createtime);
+        // that.Cdate = temp;
+    },
+    //   向管理员反馈
+    WarnToAdmin(){
+      console.log(this.UrlId);
+      console.log(this.UrlObj);
+      console.log(this.UrlObj.createtime);
+      console.log(this.Cdate);
+    }
   }
 
 }
diff --git a/src/components/home/NavList.vue b/src/components/home/NavList.vue
index 4e13144..7f65624 100644
--- a/src/components/home/NavList.vue
+++ b/src/components/home/NavList.vue
@@ -11,7 +11,7 @@
           <span v-if="nav.desc" class="content-desc">{{ nav.desc.substr(0, 8) + '...' }}</span>
         </el-tooltip>
       </div>
-      <el-tooltip class="item" effect="dark" content="详情" placement="right">
+      <el-tooltip class="item" effect="dark" content="详情" placement="right" @click="goToNavDetail()">
       <i style="margin-left: 3px" class="card-icon el-icon-d-arrow-right"></i>
       </el-tooltip>
     </div>
@@ -57,37 +57,38 @@ export default {
   },
   computed: {},
   methods: {
-    getQR(url_id,icon_url) {
-      let _this=this;
-      axios({
-        method: 'post',
-        url: '/api/qrcode/qrc_return',
-        params:{
-          url_id:url_id,
-          icon_url:icon_url
-        }
-      }).then(function (res) {
-        console.log(res);
-        // if(res.data){
-        //   _this.navList=res.data;
-        // }
-      }).catch((error)=>{
-        Vue.prototype.$notify.error({
-          title: '错误',
-          message: error===null?'':error,
-          offset: 0
-        });
-      })
-
-    },
+    // getQR(url_id,icon_url) {
+    //   let _this=this;
+    //   axios({
+    //     method: 'post',
+    //     url: '/api/qrcode/qrc_return',
+    //     params:{
+    //       url_id:url_id,
+    //       icon_url:icon_url
+    //     }
+    //   }).then(function (res) {
+    //     if(res.data){
+    //       _this.navList=res.data;
+    //     }
+    //   }).catch((error)=>{
+    //     Vue.prototype.$notify.error({
+    //       title: '错误',
+    //       message: error===null?'':error,
+    //       offset: 0
+    //     });
+    //   })
+    //
+    // },
     goToNavDetail(){
       if(this.nav.urlId){
-        this.$router.push({
-          path:'/nav',
-          query: {
-            id: this.nav.urlId,
-            refresh: true
-          }})
+        let pathInfo = this.$router.resolve({
+          path: '/nav',
+          query:{
+            uid:this.nav.urlId,
+            refresh:true,
+          }
+        })
+        window.open(pathInfo.href, '_self');
       }else{
         return false;
       }