feat(createOrder): 添加订单备注功能

在创建订单页面中新增备注输入框，允许用户输入订单备注信息，并在提交订单时将备注字段添加到请求参数中

pages_order/mine/partner.vue

@@ -92,7 +92,7 @@
 					}
 				],
 				state: 0,
-				userRole: ['会员', '用户', '渠道'],
+				userRole: ['用户', '会员', '渠道'],
 				mixinsListApi: 'getHanHaiMemberUser',
 			}
 		},

pages_order/order/createOrder.vue

@@ -94,6 +94,17 @@
 				</view>
 			</view>
 
+			<!-- 备注 -->
+			<view class="cell-item">
+				<view class="cell-item-left">
+					<image src="@/pages_order/static/createOrder/coupon.png" mode="widthFix" class="cell-icon"></image>
+					<view class="user-name">备注</view>
+				</view>
+				<view class="cell-item-right remark-input">
+					<uv-textarea v-model="remark" border="none" height="40rpx" placeholder="请输入订单备注信息" :count="false" :auto-height="false" />
+				</view>
+			</view>
+
 			<view class="cell-list">
 				<uv-radio-group v-model="payMethod">
 					<view style="width: 710rpx;">
@@ -348,6 +359,7 @@
 						addressId,
 						payType : this.payMethod,
 						list: JSON.stringify(list),
+						remark: this.remark || '', // 添加备注字段
 					}
 					
 					api = 'createSumOrder'
@@ -362,6 +374,7 @@
 						payType : this.payMethod,
                         isGive : this.isGive,
                         memberNum : 1,
+						remark: this.remark || '', // 添加备注字段
 					}
 					api = 'createOrder'
 				}
@@ -600,34 +613,49 @@
 					display: flex;
 					justify-content: flex-end;
 
-                    .stepper {
-                        display: flex;
-                        align-items: center;
-                        
-                        text {
-                            display: flex;
-                            align-items: center;
-                            justify-content: center;
-                            width: 44rpx;
-                            height: 44rpx;
-                            
-                            &.minus, &.plus {
-                                background: #F8F8F8;
-                                border-radius: 50%;
-                                font-size: 32rpx;
-                                
-                                &.disabled {
-                                    color: #ccc;
-                                }
-                            }
-                            
-                            &.num {
-                                margin: 0 20rpx;
-                                color: $uni-color;
-                                font-size: 28rpx;
-                            }
-                        }
-                    }
+					&.remark-input {
+						width: 70%;
+						justify-content: flex-start;
+						
+						&::v-deep .uv-textarea {
+							width: 100%;
+							padding: 0;
+							background-color: transparent;
+						}
+						
+						&::v-deep .uv-textarea__field {
+							padding: 0;
+							font-size: 28rpx;
+						}
+					}
+
+					.stepper {
+						display: flex;
+						align-items: center;
+						text {
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							width: 44rpx;
+							height: 44rpx;
+							
+							&.minus, &.plus {
+								background: #F8F8F8;
+								border-radius: 50%;
+								font-size: 32rpx;
+								
+								&.disabled {
+									color: #ccc;
+								}
+							}
+							
+							&.num {
+								margin: 0 20rpx;
+								color: $uni-color;
+								font-size: 28rpx;
+							}
+						}
+					}
 				}
 			}