parent
665cab2fb7
commit
f05969f614
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,104 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import { onMounted, ref } from 'vue'
|
||||||
|
import { getToolsCount } from '@/api/home/main'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
default: 'xxx',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
const emit = defineEmits<{
|
||||||
|
(e: 'tishiok')
|
||||||
|
(e: 'reject', params: any)
|
||||||
|
(e: 'viewrepeat')
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const showx = ref(false)
|
||||||
|
const label=ref(props.label)
|
||||||
|
const toolsData = ref({} as any)
|
||||||
|
|
||||||
|
async function getData() {
|
||||||
|
const res = await getToolsCount()
|
||||||
|
toolsData.value = res.data || {}
|
||||||
|
if (res.code == 'OK')
|
||||||
|
showModalx()
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
getData()
|
||||||
|
})
|
||||||
|
|
||||||
|
function showModalx() {
|
||||||
|
showx.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeModal() {
|
||||||
|
showx.value = false
|
||||||
|
}
|
||||||
|
function onok(){
|
||||||
|
emit('tishiok')
|
||||||
|
}
|
||||||
|
async function reject() {
|
||||||
|
emit('reject', { a: 'todo' })
|
||||||
|
closeModal()
|
||||||
|
}
|
||||||
|
|
||||||
|
async function viewRepeat(e: MouseEvent) {
|
||||||
|
emit('viewrepeat')
|
||||||
|
e.preventDefault()
|
||||||
|
closeModal()
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
showModalx,
|
||||||
|
closeModal,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<n-modal v-model:show="showx" transform-origin="center" class="modal_wrap">
|
||||||
|
<div>
|
||||||
|
<div class="title"> <SvgIcon size="21" class="icon" style="margin-right:17.5px" name="warn" @click="closeModal" />确认提示</div>
|
||||||
|
<div class="content">{{label}}</div>
|
||||||
|
<div class="footer">
|
||||||
|
<n-button style="background: #507afd;width: 60px;
|
||||||
|
height: 36px;" type="info" @click="onok">
|
||||||
|
确定
|
||||||
|
</n-button>
|
||||||
|
<n-button secondary class="btn" style="margin-left: 15px;width: 60px;
|
||||||
|
height: 36px;" @click="closeModal">
|
||||||
|
取消
|
||||||
|
</n-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</n-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.modal_wrap{
|
||||||
|
width: 424px;
|
||||||
|
height: 192px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
color: #333333;
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 550;
|
||||||
|
margin-top: 33.5px;
|
||||||
|
margin-left: 33.5px;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
margin-top: 12px;
|
||||||
|
margin-left: 72px;
|
||||||
|
}
|
||||||
|
.footer{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 24px;
|
||||||
|
right: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue