<template>
|
<div class="zhigongshebaoForm">
|
<el-dialog
|
:visible.sync="dialogVisible"
|
width="86%"
|
:before-close="handleClose">
|
<div class="zhigongshebaoEcharts" ref="zhigongshebaoEcharts"></div>
|
</el-dialog>
|
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "zhigongshebaoForm",
|
data() {
|
return {
|
dialogVisible: false,
|
}
|
},
|
methods: {
|
init() {
|
this.dialogVisible = true
|
},
|
handleClose() {
|
this.dialogVisible = false
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
// dialog对话框
|
.zhigongshebaoForm {
|
.el-dialog__wrapper {
|
background: rgba(0, 0, 0, 0.9);
|
}
|
.el-dialog {
|
background: url(../../../assets/images/businessPolicy/dialog@2x.png)
|
no-repeat center;
|
background-size: 100% 100%;
|
height: 4.375rem;
|
}
|
.el-icon-close:before {
|
content: url(../../../assets/images/businessPolicy/dialogClose@2x.png);
|
width: 0.1875rem /* 48/256 */;
|
height: 0.1875rem;
|
background-size: 100% 100%;
|
}
|
.el-dialog__headerbtn{
|
position: absolute;
|
top: 0.3125rem /* 80/256 */;
|
right: 0.3125rem /* 80/256 */;
|
}
|
.el-dialog__header {
|
padding: 0;
|
width: 0;
|
height: 0;
|
}
|
.el-dialog__body {
|
text-align: center;
|
color: #eeeeee;
|
h1 {
|
margin-top: 0.4375rem;
|
font-size: 0.1563rem;
|
}
|
span {
|
font-size: 0.1094rem;
|
}
|
}
|
.el-divider {
|
margin: 0;
|
background-color: #eeeeee;
|
}
|
}
|
</style>
|
