调整页面布局（初稿）

jshERP-web/src/views/material/modules/MaterialAttributeModal.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="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:20%;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">
           关闭
@@ -27,6 +31,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/material/modules/MaterialCategoryModal.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
@@ -6,10 +7,14 @@
       :visible="visible"
       :confirmLoading="confirmLoading"
       :okButtonProps="{ props: {disabled: disableSubmit} }"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @ok="handleOk"
       @cancel="handleCancel"
+      wrapClassName="ant-modal-cust-warp"
+      style="top:100px;height: 50%;overflow-y: hidden"
       cancelText="关闭">
-
       <a-spin :spinning="confirmLoading">
         <a-form :form="form">
           <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
@@ -33,6 +38,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 
 <script>

jshERP-web/src/views/material/modules/MaterialModal.vue

@@ -13,7 +13,7 @@
     cancelText="关闭"
     wrapClassName="ant-modal-material-warp"
     :id="prefixNo"
-    style="top:5%;height: 100%;overflow-y: hidden">
+    style="top:20px;height: 95%;overflow-y: hidden">
     <template slot="footer">
       <a-button key="back" v-if="isReadOnly" @click="handleCancel">
         关闭

jshERP-web/src/views/material/modules/MaterialPropertyModal.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="关闭"
@@ -26,6 +30,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/report/modules/AccountInOutList.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="1000"
       :visible="visible"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:5%;height: 100%;overflow-y: hidden">
+      style="top:20px;height: 95%;overflow-y: hidden">
       <template slot="footer">
         <a-button key="back" @click="handleCancel">取消</a-button>
       </template>
@@ -30,6 +34,7 @@
       <bill-detail ref="billDetail"></bill-detail>
       <financial-detail ref="financialDetail"></financial-detail>
     </a-modal>
+  </div>
 </template>
 <script>
   import BillDetail from '../../bill/dialog/BillDetail'

jshERP-web/src/views/report/modules/DebtAccountList.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="1250"
       :visible="visible"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:5%;height: 100%;overflow-y: hidden">
+      style="top:20px;height: 95%;overflow-y: hidden">
       <template slot="footer">
         <a-button key="back" @click="handleCancel">取消</a-button>
       </template>
@@ -62,6 +66,7 @@
       <!-- 表单区域 -->
       <bill-detail ref="modalDetail"></bill-detail>
     </a-modal>
+  </div>
 </template>
 
 <script>

jshERP-web/src/views/report/modules/MaterialInOutList.vue

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="1250"
       :visible="visible"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
-    style="top:5%;height: 100%;overflow-y: hidden">
+      style="top:20px;height: 95%;overflow-y: hidden">
       <template slot="footer">
         <a-button key="back" @click="handleCancel">取消</a-button>
       </template>
@@ -29,6 +33,7 @@
       <!-- 表单区域 -->
       <bill-detail ref="billDetail"></bill-detail>
     </a-modal>
+  </div>
 </template>
 <script>
   import BillDetail from '../../bill/dialog/BillDetail'

jshERP-web/src/views/system/modules/AccountModal.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="关闭"
@@ -37,6 +41,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/CustomerModal.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="关闭"
@@ -98,6 +102,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/DepotModal.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="关闭"
@@ -44,6 +48,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/FunctionModal.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="关闭"
@@ -51,6 +55,7 @@
       </a-spin>
       <function-tree-modal ref="functionTreeModal" @ok="functionTreeModalOk"></function-tree-modal>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/FunctionTreeModal.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"
       @cancel="handleCancel"
       cancelText="关闭"
       wrapClassName="ant-modal-cust-warp"
@@ -29,6 +33,7 @@
         </a-col>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/InOutItemModal.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="关闭"
@@ -34,6 +38,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/MemberModal.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="关闭"
@@ -58,6 +62,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

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

 <template>
+  <div ref="container">
     <a-modal
       :title="title"
       :width="800"
       :ok=false
       :visible="visible"
       :confirmLoading="confirmLoading"
+      :getContainer="() => $refs.container"
+      :maskStyle="{'top':'101px','left':'151px'}"
+      :maskClosable="false"
       :okButtonProps="{ props: {disabled: disableSubmit} }"
       @ok="handleOk"
       @cancel="handleCancel"
-    cancelText="关闭">
-
+      cancelText="关闭"
+      wrapClassName="ant-modal-cust-warp"
+      style="top:50px;height: 80%;overflow-y: hidden">
       <a-spin :spinning="confirmLoading">
         <a-form :form="form" id="organizationModal">
           <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="名称">
@@ -33,6 +38,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 
 <script>
@@ -165,5 +171,5 @@
 </script>
 
 <style scoped>
-
+  @import '~@assets/less/common.less'
 </style>
\ No newline at end of file

jshERP-web/src/views/system/modules/PersonModal.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="关闭"
@@ -32,6 +36,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/PlatformConfigModal.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="关闭"
@@ -20,6 +24,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/PluginAppModal.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="关闭"
@@ -20,6 +24,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/PluginModal.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="关闭"
@@ -20,6 +24,7 @@
         </a-form>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'

jshERP-web/src/views/system/modules/RoleFunctionModal.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="关闭"
@@ -42,6 +46,7 @@
         </a-col>
       </a-spin>
     </a-modal>
+  </div>
 </template>
 <script>
   import pick from 'lodash.pick'