| | |
| | | <Option value="KANJIA">砍价订单</Option> |
| | | </Select> |
| | | </Form-item> |
| | | <Form-item label="店铺" prop="store"> |
| | | <Select |
| | | v-model="searchForm.storeSelectId" |
| | | placeholder="请选择" |
| | | clearable |
| | | style="width: 160px" |
| | | > |
| | | <Option |
| | | v-for="store in storeSelectList" |
| | | :key="store.id" |
| | | :label="store.label" |
| | | :value="store.id" |
| | | > |
| | | {{ store.label }} |
| | | </Option> |
| | | </Select> |
| | | </Form-item> |
| | | <Form-item label="下单时间"> |
| | | <DatePicker |
| | | v-model="selectDate" |
| | | type="datetimerange" |
| | | format="yyyy-MM-dd" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | clearable |
| | | @on-change="selectDateRange" |
| | | placeholder="选择起始时间" |
| | |
| | | import * as API_Member from "@/api/member.js"; |
| | | import { getTags } from "@/api/tag.js"; |
| | | import vueQr from "vue-qr"; |
| | | import {getStoreSelect} from "../../../api/order"; |
| | | export default { |
| | | name: "orderList", |
| | | components: { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | //下拉框数据 |
| | | storeSelectList:[], |
| | | // 表格的表头以及内容 |
| | | fields: { |
| | | 订单编号: "sn", |
| | |
| | | ) |
| | | ); |
| | | } |
| | | // 根据订单状态为'PAID'时显示额外操作按钮 |
| | | if (params.row.deliverStatus === 'UNDELIVERED') { |
| | | buttons.push( |
| | | h( |
| | | "Button", |
| | | { |
| | | props: { type: "primary", size: "small" }, |
| | | style: { marginRight: "5px" }, |
| | | on: { |
| | | click: () => { |
| | | this.handlerEditorQrcode(params.row); |
| | | }, |
| | | }, |
| | | }, |
| | | "修改地址二维码" |
| | | ) |
| | | ); |
| | | } |
| | | // // 根据订单状态为'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); |
| | | }, |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | getStoreSelect(){ |
| | | API_Order.getStoreSelect().then(res =>{ |
| | | if (res.result){ |
| | | this.storeSelectList = res.result; |
| | | } |
| | | }) |
| | | }, |
| | | 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); |
| | | |
| | | }, |
| | | // 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) |
| | |
| | | }, |
| | | mounted() { |
| | | this.init(); |
| | | this.getStoreSelect(); |
| | | }, |
| | | }; |
| | | </script> |