|
@@ -38,7 +38,7 @@
|
|
|
</div>
|
|
|
<div class="userEnd">
|
|
|
<div class="albumPhoto">
|
|
|
- <img :src="imgUrl"/>
|
|
|
+ <img :src="imgUrl" @click="openPreview(detailDataBase.cover)"/>
|
|
|
<div>{{detailDataBase.createTime}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -134,7 +134,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="albumList" v-else>
|
|
|
+ <div class="albumList" style="margin-top:0;" v-else>
|
|
|
<div :key="index" @click="changeCatalogue(index)" :class="albumPkId==item.pkId?'albumitem actionAlbum':'albumitem'" v-for="(item, index) in albumArr">
|
|
|
<div class="leftPoint0"></div>
|
|
|
<div class="pointText">{{item.name}}</div>
|
|
@@ -147,7 +147,7 @@
|
|
|
<p class="noDataText">暂无内容</p>
|
|
|
</div>
|
|
|
<div v-else class="listBoxItemContent listItemClass" v-for="(item, index) in dataList" :key="index">
|
|
|
- <pageList :item="item" @delRefresh="delList(index)" :showDelete="showDelete"></pageList>
|
|
|
+ <pageList :item="item" @delRefresh="delList(index)" :showDelete="showDelete&&isAdd"></pageList>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -283,6 +283,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</a-modal>
|
|
|
+ <previewVisible ref="previewVisible"></previewVisible>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -294,13 +295,15 @@ import album from '@/api/knowledge/album'
|
|
|
import api from '@/api/knowledge/warehouseIndex'
|
|
|
import pageList from '../components/pageListAlbum'
|
|
|
import albumList from '../components/albumList'
|
|
|
+import previewVisible from '../components/previewVisible'
|
|
|
import { ACCESS_TOKEN } from '@/store/mutation-types';
|
|
|
import {mapState} from "vuex";
|
|
|
export default {
|
|
|
name: 'contentData',
|
|
|
components: {
|
|
|
pageList,
|
|
|
- albumList
|
|
|
+ albumList,
|
|
|
+ previewVisible
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
@@ -414,7 +417,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
beforeRouteLeave(to, from, next) {
|
|
|
- console.log(from)
|
|
|
if(to.name == 'albumIndex') {
|
|
|
to.query.scope = this.scope
|
|
|
}
|
|
@@ -465,6 +467,9 @@ export default {
|
|
|
this.init()
|
|
|
},
|
|
|
methods: {
|
|
|
+ openPreview(src){
|
|
|
+ this.$refs.previewVisible.openBig(src)
|
|
|
+ },
|
|
|
//点击加载更多评论
|
|
|
getMoreList(){
|
|
|
this.yelpPageNum = this.yelpPageNum+1
|
|
@@ -615,6 +620,14 @@ export default {
|
|
|
//const hide = this.$message.loading('验证码发送中..', 0)
|
|
|
//setTimeout(hide, 5000);
|
|
|
//return false;
|
|
|
+ if(this.knowledgeForm.categoryId.length==0){
|
|
|
+ this.$message.error('请选择分类');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if(this.knowledgeForm.name==''){
|
|
|
+ this.$message.error('请输入专题标题');
|
|
|
+ return false
|
|
|
+ }
|
|
|
if(this.knowledgeForm.cover==''&&this.isAdd){
|
|
|
this.$message.error('请上传缩略图');
|
|
|
return false
|
|
@@ -777,14 +790,18 @@ export default {
|
|
|
// let innerWidth = window.innerWidth
|
|
|
|
|
|
// this.widthVar = innerWidth/30
|
|
|
-
|
|
|
- setInterval(() => {
|
|
|
+ document.onclick=function(element){
|
|
|
+ if(element.target.className.indexOf('ant-cascader-menu-item')>-1){
|
|
|
+ document.querySelector('.ant-cascader-menus').scrollLeft = 20480
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /*setInterval(() => {
|
|
|
document.querySelectorAll('.ant-cascader-menu-item').forEach(el => {
|
|
|
el.onclick = function() {
|
|
|
document.querySelector('.ant-cascader-menus').scrollLeft = 2048
|
|
|
}
|
|
|
})
|
|
|
- }, 1000)
|
|
|
+ }, 1000)*/
|
|
|
},
|
|
|
//增加知识
|
|
|
handleOkAdd(){
|
|
@@ -844,6 +861,16 @@ export default {
|
|
|
},
|
|
|
changeAction(num){
|
|
|
this.tapAction = num
|
|
|
+ if(this.$route.query.pkId) {
|
|
|
+ if(this.tapAction==1||this.tapAction==3){
|
|
|
+ this.getApprovals()
|
|
|
+ }
|
|
|
+ if(this.tapAction==2){
|
|
|
+ this.yelpDataList=[]
|
|
|
+ this.yelpPageNum=1
|
|
|
+ this.getYelp()
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
//初始化
|
|
|
async init() {
|
|
@@ -875,6 +902,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+<style>
|
|
|
+.titleRight .ant-radio-button-wrapper:not(:first-child):before{
|
|
|
+ display: none;
|
|
|
+ background: #000;
|
|
|
+}
|
|
|
+</style>
|
|
|
<style lang="less" scoped>
|
|
|
.categoryBox{
|
|
|
display: inline-block;
|
|
@@ -968,29 +1001,47 @@ export default {
|
|
|
}
|
|
|
.titleRight{
|
|
|
margin-left: auto;
|
|
|
- border: 1px solid #EEEEEE;
|
|
|
- border-radius: 0.416666vw;
|
|
|
+ border: 2px solid #EEEEEE;
|
|
|
+ border-radius: 6px;
|
|
|
color: #202124;
|
|
|
font-size: 0.73vw;
|
|
|
height: 1.875vw;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #EEEEEE;
|
|
|
}
|
|
|
.titleRight /deep/.ant-radio-button-wrapper{
|
|
|
+ border-radius: 0vw;
|
|
|
background: #eee;
|
|
|
font-weight: 400;
|
|
|
- border-color: #EEEEEE;
|
|
|
- height: 1.875vw;
|
|
|
- line-height: 1.8vw;
|
|
|
+ border-color: #eeeeee00;
|
|
|
+ height: calc(1.875vw - 4px);
|
|
|
+ line-height: calc(1.875vw - 4px);
|
|
|
+ box-shadow: none!important;
|
|
|
+}
|
|
|
+.titleRight /deep/.ant-radio-button-wrapper:focus{
|
|
|
+ box-shadow: none!important;
|
|
|
}
|
|
|
.titleRight /deep/.ant-radio-button-wrapper:hover{
|
|
|
color: #202124;
|
|
|
}
|
|
|
+.titleRight /deep/.ant-radio-button-wrapper:before{
|
|
|
+ background-color: #d9d9d900;
|
|
|
+}
|
|
|
.titleRight /deep/.ant-radio-button-wrapper-checked{
|
|
|
+ border-radius: 6px;
|
|
|
+ box-shadow: none!important;
|
|
|
background: #fff;
|
|
|
font-weight: 400;
|
|
|
border-color: #EEEEEE;
|
|
|
color: #202124;
|
|
|
box-shadow:none;
|
|
|
}
|
|
|
+.titleRight /deep/.ant-radio-button{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.titleRight /deep/.ant-radio-button-wrapper-checked:focus{
|
|
|
+ box-shadow: none!important;
|
|
|
+}
|
|
|
.titleRight /deep/.ant-radio-button-wrapper-checked:hover{
|
|
|
background: #fff;
|
|
|
border-color: #EEEEEE;
|