|
@@ -8,25 +8,12 @@
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="dialog">
|
|
|
- <el-dialog
|
|
|
- :visible.sync="flag"
|
|
|
- ref="dialogTk"
|
|
|
- :top="top"
|
|
|
- :custom-class="customClass"
|
|
|
- :lock-scroll="false"
|
|
|
- :modal="modal"
|
|
|
- :before-close="close"
|
|
|
- :width="width"
|
|
|
- :show-close="showFlag"
|
|
|
- >
|
|
|
- <div
|
|
|
- :style="{
|
|
|
+ <el-dialog :visible.sync="flag" ref="dialogTk" :top="top" :custom-class="customClass" :lock-scroll="false" :modal="modal" :before-close="close" :width="width" :show-close="showFlag">
|
|
|
+ <div :style="{
|
|
|
height: child
|
|
|
? this.$store.state.settings.dialogHeight - 96 + 'px'
|
|
|
: '',
|
|
|
- }"
|
|
|
- class="dialog-content"
|
|
|
- >
|
|
|
+ }" class="dialog-content">
|
|
|
<slot />
|
|
|
</div>
|
|
|
</el-dialog>
|
|
@@ -75,7 +62,7 @@ export default {
|
|
|
// 监听弹框开关
|
|
|
watch: {
|
|
|
flag: {
|
|
|
- handler(val) {
|
|
|
+ handler (val) {
|
|
|
if (val) {
|
|
|
this.$nextTick(() => {
|
|
|
// 获取弹框高度
|
|
@@ -94,7 +81,7 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
// 弹框关闭
|
|
|
- close() {
|
|
|
+ close () {
|
|
|
this.$emit("closeDialog", false);
|
|
|
},
|
|
|
},
|
|
@@ -144,7 +131,21 @@ export default {
|
|
|
.Delfoot {
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
-
|
|
|
+ .DelIcon {
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ background: #eb2f3b;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 15px;
|
|
|
+ background: url("../../../assets/index/ic_close_hint.png") no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ top: 6px;
|
|
|
+ }
|
|
|
+ .DelTxt {
|
|
|
+ color: #eb2f3b;
|
|
|
+ }
|
|
|
.del-content {
|
|
|
.error {
|
|
|
color: #eb2f3b;
|