|
|
|
@ -14,8 +14,8 @@ |
|
|
|
<div class="leftBox2"> |
|
|
|
<div class="muluBox"> |
|
|
|
<div class="muluList"> |
|
|
|
<div v-for="item in mulu" :key="item"> |
|
|
|
<div class="oneMulu" v-if="page!=item.name" @click="goInfo(item.info)"> |
|
|
|
<div v-for="item in mulu" :key="item" > |
|
|
|
<div class="oneMulu" v-if="page!=item.name" @click="goInfo(item)"> |
|
|
|
<div style="width: 80%;text-align: center;">{{ item.name }}</div> |
|
|
|
<img src="../assets/img/jiantou.png" |
|
|
|
style="width: 0.9vw;height:0.9vw;object-fit: contain;float: right;margin-top: 11%;"> |
|
|
|
@ -32,8 +32,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="rightContent"> |
|
|
|
|
|
|
|
<div class="rightContent"> |
|
|
|
|
|
|
|
<div class="rigthHeadInfo" style="position: relative;"> |
|
|
|
<div style="width: 30%;height: 2vw;position: absolute;top: 2.5vw;right: 1vw;"> |
|
|
|
@ -57,7 +57,7 @@ |
|
|
|
<div v-for="item in typeList" :key="item" style="position: relative;margin-right: 1vw;" |
|
|
|
@click="changeType(item)"> |
|
|
|
|
|
|
|
<img v-if="twType==item" src="../assets/img/typeHeadChoose.png" style="width: 7vw;object-fit: contain;"> |
|
|
|
<img v-if="spType==item" src="../assets/img/typeHeadChoose.png" style="width: 7vw;object-fit: contain;"> |
|
|
|
<img v-else src="../assets/img/typeHead.png" style="width: 7vw;object-fit: contain;"> |
|
|
|
<div style="position: absolute;z-index: 12121;width: 100%;text-align: center;color: white;top: 15%;"> |
|
|
|
{{ item }} |
|
|
|
@ -155,6 +155,16 @@ |
|
|
|
<el-form-item style="position: relative ;" label="知识内容"> |
|
|
|
<Editor v-if="form.contentInfo!=''" v-model="TxtValue" style="height: 15vw;"></Editor> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="position: relative ;" label="选择类别"> |
|
|
|
<el-select v-model="optionValue" placeholder="请选择类别"> |
|
|
|
<el-option |
|
|
|
v-for="item in typeList" |
|
|
|
:key="item" |
|
|
|
:label="item" |
|
|
|
:value="item"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="position: relative;margin-top: 5vw;" label="相关图片"> |
|
|
|
<el-upload |
|
|
|
action="http://127.0.0.1:10031/fileUpdate/upload" |
|
|
|
@ -223,7 +233,7 @@ export default { |
|
|
|
onePagesList: [], |
|
|
|
openInfo: false, |
|
|
|
|
|
|
|
|
|
|
|
optionValue:"", |
|
|
|
form: { |
|
|
|
name: "", |
|
|
|
contentInfo: "", |
|
|
|
@ -236,12 +246,13 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
goInfo(info) { |
|
|
|
console.log(info) |
|
|
|
this.$router.push('/' + info) |
|
|
|
goInfo(item) { |
|
|
|
//this.type=item.id; |
|
|
|
console.log(item.info); |
|
|
|
this.$router.push('/' + item.info) |
|
|
|
}, |
|
|
|
changeType(item) { |
|
|
|
this.twType = item; |
|
|
|
this.spType = item; |
|
|
|
this.getContentList(); |
|
|
|
}, |
|
|
|
choosePage(item) { |
|
|
|
@ -253,7 +264,7 @@ export default { |
|
|
|
console.log("djaksjdklajsdk") |
|
|
|
var data = { |
|
|
|
name: this.selectName, |
|
|
|
type: this.type, |
|
|
|
type:this.type, |
|
|
|
spType: this.spType, |
|
|
|
pageNum: this.pageNum, |
|
|
|
pageSize: this.pageSize |
|
|
|
@ -267,21 +278,34 @@ export default { |
|
|
|
var aaa = 0; |
|
|
|
this.onePagesList = []; |
|
|
|
this.pagesList = []; |
|
|
|
if (this.pageNum < this.totalPage - 3) { |
|
|
|
|
|
|
|
for (let i = this.pageNum; i <= this.totalPage; i++) { |
|
|
|
|
|
|
|
this.pagesList.push(i); |
|
|
|
this.onePagesList.push(i); |
|
|
|
aaa = aaa + 1; |
|
|
|
console.log(aaa); |
|
|
|
if (aaa == 4) { |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
// if (this.pageNum < this.totalPage - 3) { |
|
|
|
// |
|
|
|
// for (let i = this.pageNum; i <= this.totalPage; i++) { |
|
|
|
// |
|
|
|
// this.pagesList.push(i); |
|
|
|
// this.onePagesList.push(i); |
|
|
|
// aaa = aaa + 1; |
|
|
|
// console.log(aaa); |
|
|
|
// if (aaa == 4) { |
|
|
|
// break; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
let startPage = Math.max(1, this.pageNum - 2); // 当前页之前的两页 |
|
|
|
let endPage = Math.min(this.totalPage, this.pageNum + 3); // 当前页之后的三页 |
|
|
|
|
|
|
|
for (let i = startPage; i <= endPage; i++) { |
|
|
|
this.pagesList.push(i); |
|
|
|
this.onePagesList.push(i); |
|
|
|
aaa++; |
|
|
|
if (aaa == 4) { |
|
|
|
break; |
|
|
|
}// 控制最多显示4个页码 |
|
|
|
} |
|
|
|
|
|
|
|
console.log(this.onePagesList,) |
|
|
|
console.log(this.onePagesList) |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -299,6 +323,7 @@ export default { |
|
|
|
deleteTw(id){ |
|
|
|
twdelete(id); |
|
|
|
console.log("这是删除操作") |
|
|
|
this.getContentList(); |
|
|
|
}, |
|
|
|
editTw(id) { |
|
|
|
//展示出一个修改的弹窗 |
|
|
|
@ -391,6 +416,7 @@ export default { |
|
|
|
var data = { |
|
|
|
name: this.form.name, |
|
|
|
contentInfo: this.TxtValue, |
|
|
|
spType:this.optionValue, |
|
|
|
imgs: urlStr, |
|
|
|
id: this.id |
|
|
|
} |
|
|
|
|
