Bladeren bron

优化评论功能文本域的位置问题,换了一个评论图片

Lljy-ai 4 jaren geleden
bovenliggende
commit
49a729f05d

BIN
fhKeeper/formulahousekeeper/timesheet/src/assets/image/xiao.png


+ 67 - 52
fhKeeper/formulahousekeeper/timesheet/src/views/project/projectInside.vue

@@ -301,50 +301,57 @@
             </div>
             <!-- 评论 -->
             <div class="remark">
-                <div class="player">
-                    <p>参与人</p>
-                    <div class="bj" v-for="(pl, i) in critic" :key="i">
-                        <span style="background: #778899">{{pl.length > 2 ? pl.substring(pl.length - 2, pl.length) : pl}}</span>
-                        <!-- <span style="background: #778899">{{pl.length}}</span> -->
-                    </div>
-                </div>
-                <div class="subject">
-                    <div class="sub-all">所有动态</div>
-                    <div class="sub-details" ref="main">
-                        <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto" ref="contRoll">
-                            <div style="width: 100%" v-if="commentList.length <= 0">
-                                <img src="../../assets/image/xiao.png" alt="">
+                <span class="zh">
+                    <span  v-for="(pl, i) in critic" :key="i">
+                        <div class="player" v-if="pl">
+                            <p>参与人</p>
+                            <div class="bj">
+                                <span style="background: #778899">{{pl.length > 2 ? pl.substring(pl.length - 2, pl.length) : pl}}</span>
+                                <!-- <span style="background: #778899">{{pl.length}}</span> -->
                             </div>
-                            <li v-for="i in count" class="infinite-list-item counli" :key="i">
-                                <p><i class="el-icon-s-fold"></i> <em>屈经理完成了依赖任务</em><span>4月20日</span></p>
-                            </li>
-                            <li class="carts" v-for="item in commentList" :key="item.id">
-                                <!-- <el-image style="width: 30px; height: 30px" :src="url" :fit="fit"></el-image> -->
-                                <!-- <i :style="'background' + item.userColor"> -->
-                                <i :style="'background' + item.userColor">
-                                    {{item.userName.length > 2 ? item.userName.substring(item.userName.length - 2, item.userName.length) : item.userName}}
-                                </i>
-                                <div>
-                                    <!-- <p>{{item.userName}}</p> -->
-                                    <p>{{item.userName}}</p>
-                                    <em>{{item.content}}</em>
+                        </div>
+                    </span>
+                    <div class="subject">
+                        <div class="sub-all">所有动态</div>
+                        <div class="sub-details" ref="main">
+                            <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto" ref="contRoll">
+                                <div style="width: 100%" v-if="commentList.length <= 0">
+                                    <img src="../../assets/image/xiao.png" alt="">
                                 </div>
-                                <span>{{item.createTime | relativeTime}}</span>
-                            </li>
-                        </ul>
+                                <li v-for="i in count" class="infinite-list-item counli" :key="i">
+                                    <p><i class="el-icon-s-fold"></i> <em>屈经理完成了依赖任务</em><span>4月20日</span></p>
+                                </li>
+                                <li class="carts" v-for="item in commentList" :key="item.id">
+                                    <!-- <el-image style="width: 30px; height: 30px" :src="url" :fit="fit"></el-image> -->
+                                    <!-- <i :style="'background' + item.userColor"> -->
+                                    <i :style="'background' + item.userColor">
+                                        {{item.userName.length > 2 ? item.userName.substring(item.userName.length - 2, item.userName.length) : item.userName}}
+                                    </i>
+                                    <div>
+                                        <!-- <p>{{item.userName}}</p> -->
+                                        <p>{{item.userName}}</p>
+                                        <em>{{item.content}}</em>
+                                    </div>
+                                    <span>{{item.createTime | relativeTime}}</span>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
-                </div>
-                <div class="issue">
-                    <!-- <el-input type="textarea" class="textareays" label-width="100%" label-height="140px"></el-input> -->
-                    <el-input
-                    class="issue-input"
-                    type="textarea"
-                    placeholder="请输入内容"
-                    :autosize="{ minRows: 5, maxRows: 6}"
-                    v-model.trim="textarea2">
-                    </el-input>
-                    <el-button class="issue-button" type="primary" @click="release()">发布</el-button>
-                </div>
+                    <div class="issue">
+                        <!-- <el-input type="textarea" class="textareays" label-width="100%" label-height="140px"></el-input> -->
+                        <div class="issue_fixation">
+                            <el-input
+                            class="issue-input"
+                            type="textarea"
+                            placeholder="请输入内容"
+                            :autosize="{ minRows: 6, maxRows: 6}"
+                            v-model.trim="textarea2"
+                            >
+                            </el-input>
+                            <el-button class="issue-button" type="primary" @click="release()">发布</el-button>
+                        </div>
+                    </div>
+                </span>
             </div>
             <!-- 评论 -->
         </el-dialog>
@@ -962,7 +969,12 @@ toolbar: 'bold italic underline strikethrough | fontsizeselect | forecolor backc
                 this.title = "编辑任务";
                 this.getTaskDetail(task.id);
                 this.gain(task); // 获取评论列表
+                // this.gengx()
             },  
+            // gengx() {
+            //     var ok = document.getElementById('player');
+            //     console.log(ok,1234);
+            // },
             // 获取评论列表
             gain (task) {
                 this.taskId = task.id
@@ -1893,8 +1905,14 @@ toolbar: 'bold italic underline strikethrough | fontsizeselect | forecolor backc
     }
 }
 .issue {
-    height: 20%;
-    position: relative;
+    // height: 20%;
+    // position: relative;
+    // z-index: 4;
+    .zh{
+        position: relative;
+        width: 100%;
+        height: 100%;
+    }
     .textareays {
         background: #000;
         height: 140px;
@@ -1904,18 +1922,15 @@ toolbar: 'bold italic underline strikethrough | fontsizeselect | forecolor backc
         }
     }
     .issue-button {
-        // position: fixd;
-        // bottom: 0px;
-        float: right;
-        margin-top: 2%;
+        position: absolute;
+        bottom: 20px    ;
+        right: 0;
     }
 }
 .issue-input {
-        // height: 140px;
-       /deep/ .el-textarea__inner {
-            border: 0;
-        }
-    }
+    position: absolute;
+    bottom: 85px;    
+}
 </style>
 <style>
 .ql-snow .ql-picker.ql-size .ql-picker-label::before,