测试

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,52 +29,48 @@
       </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 v-if='dialogTableVisible'>
-        <el-tag
-          @click="itemClick(item)"
-          :key="index"
-          :closable='configData.closable'
-          v-for="(item,index) in dynamicTags"
-          :disable-transitions="false"
-          @close="handleClose(item)"
+      <div slot="body">
+        <div v-if='dialogTableVisible'>
+          <el-tag
+            @click="itemClick(item)"
+            :key="index"
+            :closable='configData.closable'
+            v-for="(item,index) in dynamicTags"
+            :disable-transitions="false"
+            @close="handleClose(item)"
+          >
+            {{item[configData.displayField]}}
+          </el-tag>
+        </div>
+        <hs-dync-form
+          @searchSubmit='queryTable'
+          type='queryArea'
+          :formParms='searchForm'
+          :elInfo='hsDyncFormEl'
+          :config='hsDyncFormConfig'
+          v-on="$listeners"
+          v-bind="$attrs"
         >
-          {{item[configData.displayField]}}
-        </el-tag>
+        </hs-dync-form>
+        <hs-table
+          height="300px"
+          :paging='hsTablePaging'
+          :config='hsTableFormConfig'
+          :data='hsTableData'
+          :elInfo='hsTableEl'
+          @paginationFun="paginationFun"
+          v-on="$listeners"
+          v-bind="$attrs"
+        >
+        </hs-table>
       </div>
-      <hs-dync-form
-        @searchSubmit='queryTable'
-        type='queryArea'
-        :formParms='searchForm'
-        :elInfo='hsDyncFormEl'
-        :config='hsDyncFormConfig'
-        v-on="$listeners"
-        v-bind="$attrs"
-      >
-      </hs-dync-form>
-      <hs-table
-        height="300px"
-        :paging='hsTablePaging'
-        :config='hsTableFormConfig'
-        :data='hsTableData'
-        :elInfo='hsTableEl'
-        @paginationFun="paginationFun"
-        v-on="$listeners"
-        v-bind="$attrs"
-      >
-      </hs-table>
-      <div
-        slot="footer"
-        class="dialog-footer"
-      >
+      <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>