From e425812229ba4f464475cac1fc6c30cd974f2c52 Mon Sep 17 00:00:00 2001 From: peng <peng.com> Date: 星期一, 15 九月 2025 11:12:09 +0800 Subject: [PATCH] 解决订单查看详情问题 --- manager/src/views/order/order/orderList.vue | 73 ++++++++++++++++++++++++++++++++++-- 1 files changed, 69 insertions(+), 4 deletions(-) diff --git a/manager/src/views/order/order/orderList.vue b/manager/src/views/order/order/orderList.vue index 9c855c5..b13591e 100644 --- a/manager/src/views/order/order/orderList.vue +++ b/manager/src/views/order/order/orderList.vue @@ -18,11 +18,20 @@ style="width: 160px" /> </Form-item> - <Form-item label="浼氬憳鍚嶇О" prop="buyerName"> +<!-- <Form-item label="浼氬憳鍚嶇О" prop="buyerName">--> +<!-- <Input--> +<!-- type="text"--> +<!-- v-model="searchForm.buyerName"--> +<!-- placeholder="璇疯緭鍏ヤ細鍛樺悕绉�"--> +<!-- clearable--> +<!-- style="width: 160px"--> +<!-- />--> +<!-- </Form-item>--> + <Form-item label="浼氬憳鏄电О" prop="nickName"> <Input type="text" - v-model="searchForm.buyerName" - placeholder="璇疯緭鍏ヤ細鍛樺悕绉�" + v-model="searchForm.nickName" + placeholder="璇疯緭鍏ヤ細鍛樻樀绉�" clearable style="width: 160px" /> @@ -190,7 +199,25 @@ <Modal width="1200px" v-model="picModelFlag"> <ossManage @callback="callbackSelected" :isComponent="true" :initialize="picModelFlag" ref="ossManage" /> </Modal> - + <Modal + v-model="showGeneralQrCode" + title="浜岀淮鐮�" + width="800" + :mask-closable="false" + :loading="codeLoading" + > + <vue-qr + :text="QRCodeUrl" + :margin="0" + colorDark="#000" + colorLight="#fff" + :size="150" + ></vue-qr> + <div slot="footer"> + <Button type="text" @click="closeGeneralQrCode">鍏抽棴</Button> + <!-- <Button type="primary" @click="generalQrCode">纭</Button>--> + </div> + </Modal> <multipleMap ref="map" @callback="selectedRegion" /> </Card> </div> @@ -203,12 +230,14 @@ import JsonExcel from "vue-json-excel"; import * as API_Member from "@/api/member.js"; import { getTags } from "@/api/tag.js"; +import vueQr from "vue-qr"; export default { name: "orderList", components: { "download-excel": JsonExcel, ossManage, multipleMap, + "vue-qr": vueQr, }, data() { return { @@ -258,6 +287,7 @@ orderType: "", orderSn: "", buyerName: "", + nickName:"", orderStatus: "", }, selectDate: null, @@ -434,6 +464,24 @@ ) ); } + // // 鏍规嵁璁㈠崟鐘舵�佷负'PAID'鏃舵樉绀洪澶栨搷浣滄寜閽� + // if (params.row.deliverStatus === 'UNDELIVERED') { + // buttons.push( + // h( + // "Button", + // { + // props: { type: "primary", size: "small" }, + // style: { marginRight: "5px" }, + // on: { + // click: () => { + // this.handlerEditorQrcode(params.row); + // }, + // }, + // }, + // "淇敼鍦板潃浜岀淮鐮�" + // ) + // ); + // } return h('div', buttons); }, @@ -469,9 +517,26 @@ options: [], titleColor:'#333', // 榛樿鏍囬棰滆壊 submitDisabled:false, + QRCodeUrl:'', + showGeneralQrCode:false, + codeLoading:false, }; }, methods: { + closeGeneralQrCode(){ + this.showGeneralQrCode = false; + }, + // handlerEditorQrcode(row){ + // this.QRCodeUrl = ''; + // this.showGeneralQrCode = true + // this.codeLoading = true; + // + // //鑾峰緱鍟嗗搧瀵瑰簲鐨勭涓�涓猻kuid + // this.codeLoading = false; + // this.QRCodeUrl = this.QRcodeBaseUrl+ '/scanpage/editOrderAddress'+'?orderSn='+row.sn + // console.log(this.QRCodeUrl); + // + // }, // 閫変腑鐨勫浘鐗� callbackSelected(val) { console.log(val) -- Gitblit v1.8.0