From ebddc02611b0373c1d5bfa342bd781fb5eb82009 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期二, 01 八月 2023 14:23:31 +0800 Subject: [PATCH] 侧边栏样式机销售明细单增加销售机会选择弹窗 --- src/views/sales/masterOrder/index.vue | 129 +++++++++++++++++++++++++------------------ 1 files changed, 75 insertions(+), 54 deletions(-) diff --git a/src/views/sales/masterOrder/index.vue b/src/views/sales/masterOrder/index.vue index bed80be..510d1bb 100644 --- a/src/views/sales/masterOrder/index.vue +++ b/src/views/sales/masterOrder/index.vue @@ -3,13 +3,14 @@ <SearchCommonView ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" /> <div class="btn-pager"> <PublicFunctionBtnView :operates-list="operatesList" /> - <PagerView class="page" /> + <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> <TableCommonView ref="tableListRef" :show-summary="showSummary" :table-list="tableList"> <template slot="tableButton"> - <el-table-column label="鎿嶄綔" width="60"> + <el-table-column label="鎿嶄綔" width="90"> <template slot-scope="scope"> <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button> + <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> </template> </el-table-column> </template> @@ -20,20 +21,15 @@ </template> <script> -import SearchCommonView from "@/components/makepager/SearchCommonView" -import PublicFunctionBtnView from "@/components/makepager/PublicFunctionBtnView" -import PagerView from "@/components/makepager/PagerView" -import TableCommonView from "@/components/makepager/TableCommonView" import AddMasterOrderDialog from "@/views/sales/masterOrder/AddMasterOrderDialog" +import { getMasterOrderList, getDelMasterOrder } from "@/api/sales/masterOrder" +import pageMixin from "@/components/makepager/pager/mixin/pageMixin" export default { name: "MasterOrder", props: {}, + mixins: [pageMixin], components: { - SearchCommonView, - PublicFunctionBtnView, - PagerView, - TableCommonView, AddMasterOrderDialog }, computed: {}, @@ -66,45 +62,27 @@ }, showSummary: { show: true, - sumProp: ["contractAmount"], + sumProp: ["money"], mergeNumber: 5 } } }, created() { this.setTable() + this.getData() }, methods: { setTable() { this.tableList = { - tableInfomation: [ - { - documentNumber: "ZDYBD03-1", - customName: "寮犱笁", - serviceStartTime: "2023-0703 11:22:12", - serviceDeadline: "2023-0703 11:22:12", - contractAmount: 13000.0, - owner: "绯荤粺绠$悊鍛�", - approvalStatus: "鏈彁浜�" - }, - { - documentNumber: "", - customName: "", - serviceStartTime: "", - serviceDeadline: "", - contractAmount: 13000.0, - owner: "", - approvalStatus: "" - } - ], + tableInfomation: [], tableColumn: [ - { label: "鍗曟嵁缂栧彿", prop: "documentNumber", min: 120 }, // 鍗曟嵁缂栧彿 - { label: "瀹㈡埛鍚嶇О", prop: "customName", min: 120 }, // 瀹㈡埛鍚嶇О - { label: "鏈嶅姟寮�濮嬫椂闂�", prop: "serviceStartTime", min: 90 }, // 鏈嶅姟寮�濮嬫椂闂� - { label: "鏈嶅姟鎴鏃堕棿", prop: "serviceDeadline" }, // 鏈嶅姟鎴鏃堕棿 - { label: "鍚堝悓閲戦", prop: "contractAmount", min: 100 }, // 鍚堝悓閲戦 - { label: "璐熻矗浜�", prop: "owner" }, // 璐熻矗浜� - { label: "瀹℃壒鐘舵��", prop: "approvalStatus" } // 瀹℃壒鐘舵�� + { label: "鍗曟嵁缂栧彿", prop: "number", min: 100 }, // 鍗曟嵁缂栧彿 + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 120 }, // 瀹㈡埛鍚嶇О + { label: "鏈嶅姟寮�濮嬫椂闂�", prop: "start_time", isTime: true }, // 鏈嶅姟寮�濮嬫椂闂� + { label: "鏈嶅姟鎴鏃堕棿", prop: "end_time", isTime: true }, // 鏈嶅姟鎴鏃堕棿 + { label: "鍚堝悓閲戦", prop: "money" }, // 鍚堝悓閲戦 + { label: "璐熻矗浜�", prop: "member_id" } // 璐熻矗浜� + // { label: "瀹℃壒鐘舵��", prop: "approvalStatus" } // 瀹℃壒鐘舵�� ] } this.searchOptions = [] @@ -113,32 +91,75 @@ this.searchOptions.push({ value: (i + 1).toString(), label: label }) } }, + // 璇锋眰鏁版嵁 + async getData() { + this.loading = true + await getMasterOrderList({ + keyword: "", + page: this.pagerOptions.currPage, + pageSize: this.pagerOptions.pageSize + }) + .then((res) => { + console.log(res) + if (res.code === 200) { + if (res.data.list && res.data.list.length > 0) { + const list = res.data.list.map((item) => { + return { + ...item, + client_name: item.client.name + } + }) + this.tableList.tableInfomation = list || [] + this.pagerOptions.totalCount = res.data.count + } else { + this.tableList.tableInfomation = [] + } + } else { + this.tableList.tableInfomation = [] + } + this.loading = false + }) + .catch((err) => { + console.log(err) + this.tableList.tableInfomation = [] + this.loading = false + }) + }, // 鏂板缓 addBtnClick() { this.editConfig.visible = true this.editConfig.title = "鏂板缓" - this.editConfig.infomation = { - customName: "", - documentNumber: "AC6521", - owner: "", - serviceStartTime: "", - serviceDeadline: "", - contractAmount: "" - } + this.editConfig.infomation = {} }, // 缂栬緫 handleClick(row) { console.log(row) this.editConfig.visible = true this.editConfig.title = "缂栬緫" - this.editConfig.infomation = { - customName: "", - documentNumber: "AC6521", - owner: "", - serviceStartTime: "", - serviceDeadline: "", - contractAmount: "" - } + this.editConfig.infomation = { ...row } + }, + // 鍒犻櫎 + delClick(id) { + this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(function () { + return getDelMasterOrder({ id: id }) + }) + .then((response) => { + if (response.code === 200) { + this.$message.success("鍒犻櫎鎴愬姛") + this.getData() + } else { + this.$message.warning("鍒犻櫎澶辫触") + } + }) + .catch(function () {}) + }, + getSelectArray(val) { + console.log(val) } } } -- Gitblit v1.8.0