弹框确认优化

src/pages/materialsStation/materialClerkConfirms/confirmDetails.vue

@@ -27,7 +27,9 @@
       <uni-easyinput type="textarea" v-model="remark" placeholder="请输入备注..." autoHeight />
       <view class="popup-btns">
         <button type="default" @click="closePopup">取 消</button>
-        <button type="primary" @click="confirmRemark">确 认</button>
+        <button type="primary" @click="confirmRemark">
+          确 认{{ countdown > 0 ? '(' + countdown + ')' : '' }}
+        </button>
       </view>
     </view>
   </uni-popup>
@@ -44,6 +46,8 @@ const total = ref(0)
 const remark = ref('')
 const popup = ref()
 const loading = ref(false)
+const countdown = ref(0)
+const timer = ref(null)
 
 const finish = computed(() => {
   if (total.value === tableList.value.length) return true
@@ -77,12 +81,27 @@ const handleDetails = (item) => {
 }
 const penPopup = () => {
   popup.value.open()
+  if (timer.value) {
+    clearInterval(timer.value)
+    timer.value = null
+  }
+  countdown.value = 3
+  timer.value = setInterval(() => {
+    if (countdown.value > 0) {
+      countdown.value--
+    } else {
+      clearInterval(timer.value)
+      timer.value = null
+      countdown.value = 0
+    }
+  }, 1000)
 }
 const closePopup = () => {
   popup.value.close()
 }
 const confirmRemark = () => {
   console.log('opts:', opts.value)
+  if (countdown.value > 0) return
   const params = {
     id: opts.value.id,
     leaseSignId: opts.value.leaseSignId,

src/pages/repair/testedInBound/details.vue

@@ -101,7 +101,7 @@
 				</view>
 				<view class="handle-box">
 					<view class="handle-box-btn" style="background: #CCC;color: #FFF;" @click="closePopup">取消</view>
-					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmNumInBound">确定</view> 
+					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmNumInBound">确定{{ countdown > 0 ? '(' + countdown + ')' : '' }}</view> 
 				</view> 
 			</view>
 		</uni-popup>
@@ -124,7 +124,7 @@
 				</view>
 				<view class="handle-box">
 					<view class="handle-box-btn" style="background: #CCC;color: #FFF;" @click="closePopup2">取消</view>
-					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="rejectNumInBound">确定</view> 
+					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="rejectNumInBound">确定{{ countdown > 0 ? '(' + countdown + ')' : '' }}</view> 
 				</view> 
 			</view>
 		</uni-popup>
@@ -147,6 +147,9 @@ const rejectNumPopup = ref(null);
 const inBoundNum = ref(0) 
 const rejectBoundNum = ref(0) 
 const rejectReason = ref('') 
+const countdown = ref(0)
+const timer = ref(null)
+
 // 获取列表详情
 const getDetailsData = async () => {
 	let param = {
@@ -192,6 +195,20 @@ const onClick=async (e,item)=> {
 		}
 	}
 	if (item.manageType == 1) {//数量
+        if (timer.value) {
+            clearInterval(timer.value)
+            timer.value = null
+        }
+        countdown.value = 3
+        timer.value = setInterval(() => {
+            if (countdown.value > 0) {
+                countdown.value--
+            } else {
+                clearInterval(timer.value)
+                timer.value = null
+                countdown.value = 0
+            }
+        }, 1000)
 		if(e.index==0){
 		// console.log(item)
 			if(item.status==0){//入库 
@@ -215,6 +232,7 @@ const onClick=async (e,item)=> {
  
 const confirmNumInBound = async () => {
 	console.log(inBoundNum.value)
+    if (countdown.value > 0) return
 	if(inBoundNum.value==0){
 		uni.showToast({ title: '入库数量需大于0！',icon: 'none'})
 	}else{
@@ -238,6 +256,7 @@ const closePopup = () => {
 
 const rejectNumInBound = async () => {
 	console.log(rejectBoundNum.value)
+    if (countdown.value > 0) return
     try {
         uni.showLoading({ title: '操作中...', mask: true })
         if(rejectBoundNum.value==0){

src/pages/standardBox/acceptBox.vue

@@ -165,7 +165,7 @@ const onClick=(e,item, itemIndex)=> {
                         } 
                     }
                 })
-            }, 300)
+            }, 500)
         }else{//驳回
             console.log(item)
             setTimeout(() => {
@@ -174,8 +174,8 @@ const onClick=(e,item, itemIndex)=> {
                     content: '是否确认驳回移交？',
                     confirmText: '确定',
                     cancelText: '取消',
-                    success: async (res) => {
+                    success: async (resp) => {
-                        if (res.confirm) { 
+                        if (resp.confirm) { 
                             let param = {
                                 boxId:item.boxId
                             }
@@ -195,7 +195,7 @@ const onClick=(e,item, itemIndex)=> {
                         } 
                     }
                 })
-            }, 300)
+            }, 500)
         }
     }
     swipeRef.value[itemIndex].closeAll()

src/pages/standardBox/codeList.vue

@@ -73,7 +73,7 @@
 			<view class="keeper-popup">
 				<view class="handle-box">
 					<view class="handle-box-btn" style="background: #CCC;color: #FFF;" @click="closePopup">取消</view>
-					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmTransfer">确定</view> 
+					<view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmTransfer">确定{{ countdown > 0 ? '(' + countdown + ')' : '' }}</view> 
 				</view>
 				<scroll-view scroll-y style="padding-bottom: 85rpx" class="keeper-box" v-if="keeperList.length>0"> 
 					<view class="table-list-item" v-for="item in keeperList" :key="item.id">
@@ -176,6 +176,8 @@ const focusTimeout = ref(null)
 const systemInfo = ref(null)
 const screenHeight = ref(null)
 const screenWidth = ref(null)
+const countdown = ref(0)
+const timer = ref(null)
 
 const getCodeList = () => {
     console.log(boxInfo.value)
@@ -822,11 +824,26 @@ const onChangeChecked = (item) => {
 } 
 const transfer = () => {
     keeperPopup.value.open('bottom'); 
+    if (timer.value) {
+      clearInterval(timer.value)
+      timer.value = null
+    }
+    countdown.value = 3
+    timer.value = setInterval(() => {
+      if (countdown.value > 0) {
+        countdown.value--
+      } else {
+        clearInterval(timer.value)
+        timer.value = null
+        countdown.value = 0
+      }
+    }, 1000)
 }
 const closePopup = () => {
     keeperPopup.value.close(); 
 }
 const confirmTransfer = () => {
+  if (countdown.value > 0) return
 	if(transferUser.value!=""){
 		let param = {
 			"boxId":boxInfo.value.boxId,

src/pages/standardBox/transferBox.vue

@@ -94,7 +94,7 @@
             <view class="keeper-popup">
                 <view class="handle-box">
                     <view class="handle-box-btn" style="background: #CCC;color: #FFF;" @click="closePopup">取消</view>
-                    <view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmTransfer">确定</view> 
+                    <view class="handle-box-btn" style="background: #3784fb;color: #FFF;" @click="confirmTransfer">确定{{ countdown > 0 ? '(' + countdown + ')' : '' }}</view> 
                 </view>
                 <scroll-view scroll-y style="padding-bottom: 85rpx" class="keeper-box" v-if="keeperList.length>0"> 
                     <view class="table-list-item" v-for="item in keeperList" :key="item.id">
@@ -142,6 +142,8 @@ const keeperPopup = ref(null);
 const transferItem = ref({}); 
 const keeperList = ref([])    
 const transferUser = ref("")    
+const countdown = ref(0)
+const timer = ref(null)
 // 查询参数
 const queryParams = ref({
     startTime: dateArray.value[0] || '',
@@ -305,6 +307,20 @@ const getKeeperList = (item) => {
                 console.log(keeperList)
             }
             keeperPopup.value.open('bottom'); 
+            if (timer.value) {
+                clearInterval(timer.value)
+                timer.value = null
+            }
+            countdown.value = 3
+            timer.value = setInterval(() => {
+                if (countdown.value > 0) {
+                    countdown.value--
+                } else {
+                    clearInterval(timer.value)
+                    timer.value = null
+                    countdown.value = 0
+                }
+            }, 1000)
         }).catch(error => {
             console.log(error) 
         })  
@@ -331,6 +347,7 @@ const onChangeChecked = (item) => {
 	
 } 
 const confirmTransfer = () => { 
+    if (countdown.value > 0) return
 	if(transferUser.value!=""){
 
 		let param = {
@@ -674,7 +691,7 @@ const finish = computed(() => {
 		display: flex;
 		align-items: center;justify-content: space-between;
 		.handle-box-btn{
-			width: 60px; 
+			min-width: 60px; 
 			height: 32px;line-height: 32px;
 			text-align: center;
 			border-radius: 5px;