From 5fdd241436e8cddeababec363809988306667a8a Mon Sep 17 00:00:00 2001 From: peng <peng.com> Date: 星期二, 29 七月 2025 15:04:08 +0800 Subject: [PATCH] 提交生成二维码demo --- manager/src/views/video/VideoList.vue | 30 ++++++++++++++++++++++++++++-- 1 files changed, 28 insertions(+), 2 deletions(-) diff --git a/manager/src/views/video/VideoList.vue b/manager/src/views/video/VideoList.vue index 049a6a7..393b491 100644 --- a/manager/src/views/video/VideoList.vue +++ b/manager/src/views/video/VideoList.vue @@ -405,12 +405,32 @@ <Button type="error" size="small" style="margin-right: 5px" v-if="row.status === '1'" @click="openVideoDown(row)">涓嬫灦 </Button> + <Button type="error" size="small" style="margin-right: 5px" v-if="row.status === '1'" + @click="generalQrCode(row)">鐢熸垚浜岀淮鐮� + </Button> <Button type="success" size="small" style="margin-right: 5px" v-else-if="row.status === '0'" @click="videoUp(row)">涓婃灦 </Button> </template> </Table> - + <Modal + v-model="showGeneralQrCode" + title="浜岀淮鐮�" + width="800" + :mask-closable="false" + > + <vue-qr + text="https://myk.9village.cn/scanpage/recommend?shareType=videoRecommend&videoId=1948284811844190209" + :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> <Row type="flex" justify="end" class="mt_10"> <Page :current="searchForm.pageNumber" @@ -438,10 +458,11 @@ import COS from "cos-js-sdk-v5"; import {getFileKey} from "@/utils/file"; import vuedraggable from "vuedraggable"; +import vueQr from "vue-qr"; export default { name: "VideoList", - components: {vuedraggable, Editor, GoodsExpandRow}, + components: {vuedraggable, Editor, GoodsExpandRow,"vue-qr": vueQr}, watch: { 'uploadVideoForm.videoContentType'(newValue, oldValue) { if (newValue === 'video') { @@ -478,6 +499,7 @@ }, data() { return { + showGeneralQrCode:false, endpoint: '', searchGoods: '', videoTagList: [], @@ -679,6 +701,10 @@ this.getTags('') }, methods: { + generalQrCode(row){ + this.showGeneralQrCode = true + console.log('-------------------->',row); + }, //todo 淇濈暀鍚庣画鍙兘浼氫娇鐢� changeGoodsNum(id,index,goodsNum){ console.log('-------------------->',id,index,goodsNum) -- Gitblit v1.8.0