Browse Source

a-modal页面滑动

dev
kilo 2 years ago
parent
commit
d0ced06aad
  1. 19
      src/views/activiti/applyList.vue
  2. 26
      src/views/activiti/doneManage.vue
  3. 27
      src/views/activiti/processFinishManage.vue
  4. 25
      src/views/activiti/processInsManage.vue
  5. 28
      src/views/activiti/todoManage.vue
  6. 19
      src/views/suppliesstronger/ProcessSuppliesStrongerLists.vue

19
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>

26
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>
@ -265,4 +262,23 @@ export default {
watch: {
}
};
</script>
</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>

27
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>
@ -271,4 +267,23 @@ export default {
watch: {
}
};
</script>
</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>

25
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>
@ -333,4 +330,22 @@ export default {
watch: {
}
};
</script>
</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>

28
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">
@ -656,4 +654,22 @@
}
}
</script>
</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>

19
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>
Loading…
Cancel
Save