From 8d04706059fecaa6afb485830af291269919c58d Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 22 九月 2023 11:16:22 +0800 Subject: [PATCH] 新建/编辑产品弹窗新增字段接口联调 --- src/views/overview/index.vue | 76 ++++++++++++++++---------------------- 1 files changed, 32 insertions(+), 44 deletions(-) diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue index c535477..45c4208 100644 --- a/src/views/overview/index.vue +++ b/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,43 +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: "鏀惰揣" - } - ], + tableList: [], editConfig: { visible: false, title: "鏂板缓", @@ -101,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> @@ -117,7 +105,7 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> .content { - height: calc(100% - 150px); + height: calc(100% - 130px); background: #fff; border-radius: 12px; .list-view { -- Gitblit v1.8.0