yangfeng
2023-10-19 ae760880186edef869f91e3ee97dee5788aab464
src/views/overview/index.vue
@@ -1,7 +1,7 @@
<template>
  <div class="rightContent">
    <div class="top">
      <SearchCommonView :show-add="false" :placeholder="'请输入产品名称'" :amount-view="false" @searchClick="getList" />
      <SearchCommonView :show-add="false" :placeholder="'请输入业务类型'" :amount-view="false" @searchClick="getList" />
    </div>
    <div class="content">
      <div class="list-view">
@@ -41,7 +41,7 @@
        </div>
      </div>
      <div class="btn-pager">
        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
        <PagerView class="page" :page-sizes="pageSizes" :pager-options="pagerOptions" v-on="pagerEvents" />
      </div>
    </div>
  </div>
@@ -63,16 +63,21 @@
      editConfig: {
        visible: false,
        title: "新建",
        infomation: {}
      }
        infomation: {},
        keyword: ""
      },
      pageSizes: [30, 45]
    }
  },
  created() {
    this.pagerOptions.pageSize = 30
    this.getData()
  },
  methods: {
    getList(val) {
      console.log(val)
      this.keyword = val
      this.getData()
    },
    labelClick(item) {
      console.log(item)
@@ -83,7 +88,7 @@
    },
    async getData() {
      await getOperationType({
        keyword: "",
        keyword: this.keyword,
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
@@ -106,7 +111,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.content {
  height: calc(100% - 130px);
  height: calc(100% - 112px);
  background: #fff;
  border-radius: 12px;
  .list-view {
@@ -183,4 +188,8 @@
    }
  }
}
.btn-pager {
  margin-top: 0;
}
</style>