修改顶部栏

guoshilong

2023-01-02 29bf5936bf1da2eea81f3abe07dc738f5267c42c

 src/page/index/top/top-notice.vue

@@ -3,28 +3,32 @@
              width="350"
              trigger="click">

    <el-tabs v-model="activeName">
      <el-tab-pane label="邮件(1)"
                   name="first"></el-tab-pane>
      <el-tab-pane label="消息(2)"
                   name="second"></el-tab-pane>
      <el-tab-pane label="通知"
                   name="third"></el-tab-pane>
    </el-tabs>
    <el-scrollbar style="height:300px">
      <avue-notice :data="data"
                   :option="option"
                   @page-change="pageChange"></avue-notice>
    </el-scrollbar>
<!--    <el-tabs v-model="activeName">-->
<!--      <el-tab-pane label="邮件(1)"-->
<!--                   name="first"></el-tab-pane>-->
<!--      <el-tab-pane label="消息(2)"-->
<!--                   name="second"></el-tab-pane>-->
<!--      <el-tab-pane label="通知"-->
<!--                   name="third"></el-tab-pane>-->
<!--    </el-tabs>-->

<!--    <el-scrollbar style="height:300px">-->
<!--      <avue-notice :data="data"-->
<!--                   :option="option"-->
<!--                   @page-change="pageChange"></avue-notice>-->
<!--    </el-scrollbar>-->
    <div slot="reference">
      <el-badge is-dot>
      <el-badge :is-dot="totalTodoList !='0' ">
        <i class="el-icon-bell"></i>
      </el-badge>
    </div>
    <span>您共有<a href="#javascript" style="color: #337ab7" @click="goToTodoList()">{{totalTodoList}}</a>条代办</span>
  </el-popover>
</template>

<script>
import {todoList} from "@/api/work/work";

let list = [{
  img: '/img/bg/vip1.png',
  title: '史蒂夫·乔布斯 关注了你',
@@ -65,10 +69,11 @@
        },
      },
      data: list,
      totalTodoList:"",
    }
  },
  created () {

    this.getTodoList()
  },
  methods: {
    pageChange (page, done) {
@@ -79,6 +84,17 @@
      }, 1000)

    },
    //获取代办消息
    getTodoList(){
      todoList().then(res => {
        console.log(res)
        const data = res.data.data;
        this.totalTodoList = data.total
      });
    },
    goToTodoList(){
      this.$router.push("/work/todo")
    }
  }
};
</script>