From 0db038b2d771030d9e744b99b7e5028b18c6c96d Mon Sep 17 00:00:00 2001
From: Shinner <shinner@ShinnerdeMacBook-Pro.local>
Date: Fri, 17 Mar 2023 17:06:12 +0800
Subject: [PATCH] 请假设置增加单位;考勤组设置增加配置项

---
 src/pages/attendance/Attend/subpages/AttendanceGroup/api.ts                    |  15 ++++++++++-----
 src/pages/attendance/Attend/subpages/AttendanceGroup/components/TimeConfig.tsx | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------
 src/pages/attendance/Leave/components/Modal.tsx                                |  13 +++++++------
 src/pages/attendance/Leave/index.tsx                                           |  18 +++++++++---------
 4 files changed, 133 insertions(+), 32 deletions(-)

diff --git a/src/pages/attendance/Attend/subpages/AttendanceGroup/api.ts b/src/pages/attendance/Attend/subpages/AttendanceGroup/api.ts
index 99a9640..0672ce8 100644
--- a/src/pages/attendance/Attend/subpages/AttendanceGroup/api.ts
+++ b/src/pages/attendance/Attend/subpages/AttendanceGroup/api.ts
@@ -1,4 +1,4 @@
-import { http,PromisePageResp } from "@/typing/http";
+import { http, PromisePageResp } from "@/typing/http";
 import request from "@/utils/request";
 import { ATTENDANCE_HOST } from "@/utils/host";
 
