| | |
| | | :direction="direction" |
| | | :before-close="handleClose" style="height: 100vh;z-index: 9999999;" size="450px"> |
| | | <div class="notice-content" v-loading="loading"> |
| | | <scroll-pagination @load="refresh" :finishLoding="finishLoding" :list="list"> |
| | | <el-button size="small" type="primary" @click="handleDropdownAll(1)" style="margin-bottom: 10px;margin-left: 330px;">全部已读</el-button> |
| | | <scroll-pagination @load="refresh" :finishLoding="finishLoding" :list="list" style="height: calc(100% - 50px);"> |
| | | <div |
| | | class="notice-content-item" |
| | | v-for="(m,i) in list" |
| | |
| | | @click="goNoticeDetail(m)"> |
| | | <img :src="`../../static/img/notice-${m.viewStatus?1:0}-${m.messageType}.svg`" alt="" style="margin-right: 6px;"> |
| | | <div class="notice-content-item-left"> |
| | | <p>{{ m.theme }}</p> |
| | | <p style="display: flex;justify-content: space-between;"> |
| | | <span>{{ m.theme }}</span> |
| | | <i class="el-icon-delete" style="cursor: pointer;font-size: 16px;margin-right: 20px;" @click.stop="handleDel(m)"></i> |
| | | </p> |
| | | <p style="width: 100%;display: flex;align-items: center;justify-content: space-between;"> |
| | | <span>发送人:{{ m.createUser }}</span> |
| | | <span>{{ m.createTime }}</span> |
| | |
| | | </div> |
| | | </div> |
| | | </scroll-pagination> |
| | | <!-- <div v-if="list.length<1&&!loading" style="color:#909399;font-size:14px;text-align: center;margin-top:200px" >暂无数据</div> --> |
| | | <div v-if="list.length<1&&!loading" style="color:#909399;font-size:14px;text-align: center;margin-top:200px" >暂无数据</div> |
| | | </div> |
| | | </el-drawer> |
| | | </div> |
| | |
| | | value:4 |
| | | }, |
| | | ], |
| | | list:[ |
| | | // { |
| | | // messageType:1, |
| | | // theme:'测试标题', |
| | | // createTime: '2019-08-30 15:46:17', |
| | | // createUser:'<USERNAME>', |
| | | // viewStatus:false, |
| | | // }, |
| | | // { |
| | | // messageType:2, |
| | | // theme:'测试标题', |
| | | // createTime: '2019-08-30 15:46:17', |
| | | // createUser:'<USERNAME>', |
| | | // viewStatus:true, |
| | | // }, |
| | | ], |
| | | list:[], |
| | | currentPage:1, |
| | | pageSize: 8, // 一页7条 |
| | | total: null, |
| | |
| | | this.keyMap = {}; |
| | | this.currentPage = 1; |
| | | this.refresh(); |
| | | this.$emit('goNoticeDetail') |
| | | }) |
| | | } |
| | | }, |
| | |
| | | |
| | | >>>.el-drawer__header { |
| | | color: #303133; |
| | | text-align: left; |
| | | } |
| | | >>>.el-drawer__body{ |
| | | height: calc(100vh - 82px); |
| | |
| | | .readStyle .notice-content-item-left p:nth-child(2){ |
| | | color: #90CBCD; |
| | | } |
| | | .el-icon-delete{ |
| | | display: none; |
| | | } |
| | | .notice-content-item:hover .el-icon-delete{ |
| | | display: inline-block; |
| | | } |
| | | </style> |