Browse Source

fix: 弹窗放大

ZhaoJun 1 năm trước cách đây
mục cha
commit
57a78bbb05

+ 1 - 1
src/pages/TaskManage/Popup/index.js

@@ -122,7 +122,7 @@ const TaskModal = (props) => {
       <Button
         className={styles.closeModalBtn}
         type="text"
-        icon={<CloseOutlined style={{ fontSize: '24px' }} />}
+        icon={<CloseOutlined style={{ fontSize: '28px' }} />}
         onClick={closePage}
       />
 

+ 22 - 9
src/pages/TaskManage/components/MandateDetail.js

@@ -368,6 +368,13 @@ const IgnoreTaskModal = (params) => {
     setIgnoreReasonText(e.target.value);
   };
 
+  const handleCancle = () => {
+    setSelectedReason({});
+    setIgnoreReasonText('');
+    setShowInput(false);
+    onCancel();
+  };
+
   const confirmIgnore = () => {
     if (showInput) {
       if (!ignoreReasonText.length) {
@@ -386,14 +393,16 @@ const IgnoreTaskModal = (params) => {
 
   return (
     <Modal
+      className={styles.handleModal}
       title="忽略"
       open={open}
-      onCancel={onCancel}
+      onCancel={handleCancle}
       onOk={confirmIgnore}
+      width="60%"
       destroyOnClose
     >
       <div style={{ padding: '15px' }}>
-        <Form layout="vertical">
+        <Form>
           <Form.Item label="忽略理由:">
             <Select
               className={styles.fontS28}
@@ -428,15 +437,17 @@ const AutoHandleModal = (props) => {
 
   return (
     <Modal
+      className={styles.handleModal}
       title="自动处理"
       open={open}
       onCancel={onCancel}
       onOk={confirmAutoHandle}
+      width="60%"
       destroyOnClose
     >
       <div style={{ padding: '15px' }}>
-        <Form layout="vertical">
-          <Form.Item label="口令:">
+        <Form>
+          <Form.Item label="用户口令:">
             {
               <Input
                 autoFocus
@@ -493,10 +504,11 @@ const MandateSelectModal = (props) => {
 
   return (
     <Modal
-      title={<span className={styles.fontS28}>选择任务</span>}
+      className={styles.handleModal}
+      title="选择任务"
       open={open}
       onCancel={onCancel}
-      width={'95%'}
+      width={'80%'}
       destroyOnClose
       footer={[
         <Button key="back" onClick={onCancel}>
@@ -541,18 +553,19 @@ const DispatchTaskModal = (props) => {
 
   return (
     <Modal
-      title={<span className={styles.fontS28}>派遣任务</span>}
+      className={styles.handleModal}
+      title="派遣任务"
       onCancel={onCancel}
       open={open}
       destroyOnClose
-      style={{ padding: '20px 0' }}
+      width="65%"
       onOk={handleDispatchConfirm}
     >
       <Form
         form={form}
         layout="horizontal"
         labelCol={{ span: 6 }}
-        wrapperCol={{ span: 18 }}
+        wrapperCol={{ span: 16 }}
       >
         <Form.Item
           label="工单类型"

+ 32 - 2
src/pages/TaskManage/components/MandateDetail.less

@@ -24,7 +24,7 @@
   justify-content: flex-end;
   .footerBtn {
     height: 50px;
-    width: 125px;
+    width: 140px;
     font-size: 26px;
     border: 0;
     color: #5697e4;
@@ -65,10 +65,40 @@
 }
 
 .taskCheckItem {
-  font-size: 20px;
+  font-size: 28px;
   padding: 10px;
 }
 
+.handleModal {
+  :global {
+    .ant-modal-title {
+      font-size: 28px;
+    }
+    .ant-form-item .ant-form-item-label > label {
+      font-size: 28px;
+    }
+    .ant-input {
+      font-size: 28px;
+      height: 40px;
+    }
+    .ant-btn {
+      font-size: 28px;
+      height: 60px;
+      width: 120px;
+    }
+    .ant-checkbox {
+      .ant-checkbox-inner {
+        width: 28px;
+        height: 28px;
+      }
+      .ant-checkbox-inner:after {
+        height: 16px;
+        width: 9px;
+      }
+    }
+  }
+}
+
 .fontS20 {
   font-size: 20px;
 }