style:弹框组件

 export default {
 export default {
-  SERVERAPI: '/service-bdcdj2'
+  SERVERAPI: '/service-bdcdj9'
 }
 }
\ No newline at end of file

 <template>
 <template>
-  <el-dialog :visible.sync="dialogVisible" :width="width" :fullscreen="fullscreen" top="0" :append-to-body="true"
-    :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key"
+  <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0"
+    :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key"
     :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox"
     :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox"
     id="dialogBox">
     id="dialogBox">
     <div slot="title">
     <div slot="title">
@@ -30,6 +30,10 @@ export default {
       type: Boolean,
       type: Boolean,
       default: false
       default: false
     },
     },
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
     isButton: {
     isButton: {
       type: Boolean,
       type: Boolean,
       default: true,
       default: true,

@@ -103,7 +103,7 @@ export default {
 .ls-mask {
 .ls-mask {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  z-index: 2001;
+  z-index: 100000;
   position: fixed;
   position: fixed;
   left: 0;
   left: 0;
   top: 0;
   top: 0;

@@ -33,7 +33,7 @@ import _ from 'lodash'
 
 
 import * as filters from './filters' // global filters
 import * as filters from './filters' // global filters
 import './permission' // permission control
 import './permission' // permission control
-Vue.use(Element, { size: 'small' })
+Vue.use(Element, { size: 'small', zIndex: 1000 })
 Vue.use(Base)
 Vue.use(Base)
 Object.keys(filters).forEach(key => {
 Object.keys(filters).forEach(key => {
     Vue.filter(key, filters[key])
     Vue.filter(key, filters[key])