licp
2024-12-20 d975fc4756806f5b51f006c19c33571b9b8c0b3b
src/view/notice.vue
@@ -6,7 +6,8 @@
  :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"
@@ -15,7 +16,10 @@
        @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>
@@ -23,7 +27,7 @@
          </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>
@@ -69,22 +73,7 @@
          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,
@@ -221,6 +210,7 @@
        this.keyMap = {};
        this.currentPage = 1;
        this.refresh();
        this.$emit('goNoticeDetail')
      })
    }
  },
@@ -241,6 +231,7 @@
>>>.el-drawer__header {
  color: #303133;
  text-align: left;
}
>>>.el-drawer__body{
  height: calc(100vh - 82px);
@@ -299,4 +290,10 @@
.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>