Explorar o código

refactor(bpm): 调整表单和详情页的宽度计算逻辑

liujt hai 6 meses
pai
achega
3cc051e51f
Modificáronse 1 ficheiros con 13 adicións e 4 borrados
  1. 13 4
      src/views/bpm/collaborative/detail.vue

+ 13 - 4
src/views/bpm/collaborative/detail.vue

@@ -26,7 +26,7 @@
       </div>
       </div>
     </template>
     </template>
     <div style="display: flex; height: 100%; justify-content: space-between">
     <div style="display: flex; height: 100%; justify-content: space-between">
-      <div class="form-box">
+      <div class="form-box" :style="fmStyle">
         <fm-generate-form
         <fm-generate-form
           v-if="Object.keys(form?.formJson || {}).length !== 0"
           v-if="Object.keys(form?.formJson || {}).length !== 0"
           :data="jsonData"
           :data="jsonData"
@@ -164,7 +164,7 @@
         </span>
         </span>
         <span style="writing-mode: vertical-rl">选择流程</span>
         <span style="writing-mode: vertical-rl">选择流程</span>
       </div>
       </div>
-      <div style="flex: 1" v-if="isRight">
+      <div style="flex: 1;" v-if="isRight">
         <Detail :view="true" :id="form.id" ref="formDetailDialogRef"></Detail>
         <Detail :view="true" :id="form.id" ref="formDetailDialogRef"></Detail>
       </div>
       </div>
     </div>
     </div>
@@ -232,13 +232,22 @@ export default {
     modelWidth() {
     modelWidth() {
       let width =
       let width =
         this.jsonData.config?.platform && this.jsonData.config.platform === 'pc'
         this.jsonData.config?.platform && this.jsonData.config.platform === 'pc'
-          ? 1100
+          ? 900
           : 450;
           : 450;
       if (this.isRight) {
       if (this.isRight) {
-        return width + 750 + 'px';
+        return width + 650 + 'px';
       } else {
       } else {
         return width + 'px';
         return width + 'px';
       }
       }
+    },
+    fmStyle() {
+      let width =
+        this.jsonData.config?.platform && this.jsonData.config.platform === 'pc'
+          ? 900
+          : 450;
+      return {
+        width: width + 'px'
+      }
     }
     }
   },
   },
   methods: {
   methods: {