1.同步审批流单据展示逻辑，同意，驳回等按钮点击后增加loading

Min
1 parent 58c0232c
Showing 1 changed file with 51 additions and 6 deletions
src/components/Common/CommonExamInfo/index.js
 /* eslint-disable */
 import React, { Component } from 'react';
 import moment from 'moment';
-import { Input, Layout, Steps, Select, Button, Modal,message, Spin } from 'antd-v4';
+import { Input, Layout, Steps, Select, Button, Modal,message, Spin } from 'antd';
 import { UserOutlined } from '@ant-design/icons';
 import * as commonUtils from '@/utils/utils';/* 通用方法 */
 import * as commonServices from '@/services/services';/*   服务类   */
-import commonConfig from '../../../utils/config';
+import * as commonConfig from '../../../utils/config';
 import flowPicture2 from '@/assets/flow/flowpic.png';
 import styles from './index.less';
 import AntdDraggableModal from "../AntdDraggableModal";
@@ -47,6 +47,23 @@ class CommonExamInfo extends Component {
       message.warn("请输入驳回理由!")
       return;
     }
+    // 如果是同意按钮，设置loading状态并开始进度计
+    this.setState({
+      flowLoading: true,
+      progressCount: 0
+    });
+
+    // 模拟进度计数直到101
+    const progressInterval = setInterval(() => {
+      this.setState(prevState => {
+        const newCount = prevState.progressCount + 1;
+        if (newCount > 101) {
+          clearInterval(progressInterval);
+          return { progressCount: 101 };
+        }
+        return { progressCount: newCount };
+      });
+    }, 50); // 每50ms增加1，大约5秒到101
     const bizFlowVo =  sFlowObj.bizFlowVo;
     const sTableParamsValue= sFlowObj.bizFlowVo?.sTableParamsValue;
     const sFormData= commonUtils.isNotEmptyObject(sTableParamsValue) ? JSON.parse(sTableParamsValue) : {};
@@ -63,6 +80,8 @@ class CommonExamInfo extends Component {
           const sValue = this.state[name];
           if (btnName === 'agree' && commonUtils.isEmptyObject(sValue)) {
             message.warn(`${child.title} 为必填项！`);
+            // 如果是同意按钮，清除loading状态
+            this.setState({ flowLoading: false });
             return;
           }
           sFormData[name]= sValue;
@@ -94,7 +113,10 @@ class CommonExamInfo extends Component {
     data.selectMap = {};
     data.comment = textareaValue;
     const { token }= this.props;
-    console.log('data传参', data);
+
+    // console.log('接口开始执行，等待1分钟...');
+    // await new Promise(resolve => setTimeout(resolve, 10000));
+    // console.log('1分钟等待结束，开始处理请求');
     const sReturn = (await commonServices.postValueService(token, data, url)).data;
     if(commonUtils.isNotEmptyObject(sReturn)) {
       if (sReturn.code > 0 || sReturn.code === 0) {
@@ -126,14 +148,24 @@ class CommonExamInfo extends Component {
             // if (iframeDoc.document) iframeDoc = iframeDoc.document; // 处理IE兼容性
             iframeWindow.location.reload(); // 刷新iframe中的页面
           }
-          this.setState({ historyNewList: historyList, bHandleShow: false, flowLoading: false}) ;
+          // 确保进度计数到101后清除loading状态
+          this.setState({
+            historyNewList: historyList,
+            bHandleShow: false,
+            flowLoading: false,
+            progressCount: 101
+          });
         }
       } else {
         this.props.getServiceError(sReturn);
+        // 操作失败时清除loading状态
+        this.setState({ flowLoading: false });
       }
     }else {
       message.warn('操作异常！')
+      // 操作异常时清除loading状态
+      this.setState({ flowLoading: false });
     }
   }
@@ -338,12 +370,23 @@ class CommonExamInfo extends Component {
                     dataDynamicList && dataDynamicList.map((child) => {
                       const name = child.name;
                       const title = child.title;
-                      const value = child.value;
+                      let value = child.value;
                       let bEdit = !child.bEdit; /* 是否编辑 */
+                      const sRealValue = child.sRealValue;
                     /* 如果 isHandle 为 true,代表只能查看， 就不允许编辑 */
                     if(bEdit) {
                       bEdit = !isHandle;
                     }
+                    let bHtml =false;
+                    if(commonUtils.isNotEmptyObject(value)) {
+                      if(value.includes('br')) {
+                        value = String(value).replace(/<br\s*\/?>/gi, '\n');
+                      }
+                      if(value.includes('&lt')) {
+                        value=  String(value).replace(/&lt;br\s*\/?&gt;/gi, '\n')
+                      }
+                      bHtml = true;
+                    }
                     const type= child.type; /* 文本类型 */
                     const bSelect = child.bSelect; /* 是否下拉 */
                     const selectList = child.selectList;
@@ -366,6 +409,8 @@ class CommonExamInfo extends Component {
                                    options={selectList}
                                    onChange={(value, option) => this.handleOptionChange(value, option, name)}
                                    /></div> :
+                                 !bEdit && type === 's' && bSelect ?
+                                   <div className={styles.cardValue}> {sRealValue}</div> :
                                  bEdit && type === 'm' && !bSelect ?
                                    <TextArea
                                      className={styles.memo}
@@ -377,7 +422,7 @@ class CommonExamInfo extends Component {
                                <div className={styles.cardValue}>
                                  {
                                    type === 's' && (name?.includes('sProcessName') || name?.toLowerCase().indexOf('memo') > -1)  ?
-                                        <pre className={styles.preStyle}>  {value} </pre> : value
+                                     <pre className={styles.preStyle}>  {value} </pre> : bHtml ? <pre className={styles.pre}>{value} </pre>  : value
                                  }
                                </div>