feat: add withdraw order HTML element(not complate)

src/pages/Center/MyTask/Detail/TaskDetail.js

@@ -136,22 +136,41 @@ function TaskDetail(props) {
                   </Row>
                 </div>
                 <Divider type="vertical" style={{ height: '40px' }} />
-                <div
-                  className={styles.rightButton}
-                  style={{ color: '#5697e4' }}
-                  onClick={() => {
-                    if (typeof record.RecordType === 'number') {
-                      return;
-                    }
-                    // @ts-ignore
-                    goTaskOrder(
-                      record.Id,
-                      record.RecordType?.value,
-                      tempMandate?.MandateClass.value,
-                    );
-                  }}
-                >
-                  查看工单
+                <div className={styles.rightButtonContainer}>
+                  <div
+                    className={styles.rightButton}
+                    style={{ color: '#5697e4' }}
+                    onClick={() => {
+                      if (typeof record.RecordType === 'number') {
+                        return;
+                      }
+                      // @ts-ignore
+                      goTaskOrder(
+                        record.Id,
+                        record.RecordType?.value,
+                        tempMandate?.MandateClass.value,
+                      );
+                    }}
+                  >
+                    查看工单
+                  </div>
+                  <div
+                    className={styles.rightButton}
+                    style={{ color: '#5697e4' }}
+                    onClick={() => {
+                      if (typeof record.RecordType === 'number') {
+                        return;
+                      }
+                      // @ts-ignore
+                      goTaskOrder(
+                        record.Id,
+                        record.RecordType?.value,
+                        tempMandate?.MandateClass.value,
+                      );
+                    }}
+                  >
+                    关闭工单
+                  </div>
                 </div>
               </div>
             );

src/pages/Center/MyTask/Detail/taskDetail.less

@@ -63,14 +63,18 @@
           width: 80%;
         }
 
+        .rightButtonContainer {
+          width: 20%;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          align-items: center;
+        }
+
         .rightButton {
-          flex: auto;
           color: #5697e4;
           font-size: 24px;
           text-align: center;
-          display: flex;
-          justify-content: center;
-          align-items: center;
         }
       }
     }

src/pages/Center/MyTask/List/TaskList.js

@@ -196,18 +196,33 @@ const MyTaskList = (props) => {
                 </Row>
               </div>
               <Divider type="vertical" style={{ height: '40px' }} />
-              <div
-                className={styles.rightButton}
-                style={{ color: '#5697e4' }}
-                onClick={() => {
-                  goMyWorkOrder(
-                    order.Id,
-                    order.RecordType?.value,
-                    item.MandateClass,
-                  );
-                }}
-              >
-                查看工单
+              <div className={styles.rightButtonContainer}>
+                <div
+                  className={styles.rightButton}
+                  style={{ color: '#5697e4' }}
+                  onClick={() => {
+                    goMyWorkOrder(
+                      order.Id,
+                      order.RecordType?.value,
+                      item.MandateClass,
+                    );
+                  }}
+                >
+                  查看工单
+                </div>
+                <div
+                  className={styles.rightButton}
+                  style={{ color: '#5697e4' }}
+                  onClick={() => {
+                    goMyWorkOrder(
+                      order.Id,
+                      order.RecordType?.value,
+                      item.MandateClass,
+                    );
+                  }}
+                >
+                  关闭工单
+                </div>
               </div>
             </div>
           );

src/pages/Center/MyTask/List/taskList.less

@@ -42,14 +42,18 @@
         width: 80%;
       }
 
+      .rightButtonContainer {
+        width: 20%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+      }
+
       .rightButton {
-        flex: auto;
         color: #5697e4;
         font-size: 24px;
         text-align: center;
-        display: flex;
-        justify-content: center;
-        align-items: center;
       }
     }
   }

src/pages/TaskManage/Detail/TaskDetail/TaskDetail.tsx

