兰代清没头发

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,7 +64,7 @@
                   <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">
@@ -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,6 +280,35 @@ 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);
     }
   }
 

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) {
+    // getQR(url_id,icon_url) {
-      let _this=this;
+    //   let _this=this;
-      axios({
+    //   axios({
-        method: 'post',
+    //     method: 'post',
-        url: '/api/qrcode/qrc_return',
+    //     url: '/api/qrcode/qrc_return',
-        params:{
+    //     params:{
-          url_id:url_id,
+    //       url_id:url_id,
-          icon_url:icon_url
+    //       icon_url:icon_url
-        }
+    //     }
-      }).then(function (res) {
+    //   }).then(function (res) {
-        console.log(res);
     //     if(res.data){
     //       _this.navList=res.data;
     //     }
-      }).catch((error)=>{
+    //   }).catch((error)=>{
-        Vue.prototype.$notify.error({
+    //     Vue.prototype.$notify.error({
-          title: '错误',
+    //       title: '错误',
-          message: error===null?'':error,
+    //       message: error===null?'':error,
-          offset: 0
+    //       offset: 0
-        });
+    //     });
-      })
+    //   })
-
+    //
-    },
+    // },
     goToNavDetail(){
       if(this.nav.urlId){
-        this.$router.push({
+        let pathInfo = this.$router.resolve({
           path: '/nav',
           query:{
-            id: this.nav.urlId,
+            uid:this.nav.urlId,
-            refresh: true
+            refresh:true,
-          }})
+          }
+        })
+        window.open(pathInfo.href, '_self');
       }else{
         return false;
       }