样式

pages/modules/agv-task.vue

@@ -37,8 +37,23 @@
 		</view>
 		<view class="zd-row submit-bar_new">
 			<button class="zd-col-7 submit-button_c" @tap="toClear">清空</button>
-			<button class="zd-col-15 submit-button_new" :class="{'btn-disabled': !index1 || !index2}" :disabled="disabled" @tap="_callTask">确认</button>
+			<button class="zd-col-15 submit-button_new" :class="{'btn-disabled': !index1 || !index2}" :disabled="disabled" @tap="toPop">确认</button>
 		</view>
+		<view class="zd_content msg_wrapper" :class="show ? 'popshow' : 'pophide'">
+			<view class="pop-line"></view>
+			<view class="msg_content">
+				<view class="zd-row">
+					<view class="zd-col-24">
+						<span class="filter_label">确认下发任务？</span>
+					</view>
+				</view>
+			</view>
+			<view class="zd-row submit-bar">
+				<button class="zd-col-11 button-default" @tap.stop="show = false">关闭</button>
+				<button class="zd-col-11 button-primary" :disabled="disabled" @tap="_callTask">确定</button>
+			</view>
+		</view>
+		<view v-if="show" class="msg_mask"></view>
 	</view>
 </template>
 
@@ -51,6 +66,7 @@
 		},
 		data() {
 			return {
+				show: false,
 				disabled: false,
 				options1: [],
 				index1: '',
@@ -159,6 +175,11 @@
 				this.options4 = []
 				this.options5 = []
 			},
+			toPop () {
+				if (this.index1 && this.index2 && this.index3 && this.index4) {
+					this.show = true
+				}
+			},
 			async _callTask () {
 				this.disabled = true
 				if (!this.index1 || !this.index2) {
@@ -181,4 +202,8 @@
 </script>
 
 <style lang="stylus">
+@import '../../common/style/mixin.styl';
+.msg_wrapper
+	height auto
+	min-height 30%
 </style>