1

src/api/busi/notice.js

@@ -8,6 +8,14 @@ export function listNotice(query) {
     params: query
   })
 }
+// 查询通告列表
+export function queryListByUserId(query) {
+  return request({
+    url: '/busi/notice/queryListByUserId',
+    method: 'get',
+    params: query
+  })
+}
 
 // 查询通告详细
 export function getNotice(id) {

src/views/member/announcer/form/announcerDraw.vue

@@ -82,7 +82,7 @@
       </div>
       <el-table
         size="small"
-        :data="announcerDetail.notices"
+        :data="noticeList"
         height="150">
         <el-table-column prop="title" width="150" align="center" label="标题"/>
         <el-table-column prop="feeDown" align="center" label="稿费下限"/>
@@ -104,6 +104,13 @@
           </template>
         </el-table-column>
       </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getNoticeList"
+      />
     </el-card>
 
     <el-card class="box-card">
@@ -128,6 +135,7 @@
 
 <script>
 import {getAnnouncer} from "@/api/member/member";
+import {listNotice} from "@/api/busi/notice";
 import {getNotice} from "@/api/busi/notice";
 import EditForm from "@/views/busi/notice/component/EditForm.vue"
 export default {
@@ -144,11 +152,21 @@ export default {
       userId: null,
       //通告主详情
       announcerDetail: {},
+      //通告详情
+      noticeList:[],
       //查看通告详情
       isDetail:true,
       title:'',
-      open:false
-
+      open:false,
+      //通告查询参数
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userId: null,
+      },
+      // 总条数
+      total: 0,
     }
   },
   methods: {
@@ -158,6 +176,7 @@ export default {
       this.userId = userId
       this.drawer = true
       this.getAnnouncerDetail(userId)
+      this.getNoticeList()
     },
     /**获取通告主详情*/
     getAnnouncerDetail(userId) {
@@ -166,6 +185,16 @@ export default {
         this.announcerDetail = response.data;
       });
     },
+
+    /**获取已发布通告*/
+    getNoticeList(){
+      this.queryParams.userId = this.userId
+      listNotice(this.queryParams).then(response => {
+        this.noticeList = response.data.records;
+        this.total = response.data.total;
+      });
+    },
+
     /**查看通告详情*/
     handleDetail(row){
       const id = row.id || this.ids

src/views/member/blogger/form/bloggerDraw.vue

@@ -64,7 +64,7 @@
       </div>
       <el-table
         size="small"
-        :data="bloggerDetail.noticeVos"
+        :data="noticeList"
         height="150">
         <el-table-column prop="title" width="150" align="center" label="标题"/>
         <el-table-column prop="feeDown" align="center" label="稿费下限"/>
@@ -82,6 +82,13 @@
           </template>
         </el-table-column>
       </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getNoticeList"
+      />
     </el-card>
     <BusiCardForm ref="refForm" :isDetail="true"/>
   </el-drawer>
@@ -90,7 +97,7 @@
 <script>
 import {getBlogger} from "@/api/member/member";
 import BusiCardForm from "@/views/member/busiCard/form/busiCardForm.vue"
-
+import {queryListByUserId} from "@/api/busi/notice";
 export default {
   name: "BloggerDraw",
   dicts: ['dl_notice_cooperate_status'],
@@ -105,13 +112,33 @@ export default {
       userId: null,
       //博主详情
       bloggerDetail: {},
+      noticeList:[],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userId: null,
+      },
+      // 总条数
+      total: 0,
     }
   },
   methods: {
     /**初始化博主详情页*/
     initDraw(id) {
       this.drawer = true
+      this.userId = id
       this.getBloggerDetail(id)
+      this.getNoticeList()
+    },
+
+    /**获取已发布通告*/
+    getNoticeList(){
+      this.queryParams.userId = this.userId
+      queryListByUserId(this.queryParams).then(response => {
+        this.noticeList = response.data.records;
+        this.total = response.data.total;
+      });
     },
 
     /**获取博主详情*/