二次确认

pages/SecondPhase/SubRollPackUnbind.vue

@@ -4,10 +4,8 @@
 		<nav-bar :title="title"></nav-bar>
 		<view class="zd_content">
 			<view class="zd_wrapper">
-				<view class="filter_item">
-					<view class="filter_label_wraper">
-						<span class="filter_label">{{$t('grid.sub-roll-number')}}</span>
-					</view>
+				<view class="filter_item is-required">
+					<view class="filter_label">{{$t('grid.sub-roll-number')}}</span></view>
 					<view class="filter_input_wraper">
 						<search-box
 						v-model="val1"
@@ -18,7 +16,7 @@
 		</view>
 		<view class="zd-row submitbar">
 			<button class="zd-col-6 btn-submit btn-default" @tap="clearUp">{{$t('button.clear')}}</button>
-			<button class="zd-col-15 btn-submit btn-success" :class="{'btn-info': !val1}" :disabled="disabled" @tap="_toEndSub">子卷包装解绑</button>
+			<button class="zd-col-15 btn-submit btn-success" :class="{'btn-info': !val1}" :disabled="disabled" @tap="handleConfirm">子卷包装解绑</button>
 		</view>
 	</view>
 </template>
@@ -26,6 +24,7 @@
 <script>
 	import NavBar from '@/components/NavBar.vue'
 	import SearchBox from '@/components/SearchBox.vue'
+	import { confirmAction } from '@/utils/utils.js'
 	import {toEndSub} from '@/utils/getData3.js'
 	export default {
 		components: {
@@ -47,12 +46,17 @@
 				this.val1 = ''
 				this.disabled = false
 			},
-			async _toEndSub () {
-				this.disabled = true
+			async handleConfirm() {
 				if (!this.val1) {
-					this.disabled = false
 					return
 				}
+				const isConfirmed = await confirmAction("确认操作", "确定要执行此操作吗？")
+				if (isConfirmed) {
+					this._toEndSub()
+				}
+			},
+			async _toEndSub () {
+				this.disabled = true
 				try {
 					let res = await toEndSub(this.val1)
 					if (res) {