mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 13:56:45 +08:00
-- fix bug
This commit is contained in:
70
src/components/common/CommonAlert.vue
Normal file
70
src/components/common/CommonAlert.vue
Normal file
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<a-modal
|
||||
:visible="true"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="DelModal"
|
||||
style="margin-top: 400px"
|
||||
:zIndex="9999"
|
||||
@cancel="close"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="del-icons">
|
||||
<img :src="types[type]" alt=""/>
|
||||
</div>
|
||||
<span>提示</span>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div><span>{{ content }}</span></div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1" @click="close">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2" @click="handleConfirm">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import notide from '@/assets/images/coursewareManage/notice.png'
|
||||
import infoPng from '@/assets/images/coursewareManage/QR.png'
|
||||
import {defineProps, ref} from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
close: {
|
||||
type: Function,
|
||||
default: () => ({})
|
||||
},
|
||||
ok: {
|
||||
type: Function,
|
||||
default: () => ({})
|
||||
},
|
||||
content: String,
|
||||
title: {
|
||||
type: String,
|
||||
default: '提示'
|
||||
},
|
||||
type: {
|
||||
type: Number,
|
||||
default: 1
|
||||
}
|
||||
})
|
||||
const types = {
|
||||
1: infoPng,
|
||||
2: notide
|
||||
}
|
||||
const type = ref(1)
|
||||
|
||||
function handleConfirm() {
|
||||
props.ok()
|
||||
props.close()
|
||||
}
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user