zhangli 2 سال پیش
والد
کامیت
d6c26237a7

+ 45 - 9
src/views/modules/knowledge/album/detail.vue

@@ -70,7 +70,7 @@
             </div>
           </a-input>
         </a-form-model-item>
-        <a-form-model-item class="knowledgeAddUpdateLabel" label=" 缩略图:" prop="accessory" style="margin-top: 2.4vw;margin-bottom: 0px;">
+        <a-form-model-item class="knowledgeAddUpdateLabel" label=" 缩略图:" prop="cover" style="margin-top: 2.4vw;margin-bottom: 0px;">
           <a-upload-dragger
             v-if="!knowledgeForm.cover"
             name="file"
@@ -117,9 +117,6 @@
       <div class="DataBoxContent" style="position: relative;">
         <a-input :disabled="!(isAdd)" @change='detailChange' class="detailBox" v-model="detailData" type="textarea" :autosize="{minRows: 10, maxRows: 26}" placeholder="请输入" >
         </a-input>
-        <div class="rightText">
-            {{detailNum}}
-        </div>
       </div>
     </div>
     <div class="searchBoxContent" v-show="(tapAction==1)">
@@ -127,7 +124,7 @@
         <div class="albumBox">
           <div class="albumBoxLeft">
             <a-button class="creatBtn" @click="addOpen" v-if="isAdd">创建目录</a-button>
-            <div class="albumList">
+            <div class="albumList" v-if="isAdd">
               <div v-dragging="{item: item, list:albumArr}" :key="index" :draggable= "true" @click="changeCatalogue(index)" :class="albumIndex==index?'albumitem actionAlbum':'albumitem'" v-for="(item, index) in albumArr">
                 <div class="leftPoint"></div>
                 <div class="pointText">{{item.name}}</div>
@@ -137,6 +134,12 @@
                 </div>
               </div>
             </div>
+            <div class="albumList" v-else>
+              <div :key="index" @click="changeCatalogue(index)" :class="albumIndex==index?'albumitem actionAlbum':'albumitem'" v-for="(item, index) in albumArr">
+                <div class="leftPoint0"></div>
+                <div class="pointText">{{item.name}}</div>
+              </div>
+            </div>
           </div>
           <div class="albumBoxRight">
             <div class="noDataBox" v-if="dataList.length==0">
@@ -180,7 +183,11 @@
               </a-radio-group>
             </div>
             <a-divider class="commentLine"/>
-            <div>
+            <div class="noDataBox" v-if="yelpDataList.length==0">
+              <img src="../../../../image/noDataNew.png" class="noData"/>
+              <p class="noDataText">暂无内容</p>
+            </div>
+            <div v-else>
               <div class="albumListClass" v-for="(item, index) in yelpDataList" :key="index">
                 <img v-if="item.replies.length!=0" @click="changeOpen(item)" src="../../../../image/dowmPoint.png" :class="item.open==1?'leftImg':'leftImg leftImgRotate'"/>
                 <img v-else src="../../../../image/dowmPoint.png" class="leftImg" style="opacity: 0;cursor: default;"/>
@@ -499,6 +506,12 @@ export default {
         postData.yelpId = yelpId
       }
       album.yelp(postData).then((res) => {
+        this.yelpContent = ''
+        let tempArr = this.yelpDataList.filter(item=>{return item.pkId==yelpId;})[0]
+        tempArr.replyComment = ''
+        tempArr.replies.forEach(item => {
+          item.replyComment = ''
+        })
         //this.yelpDataList=[]
         //this.getYelp()
       })
@@ -887,6 +900,7 @@ export default {
   display: flex;
   width: 100%;
   margin-bottom: 0.8854vw;
+  align-items: center;
 }
 .submitBox{
   width: 100%;
@@ -897,11 +911,15 @@ export default {
   border: 1px solid #EEEEEE;
   border-radius: 0.416666vw;
   color: #202124;
+  font-size: 0.73vw;
+  height: 1.875vw;
 }
 .titleRight /deep/.ant-radio-button-wrapper{
   background: #eee;
   font-weight: 400;
   border-color: #EEEEEE;
+  height: 1.875vw;
+  line-height: 1.8vw;
 }
 .titleRight /deep/.ant-radio-button-wrapper:hover{
   color: #202124;
@@ -1008,9 +1026,15 @@ export default {
 .albumPhoto div{
   color: #fff;
   font-size: 0.8333vw;
-  margin-top: -1.8vw;
+  margin-top: -2.4vw;
   text-align: right;
   padding-right: 0.8vw;
+  height: 2.4vw;
+  line-height: 2.4vw;
+  width: 100%;
+  position: relative;
+  border-radius: 0.625vw;
+  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
 }
 .albumTimesList{
   display: inline-block;
@@ -1135,6 +1159,7 @@ export default {
   border: 1px solid #EFEFEF;
   border-radius: 0.52vw;
   margin-top: 1.3541vw;
+  min-height: 12vw;
 }
 .albumitem{
   width: 100%;
@@ -1153,6 +1178,14 @@ export default {
   margin-left: 1.5625vw;
   margin-right: 0.677vw;
 }
+.leftPoint0{
+  width: 0.5vw;
+  height: 0.34vw;
+  background: #406CC4;
+  border-radius: 2px 2px 2px 2px;
+  margin-left: 1.5625vw;
+  margin-right: 0.677vw;
+}
 .pointText{
   width: 18vw;
   text-overflow:ellipsis;
@@ -1163,7 +1196,9 @@ export default {
   margin-left:auto;
   color: #406CC4;
   margin-right: 0.9375vw;
-  width: 5vw;
+  width: 7vw;
+  align-items: center;
+  display: flex;
 }
 .albumitemBtn i:last-child{
   margin-left: 0.73vw;
@@ -1252,7 +1287,7 @@ export default {
 }
 .commentList{
   margin-top: 0.73vw;
-  padding: 1vw 0px;
+  padding: 0.8vw 0px;
   border: 1px solid #EEEEEE;
   border-radius: 0.41666vw;
 }
@@ -1411,5 +1446,6 @@ export default {
 }
 .btnstydel{
   height: 1.2vw;
+  margin-left: 0.6vw;
 }
 </style>

+ 5 - 1
src/views/modules/knowledge/album/index.vue

@@ -30,7 +30,7 @@
             </div>
           </div>
         </div>
-        <div class="leftboxBottom">
+        <div class="leftboxBottom" @mouseleave.stop="clearAllLevel">
           <div class="level1" v-for="(item, index) in classifyArr" :key="index">
             <div :class="level1Action==index?'level1Title level1Action':'level1Title'" @click.stop="selectLevel(index,item.pkId)" @mouseover="showMore(index)">
               <div>{{item.name}}</div>
@@ -203,6 +203,10 @@ export default {
         this.showLevel1Num = num
       }
     },
+    //关闭所有分类
+    clearAllLevel(){
+      this.showLevel1Num = -1
+    },
     //选择分类1级
     selectLevel(num,pkId){
       this.level2Action = -1

+ 1 - 1
src/views/modules/knowledge/components/albumBox.vue

@@ -183,7 +183,7 @@ export default {
       margin-right: 0.52vw;
       img{
         width: 1.1vw;
-        height: fit-content;
+        height: auto;
         margin-right: 0.36vw;
       }
     }