打印机删除提示

pagePrinter/index/components/printer-item.vue

@@ -46,12 +46,15 @@
 					{{devicesName(data.contentType)}}
 				</view>
 			</view>
-			<view class="u-m-t-32 u-flex u-row-right gap-20" >
-				<my-button v-if="data.connectionType == 'network'" shape="circle" :width="140" :height="56" type="cancel" @tap="delTableHandleEvent()"
-					plain>删除</my-button>
-				<my-button v-if="data.connectionType == 'network'" shape="circle" @click="toUrl" :width="140" :height="56" plain>编辑</my-button>
+			<view class="u-m-t-32 u-flex u-row-right gap-20">
+				<my-button v-if="data.connectionType == 'network'" shape="circle" :width="140" :height="56"
+					type="cancel" @tap="delTableHandleEvent()" plain>删除</my-button>
+				<my-button v-if="data.connectionType == 'network'" shape="circle" @click="toUrl" :width="140"
+					:height="56" plain>编辑</my-button>
 			</view>
 		</view>
+		<!-- 删除弹窗 -->
+		<my-model desc="确认删除?" ref="delModel" @confirm="delModelConfirm"></my-model>
 
 	</view>
 </template>
@@ -67,6 +70,9 @@
 		shopConfigprinter,
 		delTableHandle
 	} from '@/http/yskApi/devices.js'
+	import {
+		getCurrentInstance
+	} from 'vue';
 
 	const props = defineProps({
 		data: {
@@ -106,10 +112,16 @@
 		})
 		emit('init', '')
 	}
+	const refs = getCurrentInstance()
 	// 删除
-	async function delTableHandleEvent() {
+	function delTableHandleEvent() {
+		refs.ctx.$refs.delModel.open()
+	}
+	//删除分类确认
+	async function delModelConfirm() {
 		const res = await delTableHandle(props.data.id)
 		emit('init', '')
+		refs.ctx.$refs.delModel.close()
 	}
 </script>