|
@@ -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,
|