调整页面布局（初稿）

jshERP-web/src/views/system/modules/RoleModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -45,6 +49,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/RolePushBtnModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="width"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -57,6 +61,7 @@
         </div>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/TenantModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="600"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -33,6 +37,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/UnitModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="700"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:25%; height:50%; overflow-y:hidden">
+      style="top:100px; height:50%;overflow-y: hidden">
       <template slot="footer">
         <a-button key="back" v-if="isReadOnly" @click="handleCancel">
           关闭
@@ -43,6 +47,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/UserCustomerModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -42,6 +46,7 @@
         </a-col>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/UserDepotModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -42,6 +46,7 @@
         </a-col>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/UserModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
@@ -54,6 +58,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/VendorModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="1200"
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:10%;height: 80%;overflow-y: hidden">
+      style="top:100px; height: 80%;overflow-y: hidden">
       <template slot="footer">
         <a-button key="back" v-if="isReadOnly" @click="handleCancel">
           关闭
@@ -98,6 +102,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'