兰代清没头发
This commit is contained in:
parent
72fae3f385
commit
f63aac52cb
@ -32,7 +32,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="NavInfo" style="margin-top:45px;margin-left:50px;width:220px;">
|
<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" >
|
<div class="NavInfo" >
|
||||||
<span style="width:200px">创建时间:2023年12月20日</span><br/>
|
<span style="width:200px">创建时间:2023年12月20日</span><br/>
|
||||||
<span style="width:200px">创建用户:答辩超人</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>
|
<i class="el-icon-star-on" id="little-Circle-content" style=" padding:5.5px; "></i>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</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"
|
<el-tooltip placement="top" width="150"
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
effect="dark" close-delay="2000">
|
effect="dark" close-delay="2000">
|
||||||
<div class="MyPopover" slot="content">
|
<div class="MyPopover" slot="content" >
|
||||||
<span style="font-size:12px !important;">向管理员反馈问题</span><br/><br/>
|
<span style="font-size:12px !important;">向管理员反馈问题</span><br/><br/>
|
||||||
</div>
|
</div>
|
||||||
<i class="el-icon-warning" id="little-Circle-content" style=" padding:5px; "></i>
|
<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 UserComment from "@/components/detail/UserComment.vue";
|
||||||
import Vue from "vue";
|
import Vue from "vue";
|
||||||
import * as echarts from 'echarts'
|
import * as echarts from 'echarts'
|
||||||
|
import axios from "axios";
|
||||||
Vue.prototype.$echarts = echarts;
|
Vue.prototype.$echarts = echarts;
|
||||||
export default {
|
export default {
|
||||||
name:"NavDetail",
|
name:"NavDetail",
|
||||||
@ -164,9 +165,19 @@ export default {
|
|||||||
ManuChart:null,
|
ManuChart:null,
|
||||||
// Echart图设置项:
|
// Echart图设置项:
|
||||||
MyOption:{},
|
MyOption:{},
|
||||||
|
// 获取urlId:
|
||||||
|
UrlId :null,
|
||||||
|
// 获取标签对象:
|
||||||
|
UrlObj:Object,
|
||||||
|
// 创建时间:
|
||||||
|
Cdate:null,
|
||||||
}},
|
}},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.initPage();
|
this.initPage();
|
||||||
|
this.GetNav(this.UrlId);
|
||||||
|
this.getFormatDate();
|
||||||
|
this.initEchart();
|
||||||
|
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
@ -175,10 +186,28 @@ export default {
|
|||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
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(){
|
initPage(){
|
||||||
|
this.UrlId = this.$route.query.uid;
|
||||||
|
|
||||||
|
},
|
||||||
|
// 初始化Echart图
|
||||||
|
initEchart(){
|
||||||
var that = this;
|
var that = this;
|
||||||
// Echart图元素绑定Dom
|
|
||||||
this.ManuChart = this.$echarts.init(this.$refs.ManuEchart);
|
this.ManuChart = this.$echarts.init(this.$refs.ManuEchart);
|
||||||
that.MyOption={
|
that.MyOption={
|
||||||
tooltip: {
|
tooltip: {
|
||||||
@ -251,7 +280,36 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
that.ManuChart.setOption(that.MyOption,true);
|
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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
<span v-if="nav.desc" class="content-desc">{{ nav.desc.substr(0, 8) + '...' }}</span>
|
<span v-if="nav.desc" class="content-desc">{{ nav.desc.substr(0, 8) + '...' }}</span>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</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>
|
<i style="margin-left: 3px" class="card-icon el-icon-d-arrow-right"></i>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
@ -57,37 +57,38 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
methods: {
|
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){
|
||||||
// if(res.data){
|
// _this.navList=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(){
|
goToNavDetail(){
|
||||||
if(this.nav.urlId){
|
if(this.nav.urlId){
|
||||||
this.$router.push({
|
let pathInfo = this.$router.resolve({
|
||||||
path:'/nav',
|
path: '/nav',
|
||||||
query: {
|
query:{
|
||||||
id: this.nav.urlId,
|
uid:this.nav.urlId,
|
||||||
refresh: true
|
refresh:true,
|
||||||
}})
|
}
|
||||||
|
})
|
||||||
|
window.open(pathInfo.href, '_self');
|
||||||
}else{
|
}else{
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user