@@ -153,22 +153,41 @@ function TaskDetail(props: IPropsType) {
                   </Row>
                 </div>
                 <Divider type="vertical" style={{ height: '40px' }} />
-                <div
-                  className={styles.rightButton}
-                  style={{ color: '#5697e4' }}
-                  onClick={() => {
-                    if (typeof record.RecordType === 'number') {
-                      return;
-                    }
-                    // @ts-ignore
-                    goTaskOrder(
-                      record.Id,
-                      record.RecordType?.value,
-                      tempMandate?.MandateClass.value,
-                    );
-                  }}
-                >
-                  查看工单
+                <div className={styles.rightButtonContainer}>
+                  <div
+                    className={styles.rightButton}
+                    style={{ color: '#5697e4' }}
+                    onClick={() => {
+                      if (typeof record.RecordType === 'number') {
+                        return;
+                      }
+                      // @ts-ignore
+                      goTaskOrder(
+                        record.Id,
+                        record.RecordType?.value,
+                        tempMandate?.MandateClass.value,
+                      );
+                    }}
+                  >
+                    查看工单
+                  </div>
+                  <div
+                    className={styles.rightButton}
+                    style={{ color: '#5697e4' }}
+                    onClick={() => {
+                      if (typeof record.RecordType === 'number') {
+                        return;
+                      }
+                      // @ts-ignore
+                      goTaskOrder(
+                        record.Id,
+                        record.RecordType?.value,
+                        tempMandate?.MandateClass.value,
+                      );
+                    }}
+                  >
+                    关闭工单
+                  </div>
                 </div>
               </div>
             );
@@ -211,28 +230,30 @@ function TaskDetail(props: IPropsType) {
       const dataSource = [];
       dataSource.push({
         detail: {
-          text: mandateChild[0].Title,
+          text: `${mandateChild[0].Content}: ${mandateChild[0].Content}`,
           key: 'title',
         },
       });
-      dataSource.push(
-        ...Object.entries(JSON.parse(mandateChild[0].Payload)).map(
-          (item: any) => {
-            const [key, value] = item;
-            return {
-              detail: {
-                text:
-                  value['item_alias'] +
-                  ' 现有数值：' +
-                  value['old_value'] +
-                  ' 建议调整数值' +
-                  value['new_value'],
-                key: key,
-              },
-            };
-          },
-        ),
-      );
+      console.log(mandateChild[0]);
+
+      // dataSource.push(
+      //   ...Object.entries(JSON.parse(mandateChild[0]?.Payload)).map(
+      //     (item: any) => {
+      //       const [key, value] = item;
+      //       return {
+      //         detail: {
+      //           text:
+      //             value['item_alias'] +
+      //             ' 现有数值：' +
+      //             value['old_value'] +
+      //             ' 建议调整数值' +
+      //             value['new_value'],
+      //           key: key,
+      //         },
+      //       };
+      //     },
+      //   ),
+      // );
       setMandateTable(dataSource);
       return;
     }

src/pages/TaskManage/Detail/TaskDetail/taskDetail.less

@@ -12,7 +12,6 @@
     margin-bottom: 25px;
   }
 
-
   .detailInfo {
     padding: 25px 15px;
     border-bottom: 1px solid rgba(0, 0, 0, 10%);
@@ -65,17 +64,12 @@
         }
 
         .rightButton {
-          flex: auto;
           color: #5697e4;
           font-size: 24px;
           text-align: center;
-          display: flex;
-          justify-content: center;
-          align-items: center;
         }
       }
     }
-
   }
 
   .workOrderCard {
@@ -90,6 +84,14 @@
       width: 80%;
     }
 