@@ -70,10 +70,15 @@ export function saveApi(params?: Item): P<void> {
 }
 
 interface BaseSettingItem {
-  id?: number;
-  noticeTime?: number; //待办提前通知时间（分钟）
-  defectTime?: number; //严重迟到时间判定（分钟）
-  lackTime?: number; //缺卡判定时间
+  id?: number; // 主键
+  groupId?: number; // 集团id
+  defectTime?: number; // 严重迟到时间判定(分钟)
+  onDutyNoticeTime?: number; // 上班待办提前通知时间(分钟)
+  offDutyNoticeTime?: number; // 下班待办延后通知时间(分钟)
+  onDutyLackTime?: number; // 上班缺卡时间判定(分钟)
+  offDutyLackTime?: number; // 下班缺卡时间判定(分钟)
+  outsideRemainingHour?: number; // 外勤结束时间离门店下班时间≤?小时不用打考勤卡
+  travelRemainingHour?: number; // 出差结束时间离门店下班时间≤?小时不用打考勤卡
 }
 /**获取考勤组基础设置
  * /attendance/base/setting/get
diff --git a/src/pages/attendance/Attend/subpages/AttendanceGroup/components/TimeConfig.tsx b/src/pages/attendance/Attend/subpages/AttendanceGroup/components/TimeConfig.tsx
index aebd60b..e151442 100644
--- a/src/pages/attendance/Attend/subpages/AttendanceGroup/components/TimeConfig.tsx
+++ b/src/pages/attendance/Attend/subpages/AttendanceGroup/components/TimeConfig.tsx
@@ -1,7 +1,10 @@
-import { Button, Form, InputNumber, message, Popconfirm, Radio, Row, Select } from "antd";
+import { Button, Form, InputNumber, message, Popconfirm, Row } from "antd";
 import React, { useEffect, useState } from "react";
 import useInitial from "@/hooks/useInitail";
-import { fetchBaseSettingApi, saveOrUpdateApi } from "@/pages/attendance/Attend/subpages/AttendanceGroup/api";
+import {
+  fetchBaseSettingApi,
+  saveOrUpdateApi,
+} from "@/pages/attendance/Attend/subpages/AttendanceGroup/api";
 
 const FormItem = Form.Item;
 
@@ -49,7 +52,12 @@ export default function TimeConfig() {
 
   return (
     <div>
-      <Form form={form} onFinish={submit} labelCol={{ span: 6 }} wrapperCol={{ span: 15 }}>
+      <Form
+        form={form}
+        onFinish={submit}
+        labelCol={{ span: 6 }}
+        wrapperCol={{ span: 15 }}
+      >
         <div
           style={{
             display: "flex",
@@ -77,7 +85,8 @@ export default function TimeConfig() {
               />
             </FormItem>
             <span style={{ marginLeft: 5 }}>
-              到应打卡时间 <span style={{ color: "#999999" }}>（除最后一次应打卡）</span>
+              到应打卡时间{" "}
+              <span style={{ color: "#999999" }}>（除最后一次应打卡）</span>
             </span>
           </div>
         </div>
@@ -93,7 +102,10 @@ export default function TimeConfig() {
         >
           <span style={{ color: "#ff4d4f" }}>*</span> 最后一次应打卡时间要求:
           <div>
-            <span style={{ marginRight: 5, marginLeft: 5 }}> 应打卡时间延后</span>
+            <span style={{ marginRight: 5, marginLeft: 5 }}>
+              {" "}
+              应打卡时间延后
+            </span>
             <FormItem
               name="offDutyNoticeTime"
               label="打卡时间要求"
@@ -108,7 +120,9 @@ export default function TimeConfig() {
                 disabled={!edit}
               />
             </FormItem>
-            <span style={{ color: "#999999", marginLeft: 5 }}>(当天仅一次打卡不计此情况)</span>
+            <span style={{ color: "#999999", marginLeft: 5 }}>
+              (当天仅一次打卡不计此情况)
+            </span>
           </div>
         </div>
 
@@ -123,9 +137,17 @@ export default function TimeConfig() {
         >
           <span style={{ color: "#ff4d4f" }}>*</span> 严重迟到判定:
           <div>
-            <span style={{ marginLeft: 5, marginRight: 5 }}>在应打卡时间延后</span>
+            <span style={{ marginLeft: 5, marginRight: 5 }}>
+              在应打卡时间延后
+            </span>
 
-            <FormItem name="defectTime" noStyle rules={[{ required: true, message: "请填写严重迟到时间判定(分钟)" }]}>
+            <FormItem
+              name="defectTime"
+              noStyle
+              rules={[
+                { required: true, message: "请填写严重迟到时间判定(分钟)" },
+              ]}
+            >
               <InputNumber
                 min={0}
                 style={{ width: 200 }}
@@ -147,7 +169,10 @@ export default function TimeConfig() {
         >
           <span style={{ color: "#ff4d4f" }}>*</span> 上班缺卡时间判定:
           <div>
-            <span style={{ marginRight: 5, marginLeft: 5 }}> 应打卡时间延后</span>
+            <span style={{ marginRight: 5, marginLeft: 5 }}>
+              {" "}
+              应打卡时间延后
+            </span>
             <FormItem
               name="onDutyLackTime"
               label="打卡时间要求"
@@ -175,8 +200,14 @@ export default function TimeConfig() {
         >
           <span style={{ color: "#ff4d4f" }}>*</span> 下班缺卡时间判定:
           <div>
-            <span style={{ marginRight: 5, marginLeft: 5 }}>在应打卡时间延后</span>
-            <FormItem name="offDutyLackTime" noStyle rules={[{ required: true, message: "请填写缺卡时间判定(分钟)" }]}>
+            <span style={{ marginRight: 5, marginLeft: 5 }}>
+              在应打卡时间延后
+            </span>
+            <FormItem
+              name="offDutyLackTime"
+              noStyle
+              rules={[{ required: true, message: "请填写缺卡时间判定(分钟)" }]}
+            >
               <InputNumber
                 min={0}
                 style={{ width: 200 }}
@@ -188,6 +219,66 @@ export default function TimeConfig() {
             <span style={{ marginLeft: 5 }}>后不允许打卡</span>
           </div>
         </div>
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            marginTop: 20,
+            paddingLeft: "20%",
+          }}
+        >
+          <span style={{ color: "#ff4d4f" }}>*</span> 外勤结束时间:
+          <div>
+            <span style={{ marginLeft: 5, marginRight: 5 }}>
+              离门店下班时间提前
+            </span>
+            <FormItem
+              name="outsideRemainingHour"
+              noStyle
+              rules={[{ required: true, message: "请填写打卡时间要求" }]}
+            >
+              <InputNumber
+                min={0}
+                style={{ width: 200 }}
+                formatter={(value) => `${value}小时`}
+                parser={(value: any) => value.replace("小时", "")}
+                disabled={!edit}
+              />
+            </FormItem>
+            <span style={{ marginLeft: 5, marginRight: 5 }}>不用考勤打卡</span>
+          </div>
+        </div>
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center",
+            marginTop: 20,
+            paddingLeft: "20%",
+          }}
+        >
+          <span style={{ color: "#ff4d4f" }}>*</span> 出差结束时间:
+          <div>
+            <span style={{ marginLeft: 5, marginRight: 5 }}>
+              离门店下班时间提前
+            </span>
+            <FormItem
+              name="travelRemainingHour"
+              noStyle
+              rules={[{ required: true, message: "请填写打卡时间要求" }]}
+            >
+              <InputNumber
+                min={0}
+                style={{ width: 200 }}
+                formatter={(value) => `${value}小时`}
+                parser={(value: any) => value.replace("小时", "")}
+                disabled={!edit}
+              />
+            </FormItem>
+            <span style={{ marginLeft: 5, marginRight: 5 }}>不用考勤打卡</span>
+          </div>
+        </div>
       </Form>
       <Row style={{ width: "80%", marginTop: 20 }} justify="center">
         {!edit ? (
@@ -196,7 +287,11 @@ export default function TimeConfig() {
           </Button>
         ) : (
           <div>
-            <Button type="primary" onClick={form.submit} loading={confirmLoading}>
+            <Button
+              type="primary"
+              onClick={form.submit}
+              loading={confirmLoading}
+            >
               确定
             </Button>
             <Popconfirm
diff --git a/src/pages/attendance/Leave/components/Modal.tsx b/src/pages/attendance/Leave/components/Modal.tsx
index 6918ecb..fc56b83 100644
--- a/src/pages/attendance/Leave/components/Modal.tsx
+++ b/src/pages/attendance/Leave/components/Modal.tsx
@@ -22,8 +22,9 @@ const CreateModal = (props: Props) => {
   useEffect(() => {
     if (visiable && type === 1) {
       API.fetchDetail(1).then((res: any) => {
-        setYear(res.data);
-        setYearData(res.data.conditions);
+        const data = res.data || {};
+        setYear(data);
+        setYearData(data.conditions);
       });
     }
   }, [visiable]);
@@ -91,7 +92,7 @@ const CreateModal = (props: Props) => {
           rules={[{ required: !(type === 1 || type === 8 || type === 6) }]}
           hidden={type === 1 || type === 8 || type === 6 || type === 10}
         >
-          <InputNumber min={1} style={{ width: 200 }} />
+          <InputNumber min={1} style={{ width: 200 }} addonAfter="天" />
         </FormItem>
         <FormItem
           name="annualWay"
@@ -110,7 +111,7 @@ const CreateModal = (props: Props) => {
           rules={[{ required: type === 1 }]}
           hidden={!(type === 1)}
         >
-          <InputNumber min={1} style={{ width: 200 }} />
+          <InputNumber min={1} style={{ width: 200 }} addonAfter="天" />
         </FormItem>
         <FormItem
           name="advanceDays"
@@ -127,7 +128,7 @@ const CreateModal = (props: Props) => {
           ]}
           hidden={type === 3 || type === 8 || type === 5 || type === 10}
         >
-          <InputNumber min={1} style={{ width: 200 }} />
+          <InputNumber min={1} style={{ width: 200 }} addonAfter="天" />
         </FormItem>
         <FormItem
           name="times"
@@ -135,7 +136,7 @@ const CreateModal = (props: Props) => {
           rules={[{ required: type === 6 || type === 8 }]}
           hidden={!(type === 6 || type === 8)}
         >
-          <InputNumber min={1} style={{ width: 200 }} />
+          <InputNumber min={1} style={{ width: 200 }} addonAfter="次" />
         </FormItem>
         <FormItem
           name="conditions"
diff --git a/src/pages/attendance/Leave/index.tsx b/src/pages/attendance/Leave/index.tsx
index e3a512a..8e2decd 100644
--- a/src/pages/attendance/Leave/index.tsx
+++ b/src/pages/attendance/Leave/index.tsx
@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import { PageHeaderWrapper } from "@ant-design/pro-layout";
-import { Button, Card, Table } from 'antd';
-import * as TYPE from './entity';
-import Modal from './components/Modal';
-import useInitial from '@/hooks/useInitail';
-import * as API from './api';
+import { Button, Card, Table } from "antd";
+import * as TYPE from "./entity";
+import Modal from "./components/Modal";
+import useInitial from "@/hooks/useInitail";
+import * as API from "./api";
 
 const Column = Table.Column;
 
@@ -13,7 +13,7 @@ const Leave = () => {
   const [type, setType] = useState<number>(0);
   const { data, setParams } = useInitial(API.fetchDetail, {}, type);
 
-  const onEdit = (record:any) => {
+  const onEdit = (record: any) => {
     setParams(record.type, true);
     setType(record.type);
     setVisiable(true);
@@ -40,10 +40,10 @@ const Leave = () => {
         visiable={visiable}
         setVisiable={setVisiable}
         type={type}
-        data={data}
+        data={data || {}}
       />
     </PageHeaderWrapper>
   );
 };
 
-export default Leave;
\ No newline at end of file
+export default Leave;
--
libgit2 0.22.2