联调业务大厅条码公告注册注销列表

src/axios/module/business.js

@@ -15,7 +15,19 @@ const businessGetTop4 = (params = {}) => {
 	return POST(`${Prefix}/office/policy/api/getTop4`, params)
 }
 
+// 条码注册/注销公告 
+const businessGetEanUpcByCondition = (params = {}) => {
+	return POST(`${Prefix}/office/eanupc/api/getEanUpcByCondition`, params)
+}
+
+// 条码注册/注销公告详情
+const businessGetDetailById = (params = {}) => {
+	return POST(`${Prefix}/office/eanupc/api/getDetailById`, params)
+}
+
 export default {
 	businessDownLoad,
     businessGetTop4,
+	businessGetEanUpcByCondition,
+	businessGetDetailById,
 }

src/views/Business/Notice.vue

@@ -20,7 +20,7 @@
             aria-selected="true"
             @click="jump(i)"
           >
-            {{tmp.name}}
+            {{ tmp.name }}
           </button>
         </li>
       </ul>
@@ -38,7 +38,7 @@
           :aria-labelledby="tmp.type + '-tab'"
         >
           <list :list="tmp.data" />
-          <pages />
+          <pages :pages="pageParams" @toPagesFather="receivePagesChild" />
         </div>
       </div>
     </div>
@@ -68,14 +68,7 @@ export default {
           link: "/Business/Notice",
           active: "zhuce",
           data: [
-            {
-              name: "武隆区陈氏面条加工坊",
-              time: "2021-09-30",
-            },
-            {
-              name: "重庆功存科技有限公司",
-              time: "2021-09-30",
-            },
+            
           ],
         },
         {
@@ -84,22 +77,70 @@ export default {
           link: "/Business/Notice",
           active: "zhuxiao",
           data: [
-            {
-              name: "杭州瀚扬科技有限公司",
-              time: "2021-09-22",
-            },
-            {
-              name: "贵州国伟自由行智能科技有限公司",
-              time: "2021-09-07",
-            },
+            
           ],
         },
       ],
+      pageParams: {
+        currentPage: 1,
+        pageSize: 10,
+        pageCount: 5,
+        total: 100,
+      },
+      logoutFlag: "1",
     };
   },
+  created() {
+    this.init();
+  },
   methods: {
+    init() {
+      this.setLogoutFlag(this.$route.query.id);
+    },
+    setLogoutFlag(currentTab) {
+      if (currentTab === "zhuce") {
+        this.logoutFlag = "1";
+      } else {
+        this.logoutFlag = "0";
+      }
+      this.businessGetEanUpcByCondition();
+    },
+    // 条码注册/注销公告
+    async businessGetEanUpcByCondition() {
+      const params = {
+        page: this.pageParams.currentPage,
+        limit: this.pageParams.pageSize,
+        logoutFlag: this.logoutFlag,
+      };
+      console.log(params, "params");
+      const businessGetEanUpcByConditionRes =
+        await this.$api.business.businessGetEanUpcByCondition(params);
+      const { returnCode, data } = businessGetEanUpcByConditionRes;
+      if (returnCode === "0") {
+        console.log(businessGetEanUpcByConditionRes, "条码注册/注销公告");
+        this.pageParams.total = data.totalCount;
+        let key;
+        if (this.logoutFlag === '1') {
+          key = 0;
+        } else {
+          key = 1;
+        }
+        data.list.forEach(el => {
+          el.name = el.firmName;
+          el.time = this.$moment(el.logDate).format('YYYY-MM-DD');
+        });
+        this.list[key].data = data.list
+        console.log(this.list, 'this.list');
+      }
+    },
+    // 接收分页子组件传过来的值
+    receivePagesChild(val) {
+      this.pageParams.currentPage = val;
+      this.businessGetEanUpcByCondition();
+    },
     jump(i) {
       // console.log(i);
+      this.setLogoutFlag(this.list[i].active);
       this.$router.push({
         path: this.list[i].link,
         query: {

src/views/comps/pages.vue

@@ -18,14 +18,14 @@
     <div class="pages-middle">
       <button class="pages-btn" v-if="false">首页</button>
       <el-pagination
-        :page-size="20"
-        :pager-count="5"
+        :current-page="pages.currentPage"
+        :page-size="pages.pageSize"
+        :pager-count="pages.pageCount"
         layout="prev, pager, next"
-        :total="1000"
+        :total="pages.total"
         background
+        @current-change="handleCurrentChange"
       >
-      <span>1111</span>
-
       </el-pagination>
       <button class="pages-btn" v-if="false">尾页</button>
     </div>
@@ -40,14 +40,18 @@
 </template>
 <script>
 export default {
+  props: ['pages'],
   data() {
     return {
       sizeList: [10, 20],
-      pages: {
-        size: 10,
-      },
     };
   },
+  methods: {
+    // 当前页
+    handleCurrentChange(val) {
+      this.$emit('toPagesFather', val)
+    },
+  },
 };
 </script>
 <style lang="scss">