调机记录

pages/les/deliveryMaterial.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="page-wrap">
 		<uni-forms ref="form" :modelValue="formData" :rules="rules">
 			<uni-forms-item label="发货点位：" :labelWidth='100' name="srcLocationCode">
 				<uni-easyinput type="text" v-model="formData.srcLocationCode" />
@@ -14,14 +14,10 @@
 				<uni-easyinput type="text" v-model="formData.ctnrTyp" />
 			</uni-forms-item>
 		</uni-forms>
-		<uni-row :gutter="10">
-			<uni-col :span="12">
-				<u-button type="success" @click="handleDelivery">配送</u-button>
-			</uni-col>
-			<uni-col :span="12">
-				<u-button type="primary" @click="handleCancle">取消</u-button>
-			</uni-col>
-		</uni-row>
+		<view class="btns">
+			<u-button type="primary" @click="handleDelivery" class="sub-btn">配送</u-button>
+			<u-button type="warning" @click="handleCancle" class="pri-btn">取消</u-button>
+		</view>
 	</view>
 </template>
 
@@ -71,7 +67,7 @@ export default {
 		handleDelivery() {
 			const _this = this;
 			this.$refs.form.validate().then(res => {
-				if (_this.formData.srcLocationCode && this.formData.robotType) {
+				if (_this.formData.srcLocationCode && _this.formData.robotType) {
 					_this.$modal.loading('提交中')
 					delivery(_this.formData).then(res => {
 						_this.$modal.closeLoading();
@@ -124,4 +120,34 @@ export default {
 		}
 	}
 }
-</script>
+</script>
+
+<style scoped lang="scss">
+.btns {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	display: flex;
+	justify-content: space-evenly;
+	background: #fff;
+	padding: 8px 0;
+}
+
+::v-deep .uni-easyinput__content-input {
+	height: 80rpx;
+	line-height: 60rpx;
+	display: flex;
+	align-items: center;
+}
+
+::v-deep .uni-select {
+	height: 60rpx;
+}
+
+.btns .sub-btn,
+.btns .pri-btn {
+	width: 47%;
+	height: 60rpx;
+}
+</style>