花材

hdApp/src/admin/home/workbench.vue

@@ -316,7 +316,7 @@ export default {
       },
       tabsData: [
         { name: "商城", img: `ghs/home/shop2.png`, url: "/admin/cg/mall",pf:1},
-        { name: "花材", img: `ghs/home/hcgl2.png`, url: "/admin/item/list",pf:1 },
+        { name: "花材", img: `ghs/home/hcgl2.png`, url: "/admin/item/list2",pf:1 },
         { name: "改价", img: `ghs/home/gj2.png`, url: "/admin/changePrice/list",pf:1},
         { name: "拆散", img: `ghs/home/kcyjs2.png`, url: "/admin/part/list",pf:1},
         { name: "损耗", img: `ghs/home/kcyjs2.png`, url: "/admin/breakage/list",pf:1},

hdApp/src/admin/item/components/item2.vue

@@ -0,0 +1,239 @@
+<template>
+<view class="product">
+	<view class="item-cmd_bx" >
+
+		<button v-if="Number(info.discountPrice)>0" @click.stop="cancelDiscountFn(info)" class="admin-button-com mini-btn blue" 
+			style="position:absolute;bottom:0upx;font-size:24upx;left:10upx;z-index:20;">取消特价</button>
+
+		<button v-if="info.reachNum && info.reachNum>0 && info.reachNumDiscount && info.reachNumDiscount>0" @click.stop="cancelFullOff(info)" class="admin-button-com mini-btn blue" 
+			style="position:absolute;bottom:0upx;font-size:24upx;left:10upx;z-index:30;">取消满减</button>
+
+        <image :src="`${constant.imgUrl}/icon/official8.png`" v-if="info.auth && info.auth == 1" mode="widthFix" class="official"></image>
+
+		<view class="img_bx" @click="pageTo({url: '/admin/item/detail?id='+info.id})">
+			<block v-if="frontHide == 1">
+				<view class="sold-out">
+					<view class="hide">隐</view>
+				</view>
+			</block>
+			<block v-else>
+				<view v-if="info.status == 2" class="sold-out">
+					<view class="sold-out-xj">已下架</view>
+				</view>
+			</block>
+			<image :src="info.cover" style="width:160upx;height:160upx;" lazy-load="true" :lazy-load-margin="0"></image>
+		</view>
+		<view class="cmd-info_bx active" @click="pageTo({url: '/admin/item/detail?id='+info.id})">
+			<view class="tit">
+				<text style="font-size:22upx;border:1upx solid #3385ff;color:white;background-color:#3385ff;margin-right:5upx;padding-left:5upx;padding-right:5upx;" 
+				v-if="frontHide== 1">隐</text>
+
+				<text style="font-size:22upx;border:1upx solid #3385ff;color:white;background-color:#3385ff;margin-right:5upx;padding-left:5upx;padding-right:5upx;" 
+				v-if="info.presell == 1">预售</text>
+
+				<text style="font-size:22upx;border:1upx solid red;color:white;background-color:red;margin-right:5upx;padding-left:5upx;padding-right:5upx;" 
+				v-if="info.limitBuy > 0">限购{{ info.limitBuy }}份</text>
+
+				{{ info.name }}
+				<text v-if="info.variety && info.variety ==1" class="show-color"></text>
+			</view>
+			<view class="kc">
+				<text style="color:green;font-weight:normal;">￥{{ info.hjPrice?parseFloat(info.hjPrice):0 }}</text>
+				<text style="margin-left:11upx;color:red;font-weight:bold;font-size:28upx;">￥{{ info.price?parseFloat(info.price):0 }}</text>
+				<text style="margin-left:11upx;color:#333333;font-weight:normal;">￥{{ info.skPrice?parseFloat(info.skPrice):0 }}</text>
+				<text style="margin-left:14upx;color:#3385FF;font-weight:normal;" v-if="info.reachNum && info.reachNum>0 && info.reachNumDiscount && info.reachNumDiscount>0">{{info.reachNum}}↓{{info.reachNumDiscount?parseFloat(info.reachNumDiscount):0}}</text>
+			</view>
+			<view class="num-open_bx">
+				<template>
+					<view class="open-bx">
+						剩<text style="font-size:23upx;">{{ info.stock?parseFloat(info.stock):0 }}</text>
+						<text style="margin-left:9upx;font-size:23upx;" v-if="info.onStock>0">路上<text style="font-weight:700;">{{info.onStock}}</text></text>
+						<text style="margin-left:9upx;font-size:23upx;display:inline-block;color:#999;font-weight:normal;">成本{{ info.cost ? parseInt(info.cost) : 0 }}</text>
+						<text style="margin-left:9upx;font-size:23upx;display:inline-block;color:#999;font-weight:normal;">销{{ info.actualSold ? parseInt(info.actualSold) : 0 }}</text>
+						<text style="margin-left:9upx;font-size:23upx;display:inline-block;color:#999;font-weight:normal;">
+							{{info.ratioType == 0 ? info.ratio :'若干'}}支
+						</text>
+					</view>
+				</template>
+			</view>
+		</view>
+	</view>
+	<text class="bottom-button" @click.stop="moreAction(info)">更多</text>
+	<text class="bottom-button" @click.stop="goToStockDetail(info)">库明细</text>
+	<text class="bottom-button" @click.stop="hideChangeFn(info)">{{ frontHide == 0 ? '隐藏' : '显示' }}</text>
+	<text class="bottom-button" @click.stop="doPrintLabel(info,0)">标签</text>
+	<text class="bottom-button" @click.stop="doPrintLabel(info,1)">价码</text>
+</view>
+</template>
+<script>
+export default {
+	name: "item",
+	components: {
+	},
+	props: {
+		info: {
+			required: true
+		}
+	},
+	data() {
+		return {
+			frontHide:0
+		};
+	},
+	mounted(){
+		if(this.info){
+			this.frontHide = this.info.frontHide
+		}
+	},
+	watch: {
+		info: {
+			deep: true,
+			handler: function(info){
+				this.frontHide = info.frontHide
+			}
+		}
+	},
+	methods: {
+		hideChangeFn(item){
+			let status = this.frontHide == 0 ? 1 : 0
+			this.$emit("hideChangeFn",item,status)
+		},
+		cancelPreSellFn(item){
+			this.$emit("cancelPreSellFn",item)
+		},
+		cancelDiscountFn(item){
+			this.$emit("cancelDiscountFn",item)
+		},
+		cancelFullOff(item){
+			this.$emit("cancelFullOff",item)
+		},
+		moreAction(item){
+			this.$emit('moreAction', item)
+		},
+		doPrintLabel(item,type){
+			this.$emit('doPrintLabel', item.id,type)
+		},
+		goToStockDetail(item){
+			this.$util.pageTo({url: "/pagesStorehouse/stockWarn/detailed?id="+item.id+'&name='+item.name})
+		},
+		breakSingleItem(item) {
+			this.$emit('breakSingleItem', item)
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.product{
+	height:230upx;
+}
+.bottom-button{
+	font-weight:normal;
+	border:2upx solid #cccccc;
+	font-size:24upx;
+	border-radius: 20upx;
+	padding:13upx 22upx 13upx 22upx;
+	margin:0 8upx 0 0;
+	float:right;
+	color:#aaa9a9;
+}
+.item-cmd_bx {
+	height:160upx;
+	position: relative;
+	margin-bottom: 20upx;
+	.official{
+		z-index:50;
+		position:absolute;
+		top:62upx;
+		right:25upx;
+		width:42upx;
+		height:42upx;
+		display:inline-block;
+	}
+	.img_bx {
+		height: 160upx;
+		width: 160upx;
+		position: absolute;
+		left: 0upx;
+		top: 0upx;
+		.sold-out{
+			z-index:10;
+			width:160upx;
+			height:160upx;
+			background-color:black;
+			position:absolute;
+			top:0;
+			left:0;
+			opacity: 0.6;
+			color:white;
+			text-align:center;
+			.sold-out-xj{
+				line-height:160upx;
+				font-size:28upx;
+			}
+			.hide{
+				line-height:160upx;
+				font-size:30upx;
+			}
+		}
+	}
+	.cmd-info_bx {
+		position: relative;
+		padding-left: 177upx;
+
+
+		& .tit {
+			font-size: 30upx;
+			font-weight: bold;
+			color: #333333;
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			width:330upx;
+		}
+		.show-color{
+			display:inline-block;
+			width:25upx;
+			height:25upx;
+			background-color:rgb(9, 199, 9);
+			border-radius:15upx;
+			border:none;
+			margin-left:15upx;
+		}
+		& .kc {
+			color: red;
+			font-size: 27upx;
+			font-weight:bold;
+			padding: 24upx 0 24upx;
+			width:365upx;
+			overflow: hidden;
+			white-space: nowrap;
+		}
+		& .num-open_bx {
+			display: flex;
+			align-items: center;
+			& .price {
+				font-size: 28upx;
+				color: #999999;
+				flex: 1;
+			}
+			& .open-bx {
+				font-size:23upx;
+				color:#333333;
+				width:360upx;
+				overflow:hidden;
+				white-space:nowrap;
+				text{
+					font-size: 23upx;
+					font-weight:700;
+				}
+				text:nth-child(2){
+					font-weight:normal;
+				}
+				*.warn {
+					color: $redColor;
+				}
+			}
+		}
+	}
+}
+</style>

hdApp/src/admin/item/list2.vue

@@ -0,0 +1,427 @@
+<template>
+  <view class="app-content" style="background:white;">
+	<view class="billing_box_bg">
+    <view class="input-wrap">
+			<view class="search-bar">
+				<app-search-module v-model="py" placeholder="小菊输xj搜索" @input="searchFn"/>
+			</view>
+			<view style="padding:0 0upx 0 20upx;" >
+				<button class="admin-button-com middle blue" @click="pageTo({ url: '/admin/ptItem/itemList' })">添加花材</button>
+			</view>
+		</view>
+		<view class="scroll-middle_bx">
+			<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop">
+				<div v-for="(item, index) in globalClassItemList" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)">
+					<text>{{ item.className || "" }}</text>
+				</div>
+			</scroll-view>
+				<scroll-view scroll-y class="right-box" :scroll-into-view="scroll_into_view" scroll-with-animation="true"
+																	@scroll="scroll_detail"
+																	lower-threshold="100"
+																	@scrolltolower="scroll_bottom">
+				<block v-if="!$util.isEmpty(globalClassItemList)">
+					<view class="item_list_bx selectAll" v-for="(classItem, classIndex) in globalClassItemList" :key="classIndex" :id="`class_${classIndex}`">
+						<view class="item_list_title"> {{ classItem.className }}</view>
+						<view v-if="classItem.child && !$util.isEmpty(classItem.child)">
+							<template v-for="(productItem, productIndex) in classItem.child">
+								<view style="height:255upx" :id="`class_${classIndex}`" :key="productIndex">
+									<ItemComponent v-if="classItem.isActive" :isPrice="false" :info="productItem" @goToProduct="goToProduct" @moreAction="moreAction" ></ItemComponent>
+								</view>
+							</template>
+						</view>
+						<view v-else>
+							<view style="height:260upx;text-align:center;color:#CCCCCC;position: relative;">
+								<view style="position: absolute;margin:auto;top:130upx;left:0;right:0;bottom:0;">暂无花材</view>
+							</view>
+						</view>
+					</view>
+				</block>
+				<block v-else>
+					<view style="width:100%">
+						<app-wrapper-empty  title="暂无花材" :is-empty="$util.isEmpty(globalClassItemList)" />
+					</view>
+				</block>
+			</scroll-view>
+		</view>
+	</view>
+	<uni-popup ref="rightShowMore" background-color="#fff" type="center" :animation="true" class="class-popup-style">
+		<view style="display:flex;width:100vw;padding:20upx 20upx 40upx 20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
+			<view style="width:100vw;"><button @click="costChange()">成本变动记录</button></view>
+			<view style="width:100vw;margin-top:8upx;"><button @click="priceChange()">价格变动记录</button></view>
+			<view style="width:100vw;margin-top:8upx;"><button @click="copyCreate()">复制新建</button></view>
+			<view style="width:100vw;margin-top:8upx;"><button @click="shareItem()">分享</button></view>
+			<view style="width:100vw;margin-top:30upx;"><button @click="closeRightShow()">取消</button></view>
+		</view>
+	</uni-popup>
+ </view>
+</template>
+<script>
+import AppSearchModule from "@/components/module/app-search";
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
+import ItemComponent from "./components/Item2";
+import productMins from "@/mixins/product2";
+import { mapGetters } from "vuex";
+import { getWeixinId } from "@/api/invite/index";
+import { generatePriceTable,generateBarcodeTable,print } from '@/api/product'
+export default {
+	name: "list",
+	components: {
+		AppSearchModule,
+		AppWrapperEmpty,
+		ItemComponent
+	},
+	mixins: [productMins],
+	data() {
+		return {
+			autoLoad: false,
+			selectJobType: "stock",
+			tabIndex: 0,
+			getAppIdList:{},
+			status:0,
+			delStatus:0
+		};
+	},
+	computed:{
+		...mapGetters(["getMyShopInfo","getLoginInfo"]),
+		...mapGetters({ loginInfo: "getLoginInfo" })
+	},
+	onShow(){
+	},
+	onLoad() {
+		this.shopId = this.getMyShopInfo.id;
+		let type = '';
+		if(this.option.delStatus){
+			this.delStatus = this.option.delStatus
+		}
+		this.initData({ type, shopId: this.shopId,status:this.status,delStatus:this.delStatus})
+
+		let that = this
+		getWeixinId().then(res => {
+			that.getAppIdList = res.data
+		})
+	},
+	methods: {
+		priceChange(){
+			this.closeRightShow()
+			this.pageTo({url: '/admin/changePrice/changeList?id='+this.currentInfo.id})
+		},
+		costChange(){
+			this.$msg('开发中')
+		},
+		copyCreate(){
+			this.$msg('开发中')
+		},
+		shareItem(){
+			this.$msg('开发中')
+		},
+		moreAction(item){
+			this.currentInfo = item
+			this.$refs.rightShowMore.open('top')
+		},
+		closeRightShow(){
+			this.$refs.rightShowMore.close()
+		},
+		downPriceTable(){
+			// #ifdef MP-WEIXIN
+			let isWindows = false
+			uni.getSystemInfo({
+				success: function (res) {
+					if(res.platform == 'windows'){
+						isWindows = true
+					}
+				}
+			});
+			if(isWindows == false){
+				this.$msg('请在电脑上打开小程序下载')
+				return false
+			}
+
+			let level = 0
+			let levelList = ['个人价', '普店价', '银店价','金店价']
+			uni.showActionSheet({
+				itemList: levelList,
+				success: function (respond) {
+					level = respond.tapIndex
+					uni.showLoading({title:'下载中',mask:true})
+					generatePriceTable({level:level}).then(res => {
+						if(res.code == 1){
+							uni.hideLoading()
+							let file = res.data.file
+							let shortFile = res.data.shortFile
+							uni.downloadFile({
+								url: file,
+								header: {"Content-Type": 'application/vnd.ms-excel'},
+								filePath: `${wx.env.USER_DATA_PATH}/${shortFile}`,
+								success: (res) => {
+									if (res.statusCode === 200) {
+
+										if(isWindows == true){
+											wx.saveFileToDisk({
+												filePath: res.filePath,
+												success: function(res) {
+													console.log(res)
+												},
+												fail:function(res) {
+													console.log(res)
+												}
+											})
+										}else{
+											var filePath = res.filePath
+											//试了手机上只能打开无法转发分享
+											wx.openDocument({
+												filePath: filePath,
+												success: function (res) {
+													wx.hideLoading();
+												}
+											})
+										}
+
+									}
+								},
+								fail:()=>{
+									uni.showToast({title:'请用电脑打开小程序下载',mask:true,icon:'none'})
+								}
+							});
+						}
+					})
+				}
+			})
+
+			// #endif
+			// #ifdef APP-PLUS
+			this.$msg('请在电脑上打开小程序进行下载')
+			// #endif
+		},
+		downBarcodeTable(){
+			// #ifdef MP-WEIXIN
+			let isWindows = false
+			uni.getSystemInfo({
+				success: function (res) {
+					if(res.platform == 'windows'){
+						isWindows = true
+					}
+				}
+			});
+			if(isWindows == false){
+				this.$msg('请在电脑上打开小程序下载')
+				return false
+			}
+
+			uni.showLoading({title:'下载中',mask:true})
+			generateBarcodeTable().then(res => {
+				if(res.code == 1){
+					uni.hideLoading()
+					let file = res.data.file
+					let shortFile = res.data.shortFile
+					uni.downloadFile({
+						url: file,
+						header: {"Content-Type": 'application/vnd.ms-excel'},
+						filePath: `${wx.env.USER_DATA_PATH}/${shortFile}`,
+						success: (res) => {
+							if (res.statusCode === 200) {
+								if(isWindows == true){
+									wx.saveFileToDisk({
+										filePath: res.filePath,
+										success: function(res) {
+											console.log(res)
+										},
+										fail:function(res) {
+											console.log(res)
+										}
+									})
+								}else{
+									var filePath = res.filePath
+									//试了手机上只能打开无法转发分享
+									wx.openDocument({
+										filePath: filePath,
+										success: function (res) {
+											wx.hideLoading();
+										}
+									})
+								}
+							}
+						},
+						fail:()=>{
+							uni.showToast({title:'请用电脑打开小程序下载',mask:true,icon:'none'})
+						}
+					});
+				}					
+			})
+			// #endif
+			// #ifdef APP-PLUS
+			this.$msg('请在电脑上打开小程序进行下载')
+			// #endif
+		},
+		goToProduct (id) {
+			let that = this
+			console.log('admin/ghsProduct/detail?shopId='+ that.loginInfo.shopId+'&id=0&ghsShopAdminId='+that.loginInfo.shopAdminId+'&id='+id)
+			uni.navigateToMiniProgram({
+				//姜枫-2021.04.13
+				appId: that.getAppIdList.hd.miniAppId,
+				path: 'admin/ghsProduct/detail?shopId='+ that.loginInfo.shopId+'&ghsShopAdminId='+that.loginInfo.shopAdminId+'&id='+id,
+				//develop 开发版 trial 体验版 release 正式版
+				envVersion: process.env.NODE_ENV === 'development' ? 'develop' : 'release',
+				extraData: {
+					'shopId': that.loginInfo.shopId,
+					'id': 0,
+					'name':'',
+				},
+				success (res) {
+				}
+			})
+		},
+		affirm(val) {
+			if (val.index === 0) {
+				this.modalCancel();
+			} else {
+			}
+		},
+		change(e) {
+			if (this.tabIndex == e.index) {
+				return false;
+			} else {
+				uni.showLoading({
+					title: "加载中"
+				});
+				this.tabIndex = e.index;
+				let type = "";
+				this.initData({ type, shopId: this.shopId,delStatus:this.delStatus })
+			}
+		},
+		scrollTop() {},
+		initProductInfo() {
+			this.globalClassItemListContrapose = [];
+			this.page = 1;
+			this.isMore = true;
+		},
+		selectSussess(val) {
+			uni.showLoading({ title: "加载中" })
+			this.initProductInfo();
+			let type = "";
+			this.shopId = val.selectItem.id;
+			this.initData({ type, shopId: this.shopId,delStatus:this.delStatus })
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.billing_box_bg {
+	height: 100%;
+	display: flex;
+	background:white;
+	flex-direction: column;
+	.input-wrap {
+		display: flex;
+		padding: 22upx 20upx 22upx 30upx;
+		.search-bar {
+			flex: 1;
+		}
+		.city-select {
+			display: flex;
+			flex-shrink: 0;
+			align-items: center;
+			margin-right: 15upx;
+			margin-left: 45upx;
+			background-color: #ffff;
+			.iconfont {
+				margin-left: 20upx;
+				font-size: 30upx;
+			}
+		}
+	}
+	.scroll-middle_bx {
+		flex: 1;
+		display: flex;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+	.tab-view {
+		height: calc(100vh - 130upx);
+		width: 170upx;
+		flex-shrink: 0;
+		background-color: #f0f2f6;
+		.tab-bar-item {
+			position: relative;
+			width: 170upx;
+			height: 90upx;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 26upx;
+			color: #444;
+			font-weight: 400;
+			.tag {
+				display: flex;
+				padding: 0 20upx;
+				align-items: center;
+				position: absolute;
+				right: 0;
+				top: 0;
+				height: 32upx;
+				background: #ff2842;
+				border-radius: 16upx;
+				color: #fff;
+				font-size: 20upx;
+			}
+      &:last-child{
+        margin-bottom: 110upx;
+      }
+		}
+
+		.active {
+			position: relative;
+			color: $mainColor;
+			font-size: 26upx;
+			background: #fff;
+		}
+
+		.active::before {
+			content: "";
+			position: absolute;
+			border-left: 8upx solid $mainColor;
+			height: 100%;
+			left: 0;
+		}
+	}
+	.right-box {
+		height: calc(100vh - 140upx);
+		flex: 1;
+		box-sizing: border-box;
+	}
+	.item_list_bx {
+		padding: 40upx 16upx;
+	}
+	.item_list_title {
+		margin-bottom: 20upx;
+		font-size: 24upx;
+		font-weight: 600;
+		color: #666666;
+	}
+	.select-cmd_bx {
+		& .kc {
+			color: #999999;
+			font-size: 28upx;
+			font-weight: 400;
+			margin-bottom: 60upx;
+			text-align: center;
+			margin-top: 10upx;
+		}
+		& .num_bx {
+			display: flex;
+			align-items: center;
+			margin-bottom: 80upx;
+			& > input {
+				width: 212upx;
+				height: 80upx;
+				border: 1upx solid #dddddd;
+				border-radius: 4upx;
+				text-align: center;
+				margin-right: 24upx;
+			}
+		}
+	}
+}
+</style>