fix:5359【库存调拨】查看详情，界面展示不全，导致流程图没法查看完全

src/views/warehouseManagement/inventoryAllocation/details.vue

@@ -75,20 +75,18 @@
           />
         </div>
       </div>
-      <div
-        v-if="infoData.type == 2"
-        class="content-detail mt20"
-        style="height: 450px"
-      >
+      <div v-if="infoData.type == 2" class="content-detail process-detail mt20">
         <HeaderTitle title="流程图" size="16px"></HeaderTitle>
-        <my-process-viewer
-          key="designer"
-          v-model="bpmnXML"
-          v-bind="bpmnControlForm"
-          :activityData="activityList"
-          :processInstanceData="processInstance"
-          :taskData="tasks"
-        />
+        <div class="process-viewer">
+          <my-process-viewer
+            key="designer"
+            v-model="bpmnXML"
+            v-bind="bpmnControlForm"
+            :activityData="activityList"
+            :processInstanceData="processInstance"
+            :taskData="tasks"
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -495,6 +493,12 @@
   .content-detail {
     overflow: hidden;
   }
+  .process-detail {
+    height: 450px;
+  }
+  .process-viewer {
+    height: calc(100% - 40px);
+  }
   .content-height {
     height: auto;
     background: #fff;