@lambo-design/workflow-approve 1.0.0-beta.91 → 1.0.0-beta.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/workflow-approve",
-  "version": "1.0.0-beta.91",
+  "version": "1.0.0-beta.92",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/portrait.vue

@@ -1,5 +1,5 @@
 <template>
-  <LamboPageContainer style="overflow: hidden">
+  <LamboPageContainer style="overflow: hidden" :footer-height="footerHeight">
     <template slot="page-title">
       <Tabs v-if="processTraceInTab" value="business" @on-click="changeTab">
         <TabPane :label="title" name="business"></TabPane>
@@ -80,7 +80,7 @@
 
     <!--  竖版  -->
     <div v-if="!inHorizontal" class="portrait-lambo-indicator-card"
-         :style="{paddingBottom: '50px', position: 'absolute', top: '55px', height: 'calc(100% - 50px)', left: '0', width: isExpanded && showProcessInfo ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
+         :style="{...pageContainerWithoutPadding, left: '0', width: isExpanded && showProcessInfo ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
       <!--   业务内容区插槽   -->
       <slot v-if="currentTab === 'business'" name="business-content"></slot>
       <div ref="processTraceTab" v-if="currentTab === 'processTrace'">
@@ -94,14 +94,14 @@
     </div>
     <!--   流程信息区   -->
     <a v-if="showProcessInfo && !inHorizontal" @click="isExpanded = !isExpanded" class="arrow-button-container"
-       :style="{right: isExpanded ? portraitWidth+10 + 'px' : '10px'}">
+       :style="{right: isExpanded ? portraitWidth-5 + 'px' : '5px'}">
       <Icon class="icon-class" v-if="isExpanded" type="ios-arrow-forward"/>
       <Icon class="icon-class" v-if="!isExpanded" type="ios-arrow-back"/>
     </a>
     <transition style="position: relative; overflow-x: hidden" v-if="showProcessInfo && !inHorizontal" name="draw" @before-enter="beforeFlowInfoEnter" @enter="flowInfoEnter"
                 @before-leave="beforeFlowInfoLeave" @leave="flowInfoLeave">
       <lamboIndicatorCard v-show="isExpanded" class="portrait-lambo-indicator-card"
-                          :style="{width: portraitWidth + 'px', paddingBottom: '50px', position: 'absolute', top: '55px', right: '0', height: 'calc(100% - 50px)'}" :hasExtend="false">
+                          :style="{width: portraitWidth + 'px', right: '0', ...pageContainerWithoutPadding}" :hasExtend="false">
         <div slot="content-title">流程信息</div>
         <ProcessInfo ref="processInfo"
                      v-model="form.auditOpinion"
@@ -409,6 +409,7 @@ export default {
   data() {
     return {
       isExpanded: true,
+      footerHeight: 55,
       showProcessInfo: true,
       portraitWidth: 0,
       openProcessInfo: true,
@@ -566,6 +567,15 @@ export default {
     window.removeEventListener('resize', this.handleWindowResize);
   },
   computed: {
+    pageContainerWithoutPadding(){
+      const top = 55
+      let style = {
+        position: 'absolute',
+        top: `${top}px`,
+        height: `calc(100% - ${top + this.footerHeight}px)`,
+      }
+      return style
+    },
     buttons() {
       const showButtons = !this.isDetail && !this.appointTask && !this.rejectedTask
       return [