feat: 产品列表添加查看编辑按钮;弹窗根据情况展示对应标题

songshankun

2023-10-19 fbe9459ed908eef6c25c3bcd244d0a7e74dfa792

 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">
@@ -63,7 +63,8 @@
      editConfig: {
        visible: false,
        title: "新建",
        infomation: {}
        infomation: {},
        keyword: ""
      }
    }
  },
@@ -73,6 +74,8 @@
  methods: {
    getList(val) {
      console.log(val)
      this.keyword = val
      this.getData()
    },
    labelClick(item) {
      console.log(item)
@@ -83,7 +86,7 @@
    },
    async getData() {
      await getOperationType({
        keyword: "",
        keyword: this.keyword,
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
@@ -106,7 +109,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 +186,8 @@
    }
  }
}

.btn-pager {
  margin-top: 0;
}
</style>