From ed2f130164f4145560b4176da6629890c0806ded Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 10 八月 2023 18:11:27 +0800 Subject: [PATCH] 服务管理模块联调 --- src/views/service/serviceFollowup/index.vue | 98 +++++++++++++++++++++++++++++++++--------------- 1 files changed, 67 insertions(+), 31 deletions(-) diff --git a/src/views/service/serviceFollowup/index.vue b/src/views/service/serviceFollowup/index.vue index 3ad980c..d6f6588 100644 --- a/src/views/service/serviceFollowup/index.vue +++ b/src/views/service/serviceFollowup/index.vue @@ -9,9 +9,12 @@ ref="searchCommonView" :query-class-options="queryClassOptions" :search-options="searchOptions" + :search-sel="searchSel" + @searchClick="searchClick" + @resetClick="resetClick" /> <div class="btn-pager"> - <PublicFunctionBtnView :import-button="false" :operates-list="operatesList" /> + <PublicFunctionBtnView :import-button="false" :operates-list="operatesList" @batchDelete="delClick" /> <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> </div> @@ -23,12 +26,13 @@ @selCommonClick="selCommonClick" @selContactsClick="selContactsClick" @selServiceOrderClick="selServiceOrderClick" + @getSelectArray="getSelectArray" > <template slot="tableButton"> - <el-table-column label="鎿嶄綔" width="90"> + <el-table-column label="鎿嶄綔" width="60"> <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> + <!-- <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> --> </template> </el-table-column> </template> @@ -108,7 +112,12 @@ clientServiceDetail: { visible: false, infomation: {} - } + }, + searchSel: { + value: "number", + label: "鍥炶鍗曠紪鍙�" + }, + selValueList: [] } }, created() { @@ -121,9 +130,9 @@ tableInfomation: [], tableColumn: [ { label: "鍥炶鍗曠紪鍙�", prop: "number", min: 80, isCommonClick: true }, // 鍥炶鍗曠紪鍙� - { label: "瀹㈡埛鍚嶇О", prop: "clientId", min: 130, isClientClick: true }, // 瀹㈡埛鍚嶇О - { label: "鑱旂郴浜哄鍚�", prop: "contactId", isContactClick: true }, // 鑱旂郴浜哄鍚� - { label: "瀹㈡埛鏈嶅姟鍗�", prop: "serviceId", isServiceOrder: true }, // 瀹㈡埛鏈嶅姟鍗� + { label: "瀹㈡埛鍚嶇О", prop: "client_name", min: 130, isClientClick: true }, // 瀹㈡埛鍚嶇О + { label: "鑱旂郴浜哄鍚�", prop: "contact_name", isContactClick: true }, // 鑱旂郴浜哄鍚� + { label: "瀹㈡埛鏈嶅姟鍗�", prop: "client_service_order", isServiceOrder: true }, // 瀹㈡埛鏈嶅姟鍗� { label: "鍥炶浜�", prop: "isVisit" }, // 鍥炶浜� { label: "婊℃剰搴�", prop: "satisfaction" } // 婊℃剰搴� // { label: "淇敼鏃堕棿", prop: "modifyTime" } // 淇敼鏃堕棿 @@ -132,14 +141,16 @@ this.searchOptions = [] for (let i = 0; i < this.tableList.tableColumn.length; i++) { const label = this.tableList.tableColumn[i].label - this.searchOptions.push({ value: (i + 1).toString(), label: label }) + const value = this.tableList.tableColumn[i].prop + this.searchOptions.push({ value: value, label: label }) } }, // 璇锋眰鏁版嵁 - async getData() { + async getData(keyword, keywordType) { this.loading = true await getServiceFollowupList({ - keyword: "", + keyword: keyword, + keywordType: keywordType, page: this.pagerOptions.currPage, pageSize: this.pagerOptions.pageSize }) @@ -149,7 +160,10 @@ if (res.data.list && res.data.list.length > 0) { const list = res.data.list.map((item) => { return { - ...item + ...item, + client_service_order: item.ServiceOrder.serviceNumber, + client_name: item.client.name, + contact_name: item.contact.name } }) this.tableList.tableInfomation = list || [] @@ -168,6 +182,15 @@ this.loading = false }) }, + // 鎼滅储 + searchClick(val, content) { + console.log(val, content) + this.getData(content, val.label) + }, + resetClick() { + this.search_map = {} + this.getData() + }, // 鏂板缓 addBtnClick() { this.editConfig.visible = true @@ -182,39 +205,52 @@ this.editConfig.infomation = { ...row } }, // 鍒犻櫎 - delClick(id) { - this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning" - }) - .then(function () { - return getDelServiceFollowup({ id: id }) + delClick() { + if (this.selValueList && this.selValueList.length > 0) { + this.$confirm("鏄惁纭鍒犻櫎?", "璀﹀憡", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" }) - .then((response) => { - if (response.code === 200) { - this.$message.success("鍒犻櫎鎴愬姛") - this.getData() - } else { - this.$message.warning("鍒犻櫎澶辫触") - } - }) - .catch(function () {}) + .then(() => { + getDelServiceFollowup({ ids: this.selValueList }).then((response) => { + if (response.code === 200) { + this.$message.success("鍒犻櫎鎴愬姛") + this.getData() + } else { + this.$message.warning("鍒犻櫎澶辫触") + } + }) + }) + .catch(() => {}) + } else { + this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉¤褰�") + } }, getSelectArray(val) { console.log(val) + this.selValueList = [] + const list = val.map((item) => { + return item.id + }) + this.selValueList = list }, // 瀹㈡埛鍚嶇О璇︽儏 selClientClick(row) { console.log(row) this.clientDeail.visible = true - this.clientDeail.infomation = { ...row, client_name: row.name } + this.clientDeail.infomation = { + ...row.client, + client_name: row.client.name, + client_level: row.client.client_level.name, + client_status: row.client.client_status.name + } }, // 鑱旂郴浜鸿鎯� selContactsClick(row) { console.log(row) this.contactsDeail.visible = true - this.contactsDeail.infomation = { ...row } + this.contactsDeail.infomation = { ...row.contact, Client: row.client } }, // 鏈嶅姟鍥炶鍗曡鎯� selCommonClick(row) { @@ -225,7 +261,7 @@ selServiceOrderClick(row) { console.log(row) this.clientServiceDetail.visible = true - this.clientServiceDetail.infomation = { ...row } + this.clientServiceDetail.infomation = { ...row.ServiceOrder } } } } -- Gitblit v1.8.0