From d6f02f045dabb53f8e9d94fabbd0da9c6fe2c9f4 Mon Sep 17 00:00:00 2001
From: "tianyi@bogon" <ittianyi@163.com>
Date: Sat, 28 Oct 2023 22:01:26 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=82=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/addHangOrder.vue | 170 +++++++++++++++++++++--------------
 1 file changed, 103 insertions(+), 67 deletions(-)

diff --git a/pages/index/addHangOrder.vue b/pages/index/addHangOrder.vue
index bbb58ff..9c0b099 100644
--- a/pages/index/addHangOrder.vue
+++ b/pages/index/addHangOrder.vue
@@ -29,19 +29,19 @@
 		<view class="order-collapse-item" v-if="isCollapse">
 			<view class="collapse-1">
 				<view class="order-notes">
-					备注：张三13895968700北京丰台总部基地给张三9折折扣张三13895968700北京丰台总部基地给张三9折折扣张三13895968700北京丰台总部基地给张三9折折扣
+					<text style="color: red;">备注：</text>张三13895968700北京丰台总部基地给张三9折折扣张三13895968700北京丰台总部基地给张三9折折扣张三13895968700北京丰台总部基地给张三9折折扣
 				</view>
 				<view class="shop-list">
-					<view>
-						女士连衣裙（HD738206579）
-						<img src="/static/images/datu.png" @tap="largeImg" alt="">
+					<view class="order-name">
+						女士连衣裙（HD738206579）
+						<img src="/static/images/datu.png" @tap="largeImg" alt="">
 					</view>
-					<view>颜色:黑色，尺码:s码 * 2</view>
-					<view>颜色:黑色，尺码:s码 * 2</view>
-					<view><uni-icons color="red" type="minus" size="26"></uni-icons></view>
+					<view class="specs-name">颜色:黑色，尺码:s码 * 2</view>
+					<view class="specs-name">颜色:黑色，尺码:s码 * 2</view>
+					<view class="del-icon" @tap="delGoodsPrecs"><uni-icons color="red" type="trash" size="26"></uni-icons></view>
 				</view>
-			</view>
-			
+			</view>
+
 		</view>
 		<!-- 语音识别弹出层 -->
 		<view>
@@ -126,12 +126,12 @@
 		<uni-popup ref="inputDialog" type="dialog">
 			<uni-popup-dialog ref="inputClose" mode="input" title="挂单名称" placeholder="请输入挂单名称"
 				@confirm="addReg"></uni-popup-dialog>
-		</uni-popup>
-		<!-- 查看大图弹出层 -->
-		<uni-popup ref="imgPopup" background-color="#fff" @change="change">
-			<view class="img-popup-content">
-				<img src="/static/images/logo.png" alt="" style="width: 100%;height: 100%;">
-			</view>
+		</uni-popup>
+		<!-- 查看大图弹出层 -->
+		<uni-popup ref="imgPopup" background-color="#fff" @change="change">
+			<view class="img-popup-content">
+				<img src="/static/images/logo.png" alt="" style="width: 100%;height: 100%;">
+			</view>
 		</uni-popup>
 	</view>
 </template>
@@ -145,31 +145,32 @@
 				isCollapse: false,
 				voiceText: '',
 				recordState: false,
+				pageNumber: 1
 			}
 		},
