调整自适应

src/views/activiti/Separate.vue

@@ -31,7 +31,6 @@ name: "Separate",
   },
   created() {
     console.log("有值LOL",JSON.parse(decodeURIComponent(this.$route.query.item)));
-
     this.lcModa = JSON.parse(decodeURIComponent(this.$route.query.item));
     console.log(this.lcModa);
   },

src/views/activiti/form/ProcessUdgetPlanForm.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <a-spin :spinning="confirmLoading" style="height: 680px;padding-top: 10px">
+  <a-spin :spinning="confirmLoading" style="padding-top: 10px;" :style="conheight">
     <j-form-container  style="background-color: #efefef;padding-top: 10px" >
       <!-- 主表单区域 -->
       <a-form :form="form" slot="detail">
@@ -247,6 +247,9 @@
       return {
         //用于回显物料号
         listId: [],
+        conheight:{
+          height:''
+        },
         // data,
         // columns,
         // editingKey: '',
@@ -691,6 +694,9 @@
     mounted() {
       // console.log( isPlanType);
       // this.form.setFieldsValue("materialGroup",123123);
+      // 在 mounted 生命周期监听窗口变化并触发上文处理函数，修改高度
+        window.addEventListener('resize', this.getHeight);
+        this.getHeight();
     },
     methods: {
       lengthCheck(rule, value, callback) {
@@ -699,6 +705,9 @@
           callback('长度应当在0 ~ 12 字符')
         }
       },
+      getHeight(){
+        this.conheight.height=window.innerHeight-230+'px';
+      },
       selectRowChange(a, b, c) {
         // console.log("执行了",a,b,c);
       },

src/views/activiti/historicDetail.vue

@@ -1,7 +1,5 @@
-<style lang="less">
-</style>
 <template>
-  <div class="search">
+  <div class="search" :style="conheight">
     <a-card style="margin-bottom:10px;">
       <p slot="title">
         <span>流程审批进度历史</span>
@@ -124,6 +122,9 @@ export default {
         historicFlow:'/actTask/historicFlow/',
         getHighlightImg:`${window._CONFIG['domianURL']}/activiti/models/getHighlightImg/`
       },
+      conheight:{
+        height:''
+      },
       type: 0,
       loading: false, // 表单加载状态
       loadingImg: false,
@@ -138,12 +139,20 @@ export default {
       this.init();
     }
   },
+  mounted() {
+    // 在 mounted 生命周期监听窗口变化并触发上文处理函数，修改高度
+    window.addEventListener('resize', this.getHeight);
+    this.getHeight();
+  },
   watch: {
     procInstId:function(newval ,oldName) {
       this.init();
     }
   },
   methods: {
+    getHeight(){
+      this.conheight.height=window.innerHeight-230+'px';
+    },
     loadData(){
 
     },

src/views/activiti/historicPictrue.vue

@@ -1,7 +1,7 @@
 <style lang="less">
 </style>
 <template>
-  <div class="search">
+  <div class="search" :style="conheight" style="overflow:auto;">
     <!--<a-card style="margin-bottom:10px;">
       <p slot="title">
         <span>流程审批进度历史</span>
@@ -120,6 +120,9 @@ export default {
   },
   data() {
     return {
+      conheight:{
+        height:''
+      },
       url:{
         historicFlow:'/actTask/historicFlow/',
         getHighlightImg:`${window._CONFIG['domianURL']}/activiti/models/getHighlightImg/`,
@@ -150,6 +153,11 @@ export default {
     //
     // }
   },
+  mounted() {
+    // 在 mounted 生命周期监听窗口变化并触发上文处理函数，修改高度
+    window.addEventListener('resize', this.getHeight);
+    this.getHeight();
+  },
   watch: {
     procInstId:function(newval ,oldName) {
       this.init();
@@ -159,6 +167,9 @@ export default {
     }
   },
   methods: {
+    getHeight(){
+      this.conheight.height=window.innerHeight-230+'px';
+    },
     loadData(){
 
     },