a-modal页面滑动

src/views/activiti/applyList.vue

@@ -159,7 +159,7 @@
       </div>
     </a-drawer>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent" :hieg ="lcModa.hieg"
                  :processData="lcModa.processData" :isNew = "lcModa.isNew" :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"
                  @afterSubmit="afterSub" @loadData="reloadData" @close="lcModa.visible=false,lcModa.disabled = false"></component>
@@ -580,5 +580,20 @@
   }
 </script>
 <style scoped>
-  @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
+
+/deep/.ant-modal {
+  overflow-y: hidden;
+}
+/deep/.ant-modal-content{
+  height: 100%;
+  overflow-y: hidden;
+}
+/deep/.ant-modal-body{
+  height: 100%;
+  overflow-y: scroll;
+}
+/deep/.ant-modal{
+  top:45px
+}
 </style>

src/views/activiti/doneManage.vue

@@ -1,6 +1,3 @@
-<style lang="less">
-  @import '~@assets/less/common.less';
-</style>
 <template>
   <div class="search" style="height: 100%;">
     <a-card>
@@ -124,7 +121,7 @@
       </div>
     </a-modal>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
                  :processData="lcModa.processData" :isNew = "lcModa.isNew" :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
@@ -266,3 +263,22 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+@import '~@assets/less/common.less';
+
+/deep/.ant-modal {
+  overflow-y: hidden;
+}
+/deep/.ant-modal-content{
+  height: 100%;
+  overflow-y: hidden;
+}
+/deep/.ant-modal-body{
+  height: 100%;
+  overflow-y: scroll;
+}
+/deep/.ant-modal{
+  top:45px
+}
+</style>

src/views/activiti/processFinishManage.vue

@@ -1,7 +1,3 @@
-<style lang="less">
-  @import '~@assets/less/common.less';
-
-</style>
 <template>
   <div class="search" style="height: 100%;">
     <a-card>
@@ -138,7 +134,7 @@
       </div>
     </a-modal>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
                  :processData="lcModa.processData" :isNew = "lcModa.isNew" :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
@@ -272,3 +268,22 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+@import '~@assets/less/common.less';
+
+/deep/.ant-modal {
+  overflow-y: hidden;
+}
+/deep/.ant-modal-content{
+  height: 100%;
+  overflow-y: hidden;
+}
+/deep/.ant-modal-body{
+  height: 100%;
+  overflow-y: scroll;
+}
+/deep/.ant-modal{
+  top:45px
+}
+</style>

src/views/activiti/processInsManage.vue

@@ -1,6 +1,3 @@
-<style lang="less">
-  @import '~@assets/less/common.less';
-</style>
 <template>
   <div class="search" style="height: 100%;">
     <a-card>
@@ -138,7 +135,7 @@
       </div>
     </a-modal>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
                  :processData="lcModa.processData" :isNew = "lcModa.isNew"  :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
@@ -334,3 +331,21 @@ export default {
   }
 };
 </script>
+<style scoped>
+@import '~@assets/less/common.less';
+
+  /deep/.ant-modal {
+    overflow-y: hidden;
+  }
+  /deep/.ant-modal-content{
+    height: 100%;
+    overflow-y: hidden;
+  }
+  /deep/.ant-modal-body{
+    height: 100%;
+    overflow-y: scroll;
+  }
+  /deep/.ant-modal{
+    top:45px
+  }
+</style>

src/views/activiti/todoManage.vue

@@ -1,6 +1,3 @@
-<style lang="less">
-  @import '~@assets/less/common.less';
-</style>
 <template>
   <div class="search" style="height: 100%;">
 
@@ -150,7 +147,8 @@
       </div>
     </a-modal>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%"
+             height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
                  :processData="lcModa.processData" :isNew="lcModa.isNew"
                  :task="true"
@@ -160,7 +158,7 @@
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
     </a-modal>
     <!-- 审批操作 -->
-    <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" width="60%" height="100%">
+    <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" width="60%" height="90%">
 
       <div v-if="modalTaskVisible">
         <a-form ref="form" :model="form" :label-width="85" :rules="formValidate">
@@ -657,3 +655,21 @@
 
   }
 </script>
+<style scoped>
+@import '~@assets/less/common.less';
+
+  /deep/.ant-modal {
+    overflow-y: hidden;
+  }
+  /deep/.ant-modal-content{
+    height: 100%;
+    overflow-y: hidden;
+  }
+  /deep/.ant-modal-body{
+    height: 100%;
+    overflow-y: scroll;
+  }
+  /deep/.ant-modal{
+    top:45px
+  }
+</style>

src/views/suppliesstronger/ProcessSuppliesStrongerLists.vue

@@ -211,7 +211,7 @@
       </a-table>
     </div>
     <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%" height="93%">
       <component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent" :hieg ="lcModa.hieg"
                  :processData="lcModa.processData" :isNew = "lcModa.isNew" :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"
                  @close="lcModa.visible=false,lcModa.disabled = false"></component>
@@ -569,5 +569,20 @@
   }
 </script>
 <style scoped>
-  @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
+
+/deep/.ant-modal {
+  overflow-y: hidden;
+}
+/deep/.ant-modal-content{
+  height: 100%;
+  overflow-y: hidden;
+}
+/deep/.ant-modal-body{
+  height: 100%;
+  overflow-y: scroll;
+}
+/deep/.ant-modal{
+  top:45px
+}
 </style>