测试

src/packages/hs-jsoneditor/src/index.vue

 <template>
   <el-dialog
+    v-if='innervisible'
     top="10px"
     id="jsonEditorBox"
     @opened="dialogOpen"

src/packages/hs-tags-table/src/child.vue

@@ -29,15 +29,13 @@
       </div>
     </div>
     <hs-iframe-dialog ref='appIframePageBox'></hs-iframe-dialog>
-    <el-dialog
-      :close-on-click-modal='false'
-      :before-close='beforeClose'
-      append-to-body
-      center
-      title="查询"
-      :visible.sync="dialogTableVisible"
-      width="65%"
+    <hs-dialog
+      ref='hsDialog'
+      :visible='dialogTableVisible'
+      :config='dialogConfig'
+      @close='beforeClose'
     >
+      <div slot="body">
         <div v-if='dialogTableVisible'>
           <el-tag
             @click="itemClick(item)"
@@ -71,10 +69,8 @@
           v-bind="$attrs"
         >
         </hs-table>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
+      </div>
+      <div slot="footer" class="dialogTableVisible-box-footer">
         <el-button
           size="mini"
           v-show="configData.showDialogAdd"
@@ -91,7 +87,7 @@
           @click="submit"
         >确 定</el-button>
       </div>
-    </el-dialog>
+    </hs-dialog>
   </div>
 </template>
 
@@ -120,7 +116,11 @@ export default {
       tableData: [],
       searchForm: {},
       firstQuery: true,
-      hsTablePaging:null
+      hsTablePaging: null,
+      dialogConfig: {
+        title: '查询',
+        width: '60%'
+      }
     }
   },
   computed: {
@@ -272,7 +272,7 @@ export default {
       }
     },
     submit() {
-      let resultList = this.tableData.filter(x => x.isSelected)
+      const resultList = this.tableData.filter(x => x.isSelected)
       const list = []
       const { submitClick, valueField, displayField } = this.configData
       resultList.forEach(item => {
@@ -410,4 +410,8 @@ export default {
   display: flex;
   justify-content: flex-end;
 }
+.dialogTableVisible-box-footer{
+  display: flex;
+  justify-content: flex-end;
+}
 </style>