lcw

src/views/home/model/information.vue

@@ -0,0 +1,53 @@
+<template>
+ <el-dialog class="dialog-container"
+   :model-value="modelValue"
+    :title="title"
+    :before-close="close" :destroy-on-close="true"
+
+  >
+
+     <slot></slot>
+    <template #footer v-if="showFooter">
+      <div class="dialog-footer"  >
+        <el-button @click="close">取消</el-button>
+        <el-button type="primary" @click="submit">
+          确认
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import {ref} from 'vue'
+const props=defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true
+  },title:{
+    type:String,
+    default:'提示'
+  },showFooter:{
+    type:Boolean,
+    default:true
+  }
+
+})
+const emit=defineEmits(['update:modelValue','submit','close'])
+const close = () => {
+  emit('update:modelValue',false)
+  emit('close')
+}
+const submit=()=>{
+  emit('submit')
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+::v-deep .el-dialog__body{
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+</style>