|
|
@ -1,5 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div style="width: 100%;height: 100%;background-color: #00173a"> |
|
|
<div style="width: 100%;height: 100%;"> |
|
|
|
|
|
<img style="width: 100%;height: 100%;position: absolute;z-index:-1;" src="../assets/img/twbg.jpg"> |
|
|
<headInfo></headInfo> |
|
|
<headInfo></headInfo> |
|
|
<!-- 这是内容界面 --> |
|
|
<!-- 这是内容界面 --> |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
@ -12,18 +13,18 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="leftBox2"> |
|
|
<div class="leftBox2"> |
|
|
<div class="muluBox"> |
|
|
<div class="muluBox"> |
|
|
<img src="../assets/img/leftBox.png" style="width: 100%;object-fit: contain;z-index: 1;position: absolute;"> |
|
|
<img src="../assets/img/leftBox1.png" style="width: 100%;object-fit: contain;z-index: 1;position: absolute;"> |
|
|
<div class="muluList"> |
|
|
<div class="muluList"> |
|
|
<div v-for="item in mulu" :key="item" > |
|
|
<div v-for="item in mulu" :key="item"> |
|
|
<div class="oneMulu" v-if="page!=item" @click="goInfo(item.info)"> |
|
|
<div class="oneMulu" v-if="page!=item" @click="goInfo(item.info)"> |
|
|
<div style="width: 80%;text-align: center;">{{ item.name }}</div> |
|
|
<div style="width: 80%;text-align: center;">{{ item.name }}</div> |
|
|
<img src="../assets/img/jiantou.png" |
|
|
<img src="../assets/img/jiantou.png" |
|
|
style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 13%;"> |
|
|
style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 13%;"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="oneMuluXuan" v-else > |
|
|
<div class="oneMuluXuan" v-else> |
|
|
<div style="width: 72%;text-align: center;" >{{ item.name }}</div> |
|
|
<div style="width: 72%;text-align: center;">{{ item.name }}</div> |
|
|
<img src="../assets/img/jiantou.png" |
|
|
<img src="../assets/img/jiantou.png" |
|
|
style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 8%;" > |
|
|
style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 8%;"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -44,9 +45,19 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div |
|
|
<div |
|
|
style="width: 94%;height:3vw;position: absolute;z-index: 1;top: 4.9vw;left: 3%;background-color: #0c3068;box-shadow: 0px -9px 10px 0px rgb(75,230,255);"></div> |
|
|
style="width: 94%;height:3vw;position: absolute;z-index: 1;top: 4.9vw;left: 3%;background-color: #0c3068;box-shadow: 0px -9px 10px 0px rgb(75,230,255);"></div> |
|
|
<!-- <img src="../assets/img/rightHead.png"--> |
|
|
<div style="width: 94.4%;height: 2.9vw;position: absolute;z-index: 2;margin-left: 2.6%;top: 5vw;" |
|
|
<!-- style="width: 96%;height:5vw;position: absolute;z-index: 1;top: 3.1vw;left: 2%;">--> |
|
|
v-if="this.userType==1"> |
|
|
<div style="width: 94.4%;height: 2.9vw;position: absolute;z-index: 2;margin-left: 2.6%;top: 5vw;"> |
|
|
<div |
|
|
|
|
|
style="width: 100%;height: 100%;display: flex;flex-direction: row;line-height: 2.9vw;text-align: center;color: #ffffff;"> |
|
|
|
|
|
<div style="width: 10%;">序号</div> |
|
|
|
|
|
<div style="width: 20%;">标题</div> |
|
|
|
|
|
<div style="width: 60%;">图片</div> |
|
|
|
|
|
<div style="width: 10%;">详情</div> |
|
|
|
|
|
<div style="width: 10%;">操作</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="width: 94.4%;height: 2.9vw;position: absolute;z-index: 2;margin-left: 2.6%;top: 5vw;" |
|
|
|
|
|
v-if="this.userType==0"> |
|
|
<div |
|
|
<div |
|
|
style="width: 100%;height: 100%;display: flex;flex-direction: row;line-height: 2.9vw;text-align: center;color: #ffffff;"> |
|
|
style="width: 100%;height: 100%;display: flex;flex-direction: row;line-height: 2.9vw;text-align: center;color: #ffffff;"> |
|
|
<div style="width: 10%;">序号</div> |
|
|
<div style="width: 10%;">序号</div> |
|
|
@ -58,12 +69,25 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="rightList"> |
|
|
<div class="rightList"> |
|
|
<img src="../assets/img/rightList.png" style="width: 100%;height: 95%;position: absolute;z-index: 1;"/> |
|
|
<img src="../assets/img/rightList.png" style="width: 100%;height: 95%;position: absolute;z-index: 1;"/> |
|
|
<div class="rightListContent"> |
|
|
<div class="rightListContent" v-if="this.userType==0"> |
|
|
<div class="oneRight" v-for="item in contentList" :key="item"> |
|
|
<div class="oneRight" v-for="item in contentList" :key="item"> |
|
|
<div style="width: 8%;">{{ item.id }}</div> |
|
|
<div style="width: 8%;">{{ item.id }}</div> |
|
|
<div style="width: 22%;">{{ item.name }}</div> |
|
|
<div style="width: 22%;">{{ item.name }}</div> |
|
|
<div style="width: 60%;">图片</div> |
|
|
<div style="width: 60%;">图片</div> |
|
|
<div style="width: 10%;text-decoration: underline;font-style: italic;">点击查看详情</div> |
|
|
<div style="width: 10%;text-decoration: underline;font-style: italic;" @click="goXq(item.id)">点击查看详情</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="rightListContent" v-if="this.userType==1"> |
|
|
|
|
|
<div class="oneRight" v-for="item in contentList" :key="item"> |
|
|
|
|
|
<div style="width: 8%;">{{ item.id }}</div> |
|
|
|
|
|
<div style="width: 22%;">{{ item.name }}</div> |
|
|
|
|
|
<div style="width: 60%;">图片</div> |
|
|
|
|
|
<div style="width: 10%;text-decoration: underline;font-style: italic;" @click="goXq(item.id)">点击查看详情</div> |
|
|
|
|
|
<div |
|
|
|
|
|
style="width: 9%;text-decoration: underline;font-style: italic;display: flex;justify-content: space-around;margin-left: 1%;"> |
|
|
|
|
|
<div @click="editTw(item.id)">修改</div> |
|
|
|
|
|
<div @click="deleteTw(item.id)">删除</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pageList"> |
|
|
<div class="pageList"> |
|
|
@ -88,7 +112,7 @@ |
|
|
<script> |
|
|
<script> |
|
|
import headInfo from '@/components/Head.vue'; |
|
|
import headInfo from '@/components/Head.vue'; |
|
|
import Foot from "@/components/Foot.vue"; |
|
|
import Foot from "@/components/Foot.vue"; |
|
|
import {getDocList} from "@/api/kcInfo"; |
|
|
import {getDocList, getTwInfo} from "@/api/kcInfo"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
// eslint-disable-next-line vue/multi-word-component-names |
|
|
// eslint-disable-next-line vue/multi-word-component-names |
|
|
@ -97,7 +121,7 @@ export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
userName: "", |
|
|
userName: "", |
|
|
userType:0, |
|
|
userType: 0, |
|
|
mulu: [ |
|
|
mulu: [ |
|
|
{id: 0, name: "图文资源", info: "TwInfo"}, |
|
|
{id: 0, name: "图文资源", info: "TwInfo"}, |
|
|
{id: 1, name: "视频资源", info: "SpInfo"}, |
|
|
{id: 1, name: "视频资源", info: "SpInfo"}, |
|
|
@ -121,9 +145,9 @@ export default { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
goInfo(info){ |
|
|
goInfo(info) { |
|
|
console.log(info) |
|
|
console.log(info) |
|
|
this.$router.push('/'+info) |
|
|
this.$router.push('/' + info) |
|
|
}, |
|
|
}, |
|
|
changeType(item) { |
|
|
changeType(item) { |
|
|
this.twType = item; |
|
|
this.twType = item; |
|
|
@ -167,11 +191,35 @@ export default { |
|
|
console.log(this.onePagesList) |
|
|
console.log(this.onePagesList) |
|
|
|
|
|
|
|
|
}) |
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
goXq(id) { |
|
|
|
|
|
var data = { |
|
|
|
|
|
id: id |
|
|
|
|
|
} |
|
|
|
|
|
getTwInfo(data).then((res) => { |
|
|
|
|
|
this.$router.push({path: '/TwInfoXq', query: {id: id, level: res.data.level, type: "tw"}}) |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//管理员操作 |
|
|
|
|
|
deleteTw() { |
|
|
|
|
|
console.log("这是删除操作") |
|
|
|
|
|
}, |
|
|
|
|
|
editTw(id) { |
|
|
|
|
|
//展示出一个修改的弹窗 |
|
|
|
|
|
var data = { |
|
|
|
|
|
id: id |
|
|
|
|
|
} |
|
|
|
|
|
getTwInfo(data).then((res) => { |
|
|
|
|
|
console.log(res.data) |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.userType = localStorage.getItem("type"); |
|
|
this.userType = localStorage.getItem("type"); |
|
|
this.userName = localStorage.getItem("name"); |
|
|
this.userName = localStorage.getItem("name"); |
|
|
this.getContentList(); |
|
|
this.getContentList(); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -191,7 +239,7 @@ export default { |
|
|
.leftBox1 { |
|
|
.leftBox1 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 10%; |
|
|
height: 10%; |
|
|
margin-top: 12%; |
|
|
margin-top: 10%; |
|
|
color: #7cdeff; |
|
|
color: #7cdeff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -202,7 +250,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.muluBox { |
|
|
.muluBox { |
|
|
margin: 3% 14%; |
|
|
margin: 0% 14%; |
|
|
height: 92%; |
|
|
height: 92%; |
|
|
width: 72%; |
|
|
width: 72%; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|