微调公告布局

main
wuyize 2022-07-14 13:30:57 +08:00
parent eee0b981c2
commit edc6752f55
1 changed files with 52 additions and 27 deletions

View File

@ -56,7 +56,8 @@
</div>
<div style="width: 50%;">
<p class="p-subtitle" style="margin-left: 10px;margin-top: 10px">个人</p>
<echartsBar @mounted="getselfTaskStats" :task="selftaskStat" style="height: 190px; weight: 100%"></echartsBar>
<echartsBar @mounted="getselfTaskStats" :task="selftaskStat"
style="height: 190px; weight: 100%"></echartsBar>
</div>
</div>
@ -162,33 +163,44 @@
<div>
<p class="p-title" style="margin-left: 10px;width: 40%;float: left;">公告</p>
<div style="width: 80px;height: 40px;float:right;">
<el-button v-if="!project.completed&&projectAccessLevel<3" @click="addggboxbtn()" type="primary"></el-button>
<el-button v-if="!project.completed&&projectAccessLevel<3" @click="addggboxbtn()" type="primary">
</el-button>
</div>
</div>
<!-- 公告具体内容 -->
<div
style="margin-top: 15px;padding: 8px;background-color: white; border-radius: 10px;flex:1;overflow: auto;position: relative;">
<el-scrollbar
wrap-style="overflow-x:hidden;"
style="margin-top: 15px;padding: 16px;background-color: white; border-radius: 10px;flex:1;position: relative;">
<div v-if="findGgBoxShow "
style="position: absolute;width:100%;height: 470px;left:0;top:0;background-color: #ffffff;z-index: 999;">
style="position: absolute;margin-top: 16px;margin-bottom: 16px;width:100%;height: 470px;left:0;top:0;background-color: #ffffff;z-index: 999;">
<div style="width:100%;height:10%;float:left;">
<p @click="gbGgBosShow()"
style="width:18%;height:100%;float:left;color: #606266;line-height: 250%;cursor: pointer;margin-left: 7%;"> <i class="el-icon" style="margin: 13px 4px 0 0;float: left;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg></i>返回</p>
style="width:18%;height:100%;float:left;color: #606266;line-height: 250%;cursor: pointer;margin-left: 7%;">
<i class="el-icon" style="margin: 13px 4px 0 0;float: left;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="currentColor"
d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>
</svg>
</i>返回
</p>
<div style="min-width:50%;height:100%;float:left;line-height: 250%;text-align: center;">
<h3>{{ findGgInfoContent.announcementTitle }} </h3></div>
<!-- //level 1 -->
<div v-if="!project.completed&&findGgInfoContent.announcementPublisherAccessLevel>=projectAccessLevel" @click="showDelbox(findGgInfoContent.announcementId)"
<!-- //level 1 -->
<div v-if="!project.completed&&findGgInfoContent.announcementPublisherAccessLevel>=projectAccessLevel"
@click="showDelbox(findGgInfoContent.announcementId)"
style="width:18%;height:100%;float:right;color: #409EFF;line-height: 250%;text-align: right;cursor: pointer;margin-right: 7%;box-sizing: border-box;padding-right: 3px;">
删除
</div>
</div>
<div
style="width:90%;height:7%;font-size:12px;float:left;margin-left:5%;line-height: 250%;text-align: center;background:#EBEFF1;color: #898989;font-size:14px ">
style="width:90%;height:7%;font-size:12px;float:left;margin-left:5%;line-height: 250%;text-align: center;color: #898989;font-size:14px ">
日期{{ findGgInfoContent.announcementPublishTime }}
&nbsp;&nbsp;&nbsp;发布人{{ findGgInfoContent.announcementPublisherName }}</div>
<div style="width:100%;height:110%;float:left;line-height: 120%;text-align: left;overflow: auto;padding: 0px 8% 0px 10%;box-sizing: border-box;margin-top: 20px;">
&nbsp;&nbsp;&nbsp;发布人{{ findGgInfoContent.announcementPublisherName }}
</div>
<div
style="width:100%;height:110%;float:left;line-height: 120%;text-align: left;overflow: auto;padding: 0px 8% 0px 10%;box-sizing: border-box;margin-top: 20px;">
{{ findGgInfoContent.announcementContent }}
</div>
@ -197,13 +209,13 @@
<div v-if="!findGgBoxShow">
<el-timeline>
<el-timeline-item timestamp="" placement="top" v-for="(item, index) in ggList" :key="index">
<el-row :gutter="12">
<el-row >
<el-card style="width:96%;" @click="findggInfo(item.announcementId)">
<h3 class="xfH3"
style="white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;width:524px;cursor: pointer;height:100%;">
{{ item.announcementTitle }}</h3>
<p> {{ item.announcementPublisherName }} 发布于 {{ item.announcementPublishTime }}</p>
</el-card>
<h3 class="xfH3"
style="white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow: hidden;width:524px;cursor: pointer;height:100%;">
{{ item.announcementTitle }}</h3>
<p> {{ item.announcementPublisherName }} 发布于 {{ item.announcementPublishTime }}</p>
</el-card>
</el-row>
<!-- <el-card @click="findggInfo(item.announcementId)">
<h3
@ -214,19 +226,19 @@
</el-timeline-item>
</el-timeline>
</div>
</div>
</el-scrollbar>
<!-- 公告具体内容结束 -->
</div>
</div>
<div v-if="!project.completed" style="height: 500px;margin: 0 30px 30px 30px;
<div v-if="project.completed===false" style="height: 500px;margin: 0 30px 30px 30px;
display: flex;flex-direction: row;justify-content: space-between">
<div style="flex: 1;height: 100%;display: flex;flex-direction: column">
<p class="p-title" style="margin-left: 10px">工作项完成趋势</p>
<div style="flex:1;margin-top: 30px;padding: 20px;
display: flex;flex-direction: column; justify-content: space-between;background-color: white; border-radius: 10px;align-items: stretch">
<TendencyChart :enable="!project.completed&&project.completed===false" style="flex: 1;"></TendencyChart>
<TendencyChart :enable="project.completed===false" style="flex: 1;"></TendencyChart>
</div>
</div>
</div>
@ -245,7 +257,8 @@
</el-input>
</el-form-item>
<el-form-item label="内容" prop="addggtextarea">
<el-input type="textarea" placeholder="请输入项目公告内容" v-model="messageForm.addggtextarea" maxlength="1000" show-word-limit
<el-input type="textarea" placeholder="请输入项目公告内容" v-model="messageForm.addggtextarea" maxlength="1000"
show-word-limit
:rows="12">
</el-input>
</el-form-item>
@ -315,8 +328,8 @@ export default {
//
centerDialogVisible: false,
messageForm: {
addggbttxt:"",
addggtextarea:'',
addggbttxt: "",
addggtextarea: '',
},
rules: {
addggbttxt: [
@ -568,8 +581,8 @@ export default {
//dialog
resetForm() {
this.messageForm = {
addggbttxt:"",
addggtextarea:'',
addggbttxt: "",
addggtextarea: '',
}
//
this.$refs.form.resetFields()
@ -695,7 +708,12 @@ export default {
font-size: 14px;
}
.xfH3:hover{color: #409eff;text-decoration: underline;}
.xfH3:hover {
color: #409eff;
text-decoration: underline;
}
.gg-info-txt {
}
@ -763,4 +781,11 @@ p.p-subtitle {
background-color: darkgray;
margin: 0 auto;
}
.el-scrollbar__wrap {
overflow-x: hidden !important;
}
</style>