| | |
| | | :label-width="75" |
| | | class="search-form mb_10" |
| | | > |
| | | <!-- <Form-item label="优惠券名称" prop="couponName">--> |
| | | <!-- <Input--> |
| | | <!-- type="text"--> |
| | | <!-- v-model="searchForm.couponName"--> |
| | | <!-- placeholder="请输入优惠券名称"--> |
| | | <!-- clearable--> |
| | | <!-- style="width: 200px"--> |
| | | <!-- />--> |
| | | <!-- </Form-item>--> |
| | | <!-- <Form-item label="会员名称" prop="memberName">--> |
| | | <!-- <Input--> |
| | | <!-- type="text"--> |
| | | <!-- v-model="searchForm.memberName"--> |
| | | <!-- placeholder="请输入会员名称"--> |
| | | <!-- clearable--> |
| | | <!-- style="width: 200px"--> |
| | | <!-- />--> |
| | | <!-- </Form-item>--> |
| | | <!-- <Form-item label="获取方式" prop="getType">--> |
| | | <!-- <Select--> |
| | | <!-- v-model="searchForm.getType"--> |
| | | <!-- placeholder="请选择"--> |
| | | <!-- clearable--> |
| | | <!-- style="width: 200px"--> |
| | | <!-- >--> |
| | | <!-- <Option value="FREE">免费获取</Option>--> |
| | | <!-- <Option value="ACTIVITY">活动获取</Option>--> |
| | | <!-- </Select>--> |
| | | <!-- </Form-item>--> |
| | | <!-- <Form-item label="优惠券状态" prop="memberCouponStatus">--> |
| | | <!-- <Select--> |
| | | <!-- v-model="searchForm.memberCouponStatus"--> |
| | | <!-- placeholder="请选择"--> |
| | | <!-- clearable--> |
| | | <!-- style="width: 200px"--> |
| | | <!-- >--> |
| | | <!-- <Option value="NEW">已领取</Option>--> |
| | | <!-- <Option value="USED">已使用</Option>--> |
| | | <!-- <Option value="EXPIRE">已过期</Option>--> |
| | | <!-- <Option value="CLOSED">已作废</Option>--> |
| | | <!-- </Select>--> |
| | | <!-- </Form-item>--> |
| | | <Button |
| | | @click="handleSearch" |
| | | type="primary" |
| | |
| | | class="add-btn" |
| | | v-if="row.material === 'NOT_GENERATE' && row.claimStatus ==='CLAIM'" |
| | | >补充材料</Button> |
| | | <Button |
| | | style="margin-left: 10px" |
| | | @click="generalQrCode(row)" |
| | | type="primary" |
| | | class="add-btn" |
| | | >查看二维码</Button> |
| | | </template> |
| | | </Table> |
| | | <Row type="flex" justify="end" class="mt_10"> |
| | |
| | | </div> |
| | | </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> |
| | | </div> |
| | | </Modal> |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import vueQr from "vue-qr"; |
| | | import { uploadFileByLmk, delByKey } from "@/api/common.js" |
| | | import { getPage,add } from "@/api/prize-store.js" |
| | | export default { |
| | | components:{ |
| | | "vue-qr": vueQr, |
| | | }, |
| | | name: "store-prize-proof", |
| | | data() { |
| | | return { |
| | | QRCodeUrl:"", |
| | | showGeneralQrCode:false, |
| | | codeLoading:false, |
| | | submitLoading:false, |
| | | file: null, |
| | | tempUrl:null, |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | closeGeneralQrCode(){ |
| | | this.showGeneralQrCode = false; |
| | | this.QRCodeUrl = ''; |
| | | }, |
| | | generalQrCode(row){ |
| | | this.QRCodeUrl = ''; |
| | | this.showGeneralQrCode = true |
| | | this.codeLoading = true; |
| | | |
| | | this.QRCodeUrl = this.QRcodeBaseUrl+"/scanpage/prize?id="+ row.id; |
| | | |
| | | }, |
| | | // 文件上传前处理 |
| | | handleBeforeUpload(file) { |
| | | this.file = file; |