概述和产品相关接口联调待完善

yangfeng

2023-09-21 8d0ee0a2c32c7a99afc01b0a0c795d708a9b7955

 src/views/overview/index.vue

@@ -10,9 +10,9 @@
          v-for="item in tableList"
          :key="item.id"
          :class="{
            overview_active: item.status === 'active',
            overview_done: item.status === 'done',
            overview_todo: item.status === 'todo'
            overview_active: item.baseOperationType === 1,
            overview_done: item.baseOperationType === 2,
            overview_todo: item.baseOperationType === 3
          }"
        >
          <div class="top">
@@ -48,6 +48,7 @@

<script>
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
import { getOperationType } from "@/api/overview/overview"

export default {
  name: "OverView",
@@ -57,48 +58,7 @@
  computed: {},
  data() {
    return {
      tableList: [
        {
          name: "采购入库",
          status: "active",
          workType: "收货"
        },
        {
          name: "内部调拨",
          status: "done",
          workType: "内部调拨"
        },
        {
          name: "订单发货出库",
          status: "done",
          workType: "发货"
        },
        {
          name: "2",
          status: "active",
          workType: "收货"
        },
        {
          name: "3",
          status: "todo",
          workType: "收货"
        },
        {
          name: "2",
          status: "active",
          workType: "收货"
        },
        {
          name: "3",
          status: "todo",
          workType: "收货"
        },
        {
          name: "4444444",
          status: "todo",
          workType: "发货"
        }
      ],
      tableList: [],
      editConfig: {
        visible: false,
        title: "新建",
@@ -106,15 +66,38 @@
      }
    }
  },
  created() {},
  created() {
    this.getData()
  },
  methods: {
    getList(val) {
      console.log(val)
    },
    labelClick(item) {
      this.$router.push({ path: "/overview/overviewList", query: { name: item.name, workType: item.workType } })
      console.log(item)
      this.$router.push({
        name: "overviewList",
        params: { name: item.name, workType: item.baseOperationType, id: item.id }
      })
    },
    getData() {}
    async getData() {
      await getOperationType({
        keyword: "",
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
        console.log(res.data.data)
        if (res.data.code === 200) {
          const list = res.data.data.map((item) => {
            return {
              ...item
            }
          })
          this.tableList = list || []
          this.pagerOptions.totalCount = res.data.total
        }
      })
    }
  }
}
</script>