挂单

pages/index/addHangOrder.vue

@@ -29,16 +29,16 @@
 		<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>
+					<view class="order-name">
 						女士连衣裙（HD738206579）
 						<img src="/static/images/datu.png" @tap="largeImg" alt="">
 					</view>
-					<view>颜色:黑色，尺码:s码 * 2</view>
+					<view class="specs-name">颜色:黑色，尺码:s码 * 2</view>
-					<view>颜色:黑色，尺码:s码 * 2</view>
+					<view class="specs-name">颜色:黑色，尺码:s码 * 2</view>
-					<view><uni-icons color="red" type="minus" size="26"></uni-icons></view>
+					<view class="del-icon" @tap="delGoodsPrecs"><uni-icons color="red" type="trash" size="26"></uni-icons></view>
 				</view>
 			</view>
 
@@ -145,6 +145,7 @@
 				isCollapse: false,
 				voiceText: '',
 				recordState: false,
+				pageNumber: 1
 			}
 		},
 		onLoad() {
@@ -153,12 +154,12 @@
 		},
 		methods: {
 			//挂单列表
-			getRegList(){
+			getRegList() {
 				let obj = {
-					status:"7",
+					status: "7",
-					pageVo:{
+					pageVo: {
-						pageNumber:1,
+						pageNumber: this.pageNumber,
-						pageSize:10,
+						pageSize: 10
 					}
 				}
 				this.tui.request("/app/sale/listPages", "POST", obj, false, false).then((res) => {
@@ -273,11 +274,11 @@
 				}).catch((res) => {})
 			},
 			//查看大图
-			largeImg(){
+			largeImg() {
 				this.$refs.imgPopup.open()
 			},
 			//新增挂单
-			addReg(e){
+			addReg(e) {
 				console.log(e)
 				this.tui.request("/app/sale/saveOrder", "POST", {
 					saleName: e
@@ -291,6 +292,11 @@
 				}).catch((res) => {
 					this.tui.toast(res)
 				})
+			},
+			//删除商品规格确认弹窗
+			delGoodsPrecs(){
+				this.msgType = type
+				this.$refs.alertDialog.open()
 			}
 		}
 	}
@@ -329,10 +335,24 @@
 		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,7 +364,8 @@
 		color: blue;
 		text-decoration: underline;
 	}
-	.save-btn{
+
+	.save-btn {
 		width: 95%;
 		height: 80rpx;
 		text-align: center;
@@ -353,6 +374,7 @@
 		background: #088FEB;
 		color: #fff;
 	}
+
 	.order-collapse-item {
 		background: #eee;
 		height: auto;
@@ -361,10 +383,24 @@
 		margin: 0 auto;
 		padding: 20rpx;
 	}
-	.img-popup-content{
+	.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;
+		height: 500rpx;
 	}
+
 	.order-notes {
 		height: 100rpx;
 		line-height: 50rpx;