.

src/packages/hs-select-list/src/child.vue

@@ -18,8 +18,115 @@
         ></el-button>
       </el-input>
     </div>
+    <hs-dialog 
+      ref='hsDialog'
+    :visible='dialogTableVisible'
+    :config='dialogConfig'
+    @close='handleClose'
+    >
+      <div slot="body">
+        <div class="contentBox">
+          <div
+            class="leftBox"
+            :style="{'width':tableWithLeft}"
+          >
+            <el-divider content-position="left">所有项</el-divider>
+            <hs-dync-form
+              height='55px'
+              @searchSubmit='queryLeft'
+              type='queryArea'
+              :formParms='searchFormLeft'
+              :elInfo='hsDyncFormElLeft'
+              :config='hsDyncFormConfigLeft'
+              v-bind="$attrs"
+              v-on="$listeners"
+            >
+            </hs-dync-form>
+            <hs-table
+              :width='tableWithLeft'
+              :height="tableHeightLeft"
+              :config='leftHsTableConfig'
+              :data='leftTabeData'
+              :paging='pagingLeft'
+              :elInfo='hsTableElLeft'
+              @paginationFun="paginationFunLeft"
+              v-bind="$attrs"
+              v-on="$listeners"
+            >
+            </hs-table>
+          </div>
+          <div class="rightLeftIcon">
+            <el-button-group>
+              <el-button
+                @click="goLeftTable"
+                size='mini'
+                type="primary"
+                icon="el-icon-arrow-left"
+              ></el-button>
+              <el-button
+                @click="goRightTable"
+                size='mini'
+                type="primary"
+              ><i class="el-icon-arrow-right el-icon--right"></i></el-button>
+            </el-button-group>
+          </div>
+          <div
+            class="rightBox"
+            :style="{'width':tableWithRight}"
+          >
+            <el-divider content-position="left">已选区</el-divider>
+            <hs-dync-form
+              height='55px'
+              @searchSubmit='queryRight'
+              type='queryArea'
+              :formParms='searchFormRight'
+              :elInfo='hsDyncFormElRight'
+              :config='hsDyncFormConfigRight'
+              v-bind="$attrs"
+              v-on="$listeners"
+            >
+            </hs-dync-form>
+            <hs-table
+              :width='tableWithRight'
+              :height="tableHeightRight"
+              :paging='pagingRight'
+              :data='rightTabeData'
+              :config='rightHsTableConfig'
+              :elInfo='hsTableElRight'
+              @paginationFun="paginationFunRight"
+              v-bind="$attrs"
+              v-on="$listeners"
+            >
+            </hs-table>
+          </div>
 
+        </div>
+      </div>
+      <template
+        slot="footer"
+        v-if='!getDisabled'
+      >
+        <div class="cacelSubmit">
+          <el-button
+            size='mini'
+            @click="beforeClose"
+          >取 消</el-button>
+          <el-button
+            size='mini'
+            type="primary"
+            @click="submit"
+          >确 定</el-button>
+          <el-button
+            size='mini'
+            icon='el-icon-position'
+            type="primary"
+            @click="showAddPage"
+          >新增</el-button>
+        </div>
+      </template>
+    </hs-dialog>
     <el-dialog
+      v-if="false"
       @open='openDialog'
       top='10px'
       :close-on-click-modal='false'
@@ -130,21 +237,9 @@
           >新增</el-button>
         </div>
       </div>
-    <!-- <hsIframeDialog ref='appIframePageBoxA'></hsIframeDialog> -->
-    </el-dialog>
 
-<el-dialog
-  title="提示"
-  :visible.sync="dialogVisible"
-  width="30%"
-  :append-to-body='true'
-  :before-close="handleClose">
-  <span>这是一段信息</span>
-  <span slot="footer" class="dialog-footer">
-    <el-button @click="dialogVisible = false">取 消</el-button>
-    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-  </span>
-</el-dialog>
+    </el-dialog>
+    <hsIframeDialog ref='appIframePageBoxA'></hsIframeDialog>
   </div>
 </template>
 <script>
@@ -276,7 +371,10 @@ export default {
       leftTabeData: [],
       pagingLeft: null,
       dialogWidth: '95%',
-      dialogVisible: false
+      dialogVisible: false,
+      dialogConfig: {
+        title: '查询'
+      }
     }
   },
   methods: {
@@ -286,8 +384,6 @@ export default {
      * @param {*} item
      */
     async showAddPage() {
-      this.dialogVisible = true
-      return
       this.isChange = false
       const configData = this.$listeners.dealWithConfig(
         this.configData,
@@ -674,4 +770,8 @@ export default {
 .boxInputButton {
   display: flex;
 }
+.cacelSubmit{
+      display: flex;
+    justify-content: center;
+}
 </style>