Просмотр исходного кода

新增收款码下载页面、采购成功页面优化

jiangfeng 5 лет назад
Родитель
Сommit
5b5b32a63c

+ 2 - 3
ghsApp/src/pagesPurchase/components/pageSuccess.vue

@@ -13,9 +13,8 @@
 		}
 		.flowers-list{
 			padding: 15rpx 0;
-			.flowers-name{}
+			.flowers-name{width: 150rpx}
 			.flowers-val{
-				padding-left: 70rpx;
 				input{
 					width: 160rpx;
 					height: 50rpx;
@@ -40,7 +39,7 @@
 			<view class="flowers-list-box">
 				<view class="flex title">以下花材售价已变更,如需要请修改:</view>
 				<view class="flex-space flowers-list" v-for="(res,i) in flowersList" :key="i">
-					<view class="flowers-name">{{res.name}}</view>
+					<view class="ov-1x flowers-name">{{res.name}}</view>
 					<view class="flex flowers-val">
 						<input type="digit" v-model="res.price" @focus="priceFocus(i)"> 元
 					</view>

+ 60 - 0
hdApp/src/admin/shop/downloadCode.vue

@@ -0,0 +1,60 @@
+<style lang="scss" scoped>
+	.app-content{
+		text-align: center;
+		padding-top: 40rpx;
+		image{width: 75%;margin: 0 auto}
+		.downloadCode-btn{
+			width: 60%;
+			height: 60rpx;
+			color: #ffffff;
+			background: #0099ff;
+			border-radius: 10rpx;
+			margin: 50rpx auto;
+		}
+	}
+</style>
+<template>
+	<view class="app-content">
+			<image mode="widthFix" :src="codeImg"></image>
+		<view v-if="codeImg" class="flex-center downloadCode-btn" @tap="downloadCodeFun">下载图片</view>
+	</view>
+</template>
+
+<script>
+	// api
+	import { getGatheringCodeUrl } from '@/api/shop'
+	export default {
+		name: 'shop-list',
+		components: {
+		},
+		data() {
+			return {
+				codeImg:'',
+			}
+		},
+		onLoad(e) {
+			this.getGatheringCodeUrlFun(e.id);
+		},
+		methods: {
+			getGatheringCodeUrlFun(id){
+				getGatheringCodeUrl({id:id}).then(res => {
+					this.codeImg = res.data.url;
+				})
+			},
+			downloadCodeFun(){
+				uni.showLoading({
+					title: '下载中'
+				});
+				uni.downloadFile({
+					url: this.codeImg,
+					success: (res) => {
+						if (res.statusCode === 200) {
+							uni.hideLoading();
+							uni.showToast({title:'下载成功'})
+						}
+					}
+				});
+			},
+		}
+	}
+</script>

+ 14 - 11
hdApp/src/admin/shop/list.vue

@@ -12,18 +12,21 @@
 								<span class="staff-name">{{ item.shopName }}</span>
 								<span>{{ item.telephone }}</span>
 							</div>
-							<div class="flex-center">
-								<div class="status-list">
-									<span class v-if="item.gatheringCode" @click="downQrCodeFn(item, index)">收款码下载</span>
-									<span v-else></span>
-								</div>
-								<div class="status-list">
-									<span class v-if="item.gatheringCode" @click="downMemberCodeFn(item, index)">会员码下载</span>
-									<span v-else></span>
-								</div>
-							</div>
+							<!--<div class="flex-center">-->
+								<!--<div class="status-list">-->
+									<!--<span class v-if="item.gatheringCode" @click="downQrCodeFn(item, index)">收款码下载</span>-->
+									<!--<span v-else></span>-->
+								<!--</div>-->
+								<!--<div class="status-list">-->
+									<!--<span class v-if="item.gatheringCode" @click="downMemberCodeFn(item, index)">会员码下载</span>-->
+									<!--<span v-else></span>-->
+								<!--</div>-->
+							<!--</div>-->
 						</div>
 						<div class="list-det-right">
+							<navigator :url="`/admin/shop/downloadCode?id=${item.id}`">
+									<image style="width: 40rpx;height: 40rpx;" :src="`${constant.imgUrl}/shop/gathering_icon.png`"></image>
+							</navigator>
 							<div @click="toModiyFn(item)">
 								<i class="iconfont iconbianji"></i>
 							</div>
@@ -237,4 +240,4 @@
 			margin-right: 30px;
 		}
 	}
-</style>
+</style>

+ 8 - 1
hdApp/src/api/shop/index.js

@@ -6,6 +6,13 @@ export const getList = data => {
 	return https.get('/shop/list', data)
 }
 
+/** *
+	* 门店列表
+	*/
+export const getGatheringCodeUrl = data => {
+	return https.get('/shop/get-gathering-code-url', data)
+}
+
 /** *
  * 修改门店
  */
@@ -44,4 +51,4 @@ export const downMemberCode = data => {
 //当前登陆的门店信息 shish 2021.3,27
 export const currentShop = data => {
 	return https.get('/shop/current-shop', data)
-}
+}

+ 5 - 0
hdApp/src/pages.json

@@ -297,6 +297,11 @@
 					"style": {
 						"navigationBarTitleText": "店铺管理"
 					}
+				},{
+					"path": "downloadCode",
+					"style": {
+						"navigationBarTitleText": "收款码"
+					}
 				},
 				{
 					"path": "add",