39 lines
880 B
Vue
39 lines
880 B
Vue
|
<script setup>
|
||
|
|
const visible = defineModel('visible');
|
||
|
|
const model = defineModel('model');
|
||
|
|
const emits = defineEmits(['success']);
|
||
|
|
|
||
|
|
const init = () => {
|
||
|
|
Object.keys(model.value).forEach(key => {
|
||
|
|
model.value[key] = null;
|
||
|
|
});
|
||
|
|
success();
|
||
|
|
}
|
||
|
|
|
||
|
|
const success = () => {
|
||
|
|
visible.value = false;
|
||
|
|
emits('success');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<tui-drawer
|
||
|
|
mode="top"
|
||
|
|
maskZIndex="999"
|
||
|
|
zIndex="999"
|
||
|
|
@close="visible=false"
|
||
|
|
:visible="visible">
|
||
|
|
<view class="!pt-[100rpx] !p-[32rpx]">
|
||
|
|
<slot></slot>
|
||
|
|
<view class="!flex gap-[24rpx] !mt-[24rpx]">
|
||
|
|
<tui-button height="88rpx" plain @click="init">重置</tui-button>
|
||
|
|
<tui-button height="88rpx" @click="success">确定</tui-button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</tui-drawer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|