-		onLoad() {
-			this.getRegList();
+		onLoad() {
+			this.getRegList();
 			this.initRecord();
 		},
-		methods: {
-			//挂单列表
-			getRegList(){
-				let obj = {
-					status:"7",
-					pageVo:{
-						pageNumber:1,
-						pageSize:10,
-					}
-				}
-				this.tui.request("/app/sale/listPages", "POST", obj, false, false).then((res) => {
-					if (res.code == 200) {
-						this.regList = res.result;
-					} else {
-						this.tui.toast(res.message)
-					}
-				}).catch((res) => {
-					this.tui.toast(res)
-				})
+		methods: {
+			//挂单列表
+			getRegList() {
+				let obj = {
+					status: "7",
+					pageVo: {
+						pageNumber: this.pageNumber,
+						pageSize: 10
+					}
+				}
+				this.tui.request("/app/sale/listPages", "POST", obj, false, false).then((res) => {
+					if (res.code == 200) {
+						this.regList = res.result;
+					} else {
+						this.tui.toast(res.message)
+					}
+				}).catch((res) => {
+					this.tui.toast(res)
+				})
 			},
 			//点击切换折叠状态
 			clickCollapse() {
@@ -271,26 +272,31 @@
 						this.tui.toast(res.message)
 					}
 				}).catch((res) => {})
+			},
+			//查看大图
+			largeImg() {
+				this.$refs.imgPopup.open()
+			},
+			//新增挂单
+			addReg(e) {
+				console.log(e)
+				this.tui.request("/app/sale/saveOrder", "POST", {
+					saleName: e
+				}, false, true).then((res) => {
+					if (res.code == 200) {
+						this.tui.toast("新增成功")
+						this.getRegList();
+					} else {
+						this.tui.toast(res.message)
+					}
+				}).catch((res) => {
+					this.tui.toast(res)
+				})
 			},
-			//查看大图
-			largeImg(){
-				this.$refs.imgPopup.open()
-			},
-			//新增挂单
-			addReg(e){
-				console.log(e)
-				this.tui.request("/app/sale/saveOrder", "POST", {
-					saleName: e
-				}, false, true).then((res) => {
-					if (res.code == 200) {
-						this.tui.toast("新增成功")
-						this.getRegList();
-					} else {
-						this.tui.toast(res.message)
-					}
-				}).catch((res) => {
-					this.tui.toast(res)
-				})
+			//删除商品规格确认弹窗
+			delGoodsPrecs(){
+				this.msgType = type
+				this.$refs.alertDialog.open()
 			}
 		}
 	}
@@ -328,11 +334,25 @@
 	.name {
 		width: 53%;
 		float: left;
+	}
+	.del-icon{
+		position: absolute;
+		top: 10rpx;
+		right: 10rpx;
+	}
+	.shop-list{
+		margin: 10rpx 0;
+		border-top: 1px solid #fff;
+		border-bottom: 1px solid #fff;
+		position: relative;
+	}
+	.shop-list:last-child{
+		border-bottom: none;
 	}
-
 	.name-date {
 		font-size: 28rpx;
 	}
+
 	.bj-btn {
 		width: auto;
 		/* height: 60rpx; */
@@ -344,15 +364,17 @@
 		color: blue;
 		text-decoration: underline;
 	}
-	.save-btn{
-		width: 95%;
-		height: 80rpx;
-		text-align: center;
-		line-height: 80rpx;
-		margin: 0 auto;
-		background: #088FEB;
-		color: #fff;
+
+	.save-btn {
+		width: 95%;
+		height: 80rpx;
+		text-align: center;
+		line-height: 80rpx;
+		margin: 0 auto;
+		background: #088FEB;
+		color: #fff;
 	}
+
 	.order-collapse-item {
 		background: #eee;
 		height: auto;
@@ -361,10 +383,24 @@
 		margin: 0 auto;
 		padding: 20rpx;
 	}
-	.img-popup-content{
-		width: 500rpx;
-		    height: 500rpx;
+	.specs-name{
+		padding-bottom: 20rpx;
 	}
+	.order-name {
+		height: 80rpx;
+		font-size: 32rpx;
+		font-weight: bold;
+		line-height: 80rpx;
+		img{
+			height: 32rpx;
+			width: 32rpx;
+		}
+	}
+	.img-popup-content {
+		width: 500rpx;
+		height: 500rpx;
+	}
+
 	.order-notes {
 		height: 100rpx;
 		line-height: 50rpx;