|
|
@ -72,14 +72,18 @@ |
|
|
<text style="font-size: 30rpx; text-align: center; font-weight: 600">请先完善企业基本信息</text> |
|
|
<text style="font-size: 30rpx; text-align: center; font-weight: 600">请先完善企业基本信息</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="share-area" v-if="visible"> |
|
|
|
|
|
<view class="close-icon"> |
|
|
|
|
|
<uni-icons @click="closeShare" type="close" size="35" color="white"></uni-icons> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="share-area" v-if="visible" @click="closeShare"> |
|
|
<view class="share-content"> |
|
|
<view class="share-content"> |
|
|
<view class="flex-col-center-start"> |
|
|
|
|
|
<text style="font-size: 34rpx">截图分享店铺</text> |
|
|
|
|
|
<image style="width: 250rpx; height: 250rpx; margin-top: 30rpx" :src="storeCodeImg"></image> |
|
|
|
|
|
|
|
|
<image class="bg" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/qrCode-bg.png"></image> |
|
|
|
|
|
<view class="flex-col-center-start code"> |
|
|
|
|
|
<view class="border flex-row-center-center"> |
|
|
|
|
|
<image style="width: 480rpx; height: 480rpx" :src="shareInfo.storeCodeImg"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="down-button flex-row-center-center" @click.stop="makeScreenShot"> |
|
|
|
|
|
<text class="text">下载二维码</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
<text style="font-size: 46rpx; color: #333333">{{ shareInfo.storeName }}</text> |
|
|
|
|
|
<text style="font-size: 32rpx; color: #888888; margin-top: 14rpx">每天上新特价纸，库存有限先到先得</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -88,7 +92,7 @@ |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import uGap from '@/components/u-gap/u-gap.vue' |
|
|
import uGap from '@/components/u-gap/u-gap.vue' |
|
|
import { back, go2, loginGo2 } from '@/utils/hook.js' |
|
|
|
|
|
|
|
|
import { back, go2, loginGo2, screenShot } from '@/utils/hook.js' |
|
|
import { SupplierList, productStatus, storeDetail, getSupplierQrCode } from '@/apis/add-paper.js' |
|
|
import { SupplierList, productStatus, storeDetail, getSupplierQrCode } from '@/apis/add-paper.js' |
|
|
import { getTimer } from '@/utils/index.js' |
|
|
import { getTimer } from '@/utils/index.js' |
|
|
import noData from './no-data.vue' |
|
|
import noData from './no-data.vue' |
|
|
@ -105,7 +109,10 @@ export default { |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
storeCodeImg: '', // 店铺二维码 |
|
|
|
|
|
|
|
|
shareInfo: { |
|
|
|
|
|
storeCodeImg: '', |
|
|
|
|
|
storeName: '' |
|
|
|
|
|
}, |
|
|
visible: false, // 分享弹窗 |
|
|
visible: false, // 分享弹窗 |
|
|
storeInformation: { |
|
|
storeInformation: { |
|
|
supplierId: null, |
|
|
supplierId: null, |
|
|
@ -156,6 +163,10 @@ export default { |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
back, |
|
|
back, |
|
|
|
|
|
// 截屏 |
|
|
|
|
|
makeScreenShot() { |
|
|
|
|
|
screenShot() |
|
|
|
|
|
}, |
|
|
// 获取上新商品数量 |
|
|
// 获取上新商品数量 |
|
|
getSupplier(id) { |
|
|
getSupplier(id) { |
|
|
storeDetail(id) |
|
|
storeDetail(id) |
|
|
@ -272,7 +283,8 @@ export default { |
|
|
getSupplierQrCode({ mallSupplierId: this.$store.state.supplierInfo.supplierId }).then((res) => { |
|
|
getSupplierQrCode({ mallSupplierId: this.$store.state.supplierInfo.supplierId }).then((res) => { |
|
|
if (res) { |
|
|
if (res) { |
|
|
this.visible = true |
|
|
this.visible = true |
|
|
this.storeCodeImg = `data:image/png;base64,${res}` |
|
|
|
|
|
|
|
|
this.shareInfo.storeCodeImg = `data:image/png;base64,${res}` |
|
|
|
|
|
this.shareInfo.storeName = this.storeInformation.name |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
@ -465,32 +477,53 @@ export default { |
|
|
.share-area { |
|
|
.share-area { |
|
|
width: 750rpx; |
|
|
width: 750rpx; |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
background: rgba(0, 0, 0, 0.5); |
|
|
|
|
|
|
|
|
background: #888888; |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
z-index: 1000; |
|
|
|
|
|
|
|
|
z-index: 998; |
|
|
top: 0; |
|
|
top: 0; |
|
|
left: 0; |
|
|
left: 0; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
.close-icon { |
|
|
|
|
|
width: 750rpx; |
|
|
|
|
|
padding: 0 32rpx; |
|
|
|
|
|
height: 70rpx; |
|
|
|
|
|
flex-grow: 0; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: row; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
} |
|
|
|
|
|
.share-content { |
|
|
.share-content { |
|
|
width: 560rpx; |
|
|
|
|
|
margin-top: 26rpx; |
|
|
|
|
|
|
|
|
width: 750rpx; |
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
border-radius: 20rpx; |
|
|
border-radius: 20rpx; |
|
|
padding: 42rpx; |
|
|
|
|
|
|
|
|
padding: 64rpx 34rpx 70rpx; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
.bg { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
width: 750rpx; |
|
|
|
|
|
height: 944rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.code { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
z-index: 10; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
width: 680rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
box-shadow: 0px 3rpx 13rpx 0px rgba(0, 0, 0, 0.1); |
|
|
|
|
|
padding: 40rpx 70rpx 64rpx; |
|
|
|
|
|
.border { |
|
|
|
|
|
width: 540rpx; |
|
|
|
|
|
height: 540rpx; |
|
|
|
|
|
background: url('https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/qrCode-border.png') no-repeat center/cover; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.down-button { |
|
|
|
|
|
width: 540rpx; |
|
|
|
|
|
height: 90rpx; |
|
|
|
|
|
margin: 40rpx 0 76rpx; |
|
|
|
|
|
background-image: linear-gradient(180deg, #6092ec 0%, #225dd4 100%); |
|
|
|
|
|
border-radius: 45rpx; |
|
|
|
|
|
.text { |
|
|
|
|
|
font-size: 48rpx; |
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
