下单

ghsApp/src/admin/home/components/OrderItem.vue

@@ -108,44 +108,44 @@
 
       <!-- 新增物流下单弹窗 -->
       <uni-popup ref="expressAddressRef" background-color="#fff" type="center" :animation="true" class="class-popup-style" :mask-click="false">
-        <view style="padding:40upx 50upx;width:90vw;">
+        <view style="padding:40upx 50upx;width:96vw;">
           <view style="font-size:32upx;font-weight:bold;text-align:center;margin-bottom:30upx;">发货信息</view>
           <view style="display:flex;flex-direction:column;gap:18upx;">
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">包裹数量：</view>
-              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:6upx 12upx;border-radius:8upx;" type="number" v-model="packageNum" placeholder="请输入包裹数量" />
+              <view style="width:135upx;color:#888;font-size:28upx;white-space:nowrap;">包裹数量：</view>
+              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:16upx 12upx;border-radius:8upx;height:60upx;line-height:60upx;vertical-align:middle;display:flex;align-items:center;" type="number" v-model="wlPackageNum" placeholder="请输入包裹数量" />
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">重量(kg)：</view>
-              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:6upx 12upx;border-radius:8upx;" type="number" v-model="weight" placeholder="请输入重量" />
+              <view style="width:135upx;color:#888;font-size:28upx;white-space:nowrap;">重量(kg)：</view>
+              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:16upx 12upx;border-radius:8upx;height:60upx;line-height:60upx;vertical-align:middle;display:flex;align-items:center;" type="digit" v-model="wlWeight" placeholder="请输入重量" />
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">长度(cm)：</view>
-              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:6upx 12upx;border-radius:8upx;" type="number" v-model="length" placeholder="请输入长度" />
+              <view style="width:135upx;color:#888;font-size:28upx;white-space:nowrap;">长度(cm)：</view>
+              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:16upx 12upx;border-radius:8upx;height:60upx;line-height:60upx;vertical-align:middle;display:flex;align-items:center;" type="number" v-model="wlLength" placeholder="请输入长度" />
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">宽度(cm)：</view>
-              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:6upx 12upx;border-radius:8upx;" type="number" v-model="width" placeholder="请输入宽度" />
+              <view style="width:135upx;color:#888;font-size:28upx;white-space:nowrap;">宽度(cm)：</view>
+              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:16upx 12upx;border-radius:8upx;height:60upx;line-height:60upx;vertical-align:middle;display:flex;align-items:center;" type="number" v-model="wlWidth" placeholder="请输入宽度" />
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">高度(cm)：</view>
-              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:6upx 12upx;border-radius:8upx;" type="number" v-model="height" placeholder="请输入高度" />
+              <view style="width:135upx;color:#888;font-size:28upx;white-space:nowrap;">高度(cm)：</view>
+              <input style="flex:1;font-size:28upx;border:1px solid #eee;padding:16upx 12upx;border-radius:8upx;height:60upx;line-height:60upx;vertical-align:middle;display:flex;align-items:center;" type="number" v-model="wlHeight" placeholder="请输入高度" />
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">城市：</view>
-              <view style="flex:1;font-size:28upx;">广东省 深圳市 南山区</view>
+              <view style="width:135upx;color:#888;font-size:28upx;">城市：</view>
+              <view style="flex:1;font-size:28upx;">{{ receiverCity }}</view>
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">地址：</view>
-              <view style="flex:1;font-size:28upx;">科技园南区高新南一道1号</view>
+              <view style="width:135upx;color:#888;font-size:28upx;">地址：</view>
+              <view style="flex:1;font-size:28upx;">{{ receiverAddress }}</view>
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">姓名：</view>
-              <view style="flex:1;font-size:28upx;">张三</view>
+              <view style="width:135upx;color:#888;font-size:28upx;">姓名：</view>
+              <view style="flex:1;font-size:28upx;">{{ receiverName }}</view>
             </view>
             <view style="display:flex;align-items:center;">
-              <view style="width:120upx;color:#888;font-size:28upx;">电话：</view>
-              <view style="flex:1;font-size:28upx;">13800138000</view>
+              <view style="width:135upx;color:#888;font-size:28upx;">电话：</view>
+              <view style="flex:1;font-size:28upx;">{{ receiverMobile }}</view>
             </view>
           </view>
           <view style="display:flex;justify-content:space-around;margin-top:40upx;">
@@ -159,6 +159,8 @@
     </view>
 </template>
 <script>
+import { getUserDet } from "@/api/member";
+import { createExpressOrder } from "@/api/express";
 export default {
 	name: "OrderItem",
 	components: {
@@ -175,11 +177,15 @@ export default {
 	data() {
 		return {
       currentStatus:0,
-      packageNum: '',
-      weight: '',
-      length: '',
-      width: '',
-      height: ''
+      wlPackageNum: 1,
+      wlWeight: '',
+      wlLength: 70,
+      wlWidth: 100,
+      wlHeight: 50,
+      receiverCity: '',
+      receiverAddress: '',
+      receiverName:'',
+      receiverMobile:'',
     };
 	},
 	mounted(){
@@ -189,6 +195,7 @@ export default {
 	},
 	methods: {
     modifyAddress(item){
+      this.closeExpressPop()
       this.$util.pageTo({url: "/pagesClient/member/modify?id="+item.customId+"&name="+item.customName})
     },
     shareOrder(info){
@@ -222,12 +229,29 @@ export default {
     },
     addExpress(item) {
       this.closeMore()
+      getUserDet({id:item.customId}).then(res=>{
+        if(res.code == 1){
+          this.receiverCity = res.data.city
+          this.receiverAddress = res.data.address
+          this.receiverName = res.data.name
+          this.receiverMobile = res.data.mobile
+        }
+      })
       this.$refs.expressAddressRef.open('center');
     },
     closeExpressPop() {
       this.$refs.expressAddressRef.close();
     },
     confirmAddExpress(item) {
+        if(Number(this.wlWeight)){
+          this.$msg('请填写重量')
+          return false
+        }
+        createExpressOrder({id:item.id,weight:Number(this.wlWeight),length:this.wlLength,width:this.wlWidth,height:this.wlHeight,packageNum:this.wlPackageNum}).then(res=>{
+          if(res.code == 1){
+
+          }
+        })
     },
 	}
 };
@@ -376,4 +400,24 @@ export default {
     }
   }
 }
+
+input {
+  height: 60upx;
+  line-height: 60upx;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+input::placeholder {
+  line-height: 60upx;
+  /* 可选：color、font-size 等 */
+}
+input::-webkit-input-placeholder {
+  line-height: 60upx;
+}
+input:-ms-input-placeholder {
+  line-height: 60upx;
+}
+input::-ms-input-placeholder {
+  line-height: 60upx;
+}
 </style>