+    .rightButtonContainer {
+      width: 20%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+    }
+
     .rightButton {
       flex: auto;
       color: #5697e4;

src/pages/TaskManage/Detail/TaskList/TaskList.tsx

@@ -207,18 +207,33 @@ const TaskList: React.FC<IPropsType> = (props) => {
                 </Row>
               </div>
               <Divider type="vertical" style={{ height: '40px' }} />
-              <div
-                className={styles.rightButton}
-                style={{ color: '#5697e4' }}
-                onClick={() => {
-                  goTaskOrder(
-                    order.Id,
-                    order.RecordType?.value,
-                    item.MandateClass,
-                  );
-                }}
-              >
-                查看工单
+              <div className={styles.rightButtonContainer}>
+                <div
+                  className={styles.rightButton}
+                  style={{ color: '#5697e4' }}
+                  onClick={() => {
+                    goTaskOrder(
+                      order.Id,
+                      order.RecordType?.value,
+                      item.MandateClass,
+                    );
+                  }}
+                >
+                  查看工单
+                </div>
+                <div
+                  className={styles.rightButton}
+                  style={{ color: '#5697e4' }}
+                  onClick={() => {
+                    goTaskOrder(
+                      order.Id,
+                      order.RecordType?.value,
+                      item.MandateClass,
+                    );
+                  }}
+                >
+                  关闭工单
+                </div>
               </div>
             </div>
           );

src/pages/TaskManage/Detail/TaskList/taskList.less

@@ -42,14 +42,18 @@
         width: 80%;
       }
 
+      .rightButtonContainer {
+        width: 20%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      }
+
       .rightButton {
-        flex: auto;
+        width: 100%;
         color: #5697e4;
         font-size: 24px;
         text-align: center;
-        display: flex;
-        justify-content: center;
-        align-items: center;
       }
     }
   }

src/pages/TaskManage/Popup/index.js

@@ -68,7 +68,6 @@ const TaskModal = (props) => {
   };
   // 自动处理
   const onAutoHandleTaskConfirm = async (pw, mandate) => {
-    console.log(mandate);
     const params = {
       mandate_id: mandate.Id,
       pw,

src/pages/TaskManage/components/MandateDetail.js

@@ -253,11 +253,19 @@ const MandateDetail = (props) => {
               </Row>
             </div>
             <Divider type="vertical" style={{ height: '40px' }} />
-            <div
-              className={styles.rightButton}
-              onClick={() => openWorkOrderModal(item)}
-            >
-              查看工单
+            <div className={styles.rightButtonContainer}>
+              <div
+                className={styles.rightButton}
+                onClick={() => openWorkOrderModal(item)}
+              >
+                查看工单
+              </div>
+              <div
+                className={styles.rightButton}
+                onClick={() => openWorkOrderModal(item)}
+              >
+                关闭工单
+              </div>
             </div>
           </div>
         );

src/pages/TaskManage/components/MandateDetail.less

@@ -49,6 +49,13 @@
   .leftInfo > * {
     padding: 5px;
   }
+
+  .rightButtonContainer {
+    width: 18%;
+    display: flex;
+    flex-direction: column;
+  }
+
   .rightButton {
     flex: auto;
     color: #5697e4;

src/pages/TaskManage/index.tsx

@@ -20,7 +20,6 @@ const TaskManage = (props) => {
   const [mandateCount, setMandateCount] = useState<number[]>([0, 0, 0]);
   const [loading, setLoading] = useState(false);
   const [tab, setTab] = useState(localStorage.taskTab || '1');
-  const [UA, setUA] = useState('');
 
   useEffect(() => {
     const requests = [];

src/services/TaskManage.js

@@ -47,13 +47,32 @@ export async function setTaskAutomation(params, mandate) {
     data: params,
   });
 
+  function convertPayloadtoParams(mandataChild) {
+    let data = [];
+    try {
+      Object.values(JSON.parse(mandataChild?.Payload)).forEach((item) => {
+        data.push({
+          item: item.item,
+          new_value: item.new_value,
+          old_value: item.old_value,
+          project_id: item.project_id,
+          mandate_id: mandataChild.MandateId,
+          source: 2, // pad端 2
+        });
+      });
+    } catch (error) {
+      return {};
+    }
+    return data;
+  }
+
   if (mandate.MandateClass === 2) {
     // res = await SetVarValues(mandate.MandateChild[0].Payload);
     const query = {
       mandate_id: item.Id,
-      mandate_type: 1
-    }
-    res = await request(`${baseURL}/v1/mandate/do?${stringify(query)}`)
+      mandate_type: 1,
+    };
+    res = await request(`${baseURL}/v1/mandate/do?${stringify(query)}`);
     if (res) {
       return res;
     } else {