| | |
| | | <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> |
| | |
| | | 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 { |
| | |
| | | ) |
| | | ); |
| | | } |
| | | // 根据订单状态为'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); |
| | | }, |
| | |
| | | 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; |
| | | |
| | | //获得商品对应的第一个skuid |
| | | this.codeLoading = false; |
| | | this.QRCodeUrl = this.QRcodeBaseUrl+ '/scanpage/editOrderAddress'+'?orderSn='+row.sn |
| | | console.log(this.QRCodeUrl); |
| | | |
| | | }, |
| | | // 选中的图片 |
| | | callbackSelected(val) { |
| | | console.log(val) |