|  |  | 
 |  |  |     :with-header="true" | 
 |  |  |     :width="width" | 
 |  |  |     :close-on-press-escape="false" | 
 |  |  |     :close-on-click-modal="false" | 
 |  |  |     :wrapper-closable="false" | 
 |  |  |     :append-to-body="true" | 
 |  |  |     :show-close="!showClose" | 
 |  |  |     @close="close" | 
 |  |  |   > | 
 |  |  |     <div slot="title" class="window__header"> | 
 |  |  | 
 |  |  |     <div v-if="withFooter" class="window__footer"> | 
 |  |  |       <slot name="footer"> | 
 |  |  |         <el-button @click="confirm" :loading="confirmWorking" type="primary">确定</el-button> | 
 |  |  |         <el-button @click="close">取消</el-button> | 
 |  |  |         <el-button v-if="!showCancel" @click="close">取消</el-button> | 
 |  |  |       </slot> | 
 |  |  |     </div> | 
 |  |  |   </el-dialog> | 
 |  |  | 
 |  |  |       type: String, | 
 |  |  |       default: '50%' | 
 |  |  |     }, | 
 |  |  |     showClose: { | 
 |  |  |       type: Boolean, | 
 |  |  |       default: false | 
 |  |  |     }, | 
 |  |  |     showCancel: { | 
 |  |  |       type: Boolean, | 
 |  |  |       default: false | 
 |  |  |     }, | 
 |  |  |     // 是否包含底部操作 | 
 |  |  |     withFooter: { | 
 |  |  |       type: Boolean, |