兰代清没头发
This commit is contained in:
parent
9ae30b3e27
commit
0903b040af
11
package-lock.json
generated
11
package-lock.json
generated
@ -21,6 +21,7 @@
|
||||
"node-polyfill-webpack-plugin": "^3.0.0",
|
||||
"qs": "^6.11.2",
|
||||
"vue": "^2.6.14",
|
||||
"vue-iframe": "^0.0.0",
|
||||
"vue-router": "^3.5.1",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
@ -16193,6 +16194,11 @@
|
||||
"integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/vue-iframe": {
|
||||
"version": "0.0.0",
|
||||
"resolved": "https://registry.npmjs.org/vue-iframe/-/vue-iframe-0.0.0.tgz",
|
||||
"integrity": "sha512-gH791EBUqJrsa5SuGhxeujyK4NFngJnuvpSJN0p5W5VoHmYkW35ZekOLlCZTN658VsXUYNGCPHlk9bzLtRyd7Q=="
|
||||
},
|
||||
"node_modules/vue-loader": {
|
||||
"version": "17.3.1",
|
||||
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.3.1.tgz",
|
||||
@ -29712,6 +29718,11 @@
|
||||
"integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
|
||||
"dev": true
|
||||
},
|
||||
"vue-iframe": {
|
||||
"version": "0.0.0",
|
||||
"resolved": "https://registry.npmjs.org/vue-iframe/-/vue-iframe-0.0.0.tgz",
|
||||
"integrity": "sha512-gH791EBUqJrsa5SuGhxeujyK4NFngJnuvpSJN0p5W5VoHmYkW35ZekOLlCZTN658VsXUYNGCPHlk9bzLtRyd7Q=="
|
||||
},
|
||||
"vue-loader": {
|
||||
"version": "17.3.1",
|
||||
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.3.1.tgz",
|
||||
|
@ -21,6 +21,7 @@
|
||||
"node-polyfill-webpack-plugin": "^3.0.0",
|
||||
"qs": "^6.11.2",
|
||||
"vue": "^2.6.14",
|
||||
"vue-iframe": "^0.0.0",
|
||||
"vue-router": "^3.5.1",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
|
@ -7,6 +7,9 @@
|
||||
|
||||
|
||||
:root {
|
||||
--table-bg-color: rgba(16, 18, 27, 0.39);
|
||||
--table-bg-color-hover: rgb(16, 18, 27);
|
||||
--table-border : #f6f6f6;
|
||||
--font-bg-theme-reverse:rgb(255 255 255 / 31%);
|
||||
--font-border: rgb(213, 79, 27);
|
||||
--theme-comment-color: rgba(178, 188, 250, 0.4);
|
||||
@ -29,10 +32,13 @@
|
||||
}
|
||||
|
||||
.light-mode {
|
||||
--table-border : #b9b9b9;
|
||||
--font-bg-theme-reverse:rgba(16 18 27 / 40%);
|
||||
--font-border: rgb(108, 155, 255);
|
||||
--theme-comment-color: rgba(201, 217, 255, 0.4);
|
||||
--theme-bg-color: rgb(255 255 255 / 31%);
|
||||
--table-bg-color: rgba(174, 207, 255, 0.31);
|
||||
--table-bg-color-hover: rgb(149, 189, 255);
|
||||
--theme-bg-color-deep: rgb(255 255 255 / 51%);
|
||||
--theme-color: #3c3a3a;
|
||||
--inactive-color: #333333;
|
||||
@ -1053,6 +1059,21 @@ body.light-mode .video-bg:before {
|
||||
flex-direction:column;
|
||||
}
|
||||
|
||||
.ButtonBlock{
|
||||
display: flex;
|
||||
flex-wrap:nowrap;
|
||||
flex-direction:row;
|
||||
justify-content:space-around;
|
||||
}
|
||||
|
||||
.MyButton{
|
||||
|
||||
}
|
||||
.MyButton:hover{
|
||||
transform:scale(1.08);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
1
src/assets/img/DeleteButton.svg
Normal file
1
src/assets/img/DeleteButton.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 11 KiB |
1
src/assets/img/EditButton.svg
Normal file
1
src/assets/img/EditButton.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 11 KiB |
@ -6,9 +6,13 @@
|
||||
<div class="JustBack"
|
||||
style="width:670px;display:flex; flex-direction: row; flex-wrap: nowrap;height:430px !important;">
|
||||
<div id="ShowPic" style="display: flex;flex-direction: column;flex-wrap: wrap">
|
||||
<div class="card" style="width: 180px;height:180px;margin-top:50px;background-color: var( --theme-bg-color)"
|
||||
<div class="card" style="width: 130px;height:130px;margin-top:50px;background-color: var( --theme-bg-color)"
|
||||
@click="ToURL()">
|
||||
<img :src="UrlObj.icon" style="width:100%;height:100%">
|
||||
<div style="width:100%;height:100%">
|
||||
<img v-if="UrlObj.icon != null " :src="UrlObj.icon" style="width:100%;height:100%">
|
||||
<img v-else src="../../assets/logo.png" style="width:100%;height:100%">
|
||||
<!-- <iframe src="https://www.canva.cn/" style="width:100%;height:100%"></iframe>-->
|
||||
</div>
|
||||
</div>
|
||||
<div id="IconGroup"
|
||||
style="margin-top:60px;display: flex;flex-direction: row;flex-wrap: nowrap;margin-left:-20px">
|
||||
@ -39,7 +43,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="NavInfo" style="margin-top:45px;margin-left:50px;width:220px;">
|
||||
<div 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">
|
||||
<span style="width:200px">创建时间:{{ Cdate }}</span><br/>
|
||||
@ -51,7 +55,7 @@
|
||||
trigger="hover"
|
||||
effect="dark" close-delay="2000">
|
||||
<div class="MyPopover" slot="content">
|
||||
<span style="font-size:12px !important;">【91视频网站】总浏览量</span><br/><br/>
|
||||
<span style="font-size:12px !important;">【{{UrlObj.name}}】总浏览量</span><br/><br/>
|
||||
<div style="width:100% ;text-align: center">{{ UrlObj.views }} 次</div>
|
||||
</div>
|
||||
<i class="el-icon-s-custom" id="little-Circle-content" style=" padding:5px;"></i>
|
||||
@ -62,7 +66,7 @@
|
||||
trigger="hover"
|
||||
effect="dark" close-delay="2000">
|
||||
<div class="MyPopover" slot="content">
|
||||
<span style="font-size:12px !important;">【91视频网站】总星级</span><br/><br/>
|
||||
<span style="font-size:12px !important;">【{{UrlObj.name}}】总星级</span><br/><br/>
|
||||
<div style="width:100% ;text-align: center;">
|
||||
<span style="font-size:20px">★★★☆☆</span>
|
||||
<br/>
|
||||
@ -95,7 +99,7 @@
|
||||
<div class="TitleFont"><i class="el-icon-s-promotion"></i>网站介绍</div>
|
||||
</div>
|
||||
<div class="ArticleContent">
|
||||
<div :v-if="UrlObj.desc == null" style="background-color: var(--theme-bg-color);
|
||||
<div v-if="UrlObj.desc == null" style="background-color: var(--theme-bg-color);
|
||||
border-radius:5px;height:250px;margin-top:50px;text-align: center">
|
||||
<el-empty description="描述文字" style="width:80%;height:250px;margin-left:50px;"></el-empty>
|
||||
</div>
|
||||
@ -140,7 +144,6 @@
|
||||
<RandomRecomment></RandomRecomment>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@ -190,6 +193,7 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.GetAllComment();
|
||||
if(this.UrlId && this.UrlObj.icon){
|
||||
this.getQR(this.UrlId, this.UrlObj.icon);
|
||||
@ -203,10 +207,17 @@ export default {
|
||||
if(this.UrlId){
|
||||
this.ViewByTime(this.UrlId)
|
||||
}
|
||||
|
||||
this.funFrame();
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
// 渲染iframe:
|
||||
funFrame(){
|
||||
var iframe = document.getElementById("myframe");
|
||||
var url = this.UrlObj.url;
|
||||
iframe.src = url;
|
||||
},
|
||||
|
||||
// 递归获取指定根目录下的所有评论:
|
||||
func0(commentId){
|
||||
var that = this;
|
||||
|
@ -19,13 +19,52 @@
|
||||
<el-button type="success" plain size="medium" round style="margin-left:10px">查询目录</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table style="margin-top:10px;width: 100%"
|
||||
<el-table class="MyTable"
|
||||
:data="List"
|
||||
header-row-class-name="table_header_class"
|
||||
border>
|
||||
<el-table-column
|
||||
align="center"
|
||||
type="index"
|
||||
:index="hIndex"
|
||||
prop="date"
|
||||
label="日期"
|
||||
label="序号"
|
||||
width="80">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="name"
|
||||
label="分类名称"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="createtime"
|
||||
label="创建时间"
|
||||
width="200">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="urlNumber"
|
||||
label="包含网址数"
|
||||
width="100">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="weigh"
|
||||
label="权重"
|
||||
width="80">
|
||||
</el-table-column>
|
||||
<el-table-column prop="date" label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="ButtonBlock">
|
||||
<img class="MyButton" @click="handleEdit(scope.row)"
|
||||
src="../../../assets/img/EditButton.svg" style="width:60px">
|
||||
<img class="MyButton" @click="handleDelete(scope.row)"
|
||||
src="../../../assets/img/DeleteButton.svg" style="width:60px">
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
@ -35,21 +74,85 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import Vue from "vue";
|
||||
export default {
|
||||
name: "CategoryManage",
|
||||
data() {
|
||||
return {
|
||||
searchCate:'',
|
||||
userId:null,
|
||||
List:[],
|
||||
form:{
|
||||
name:'',
|
||||
weigh:'',
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.getFormatDate();
|
||||
},
|
||||
created() {
|
||||
|
||||
this.getUserInfo();
|
||||
// this.GetData();
|
||||
},
|
||||
computed: {},
|
||||
methods: {}
|
||||
methods: {
|
||||
// 时间转换:
|
||||
getFormatDate() {
|
||||
var that = this;
|
||||
console.log(that.List.length + "changdu");
|
||||
for(let i = 0 ; i < that.List.length; i++){
|
||||
var date = new Date(that.List[i].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() + '日 ';
|
||||
console.log("date: " + Y + M + D);
|
||||
that.List[i].createtime = "" + Y + M + D;
|
||||
}
|
||||
},
|
||||
// 获取条数:
|
||||
hIndex(index){
|
||||
var linenum = parseInt( parseInt(index) + parseInt(1))
|
||||
return linenum;
|
||||
},
|
||||
// 获取用户ID
|
||||
getUserInfo() {
|
||||
let _this = this;
|
||||
if(localStorage.getItem("Authorization") && localStorage.getItem("userId")){
|
||||
_this.userId = localStorage.getItem("userId")
|
||||
_this.GetData();
|
||||
} else {
|
||||
Vue.prototype.$notify.error({
|
||||
title: '错误',
|
||||
message: "登录状态失效,请重新登录!",
|
||||
offset: 0
|
||||
});
|
||||
}
|
||||
},
|
||||
GetData(){
|
||||
// 获取数据
|
||||
var that = this;
|
||||
axios({
|
||||
method:'post',
|
||||
url:'/api/UrlAndCate/returnCateByUserId',
|
||||
params:{
|
||||
userId: that.userId
|
||||
}
|
||||
}).then(function(res){
|
||||
that.List = res.data.data;
|
||||
for(let i = 0 ; i < that.List.length; i++){
|
||||
var date = new Date(that.List[i].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() + '日 ';
|
||||
that.List[i].createtime = "" + Y + M + D;
|
||||
}
|
||||
})
|
||||
// /selectAllArticleByadmin
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
@ -58,4 +161,34 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
/**表格样式,直接复制**/
|
||||
::v-deep .table_header_class th{
|
||||
background-color: var(--table-bg-color)!important;
|
||||
color:var(--theme-color);
|
||||
text-align: center;
|
||||
}
|
||||
.MyTable{
|
||||
margin-top:10px;
|
||||
width: 100%;
|
||||
background-color:var(--table-bg-color);
|
||||
color:var(--theme-color);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::v-deep .el-table__body tr:hover > td {
|
||||
background-color: var(--table-bg-color-hover) !important;
|
||||
}
|
||||
|
||||
::v-deep .el-table tr,
|
||||
.el-table th.el-table__cell {
|
||||
background-color: var(--table-bg-color);
|
||||
border: var(--table-border) solid 3px;
|
||||
}
|
||||
|
||||
::v-deep .el-table--border{
|
||||
border: var(--table-border) solid 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
Loading…
Reference in New Issue
Block a user