feat(流程待办): 处理详情显示

src/views/bpm/collaborative/detail.vue

@@ -141,6 +141,8 @@
   import { getToken } from '@/utils/token-util';
   import outgoingDetails from '@/views/bpm/outgoingManagement/details.vue';
   import storageApi from '@/api/warehouseManagement';
+
+  // 流程组件  需要在三个地方使用，审批流程，详情，提交流程
   import businessComponent from '@/BIZComponents/processSubmitDialog/components/businessComponent.vue';
   import useSealComponent from '@/BIZComponents/processSubmitDialog/components/useSealComponent.vue';
   import useQualificationComponent from '@/BIZComponents/processSubmitDialog/components/useQualificationComponent.vue';
@@ -149,6 +151,8 @@
   import reissueComponent from '@/BIZComponents/processSubmitDialog/components/reissueComponent.vue';
   import Detail from '@/views/bpm/processInstance/detailNew.vue';
 
+  
+
   export default {
     name: 'formDetailDialog',
     components: {outgoingDetails, businessComponent, useSealComponent, useQualificationComponent, productSpecificationComponent, eventComponent, reissueComponent, Detail},

src/views/bpm/handleTask/formParser/formParserDialog.vue

@@ -2,7 +2,7 @@
   <ele-modal
     :visible="formParserDialogFlag"
     title="审批"
-    :width="width"
+    :width="modelWidth"
     :centered="true"
     :close-on-click-modal="false"
     append-to-body
@@ -35,8 +35,48 @@
               style="width: calc(100% - 80px)"
             ></el-input>
           </div>
+
         </div>
       </template>
+      <!-- 客户名称 -->
+            <template v-slot:eom_contact="scope">
+              <div class="eom_contact">
+                <el-input
+                    v-model="scope.model.eom_contact.name"
+                    style="width: 100%"
+                  ></el-input>
+              </div>
+            </template>
+
+            <!-- 差旅 -->
+            <template v-slot:blank_business_component="scope">
+              <businessComponent  ref="blank_business_component" id="blank_business_component" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></businessComponent>
+            </template>
+
+            <!-- 印章使用 -->
+            <template v-slot:blank_use_seal="scope">
+              <useSealComponent  ref="blank_use_seal" id="blank_use_seal" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></useSealComponent>
+            </template>
+
+            <!-- 资质使用 -->
+            <template v-slot:blank_use_qualification="scope">
+              <useQualificationComponent  ref="blank_use_qualification" id="blank_use_qualification" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></useQualificationComponent>
+            </template>
+
+            <!-- 产品规格 -->
+            <template v-slot:blank_product_specification="scope">
+              <productSpecificationComponent  ref="blank_product_specification" id="blank_product_specification" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></productSpecificationComponent>
+            </template>
+
+            <!-- 事件 -->
+            <template v-slot:blank_event_component="scope">
+              <eventComponent  ref="blank_event_component" id="blank_event_component" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></eventComponent>
+            </template>
+
+            <!-- 补发 -->
+            <template v-slot:blank_reissue_component="scope">
+              <reissueComponent  ref="blank_reissue_component" id="blank_reissue_component" :generateForm="$refs.generateForm" :info="scope.model" :view="view"></reissueComponent>
+            </template>
     </fm-generate-form>
 
     <outboundXTBG
@@ -114,9 +154,17 @@
   import { getToken } from '@/utils/token-util';
   import storageApi from '@/api/warehouseManagement';
 
+  import businessComponent from '@/BIZComponents/processSubmitDialog/components/businessComponent.vue';
+  import useSealComponent from '@/BIZComponents/processSubmitDialog/components/useSealComponent.vue';
+  import useQualificationComponent from '@/BIZComponents/processSubmitDialog/components/useQualificationComponent.vue';
+  import productSpecificationComponent from '@/BIZComponents/processSubmitDialog/components/productSpecificationComponent.vue';
+  import eventComponent from '@/BIZComponents/processSubmitDialog/components/eventComponent.vue';
+  import reissueComponent from '@/BIZComponents/processSubmitDialog/components/reissueComponent.vue';
+
   export default {
     name: 'formParserDialog',
     components: { Parser, outboundXTBG },
+    components: {businessComponent, useSealComponent, useQualificationComponent, productSpecificationComponent, eventComponent, reissueComponent},
     props: {
       businessId: {
         default: ''
@@ -135,13 +183,18 @@
         isSaveLoading: false
       };
     },
+    modelWidth() {
+      let width = this.jsonData.config?.platform && this.jsonData.config.platform === 'pc' ? 1100 : 450;
+      if (this.form?.taskDefinitionKey == 'CGYSP') {
+        return width = '70%';
+      }
+      return width + 'px'
+    },
     methods: {
       open(row) {
         this.form = _.cloneDeep(row);
         console.log(this.form.taskDefinitionKey, 'this.form.taskDefinitionKey');
-        if (this.form.taskDefinitionKey == 'CGYSP') {
-          this.width = '70%';
-        }
+        
         this.jsonData = JSON.parse(this.form.formJson.makingJson);
         this.jsonData.config.dataSource &&
           this.jsonData.config.dataSource.forEach((item) => {