考勤-班次管理

2025-07-21 20:41:47 +08:00
parent 33f2e117f6
commit a74b2516c7
9 changed files with 315 additions and 106 deletions
--- a/apps/web-antd/src/api/property/attendanceManagement/shiftSetting/model.d.ts
+++ b/apps/web-antd/src/api/property/attendanceManagement/shiftSetting/model.d.ts
@@ -25,7 +25,7 @@ export interface ShiftVO {
  /**
   * 状态（0：off，1：on）
   */
-  status: number;
+  status: string | number;

  /**
   * 是否休息（0：不休息，1：休息）
@@ -70,7 +70,7 @@ export interface ShiftForm extends BaseEntity {
  /**
   * 状态（0：off，1：on）
   */
-  status?: number;
+  status?: string | number;

  /**
   * 是否休息（0：不休息，1：休息）
@@ -107,7 +107,7 @@ export interface ShiftQuery extends PageQuery {
  /**
   * 状态（0：off，1：on）
   */
-  status?: number;
+  status?: string | number;

  /**
   * 是否休息（0：不休息，1：休息）
--- a/apps/web-antd/src/views/property/attendanceManagement/shiftSetting/data.ts
+++ b/apps/web-antd/src/views/property/attendanceManagement/shiftSetting/data.ts
@@ -33,14 +33,22 @@ export const columns: VxeGridProps['columns'] = [
    title: '班次名称',
    field: 'name',
  },
-
  {
-    title: '考勤开始时间',
-    field: 'startTime',
-  },
-  {
-    title: '考勤结束时间',
-    field: 'endTime',
+    title: '考勤时间',
+    field: 'timeRange',
+    slots: {
+      default: ({ row }) => {
+        const startTime = row.startTime || '';
+        const endTime = row.endTime || '';
+        const restStartTime = row.restStartTime || '';
+        const restEndTime = row.restEndTime || '';
+        if(restStartTime&&restEndTime){
+          return `${startTime} - ${restStartTime}  ${restEndTime} - ${endTime}`;
+        }else{
+          return `${startTime} - ${endTime}`;
+        }
+      },
+    },
  },
  {
    title: '状态',
@@ -106,13 +114,13 @@ export const modalSchema: FormSchemaGetter = () => [
      triggerFields: ['isRest'],
    },
  },
-  // {
-  //   label: '状态',
-  //   fieldName: 'status',
-  //   component: 'Select',
-  //   componentProps: {
-  //     options: getDictOptions('wy_state'),
-  //   },
-  //   rules: 'required',
-  // },
+  {
+    label: '状态',
+    fieldName: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('wy_state'),
+    },
+    rules: 'required',
+  },
 ];
--- a/apps/web-antd/src/views/property/attendanceManagement/shiftSetting/shift-modal.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/shiftSetting/shift-modal.vue
@@ -56,10 +56,12 @@ const [BasicModal, modalApi] = useVbenModal({
        dayjs(record.startTime, 'HH:mm:ss'),
        dayjs(record.endTime, 'HH:mm:ss')
      ];
-      record.restTimeRange = [
-        dayjs(record.restStartTime, 'HH:mm:ss'),
-        dayjs(record.restEndTime, 'HH:mm:ss')
-      ];
+      if(record.restStartTime !== null && record.restEndTime !== null){
+        record.restTimeRange = [
+          dayjs(record.restStartTime, 'HH:mm:ss'),
+          dayjs(record.restEndTime, 'HH:mm:ss')
+        ];
+      }
      record.status = record.status?.toString();
      console.log(record);
      await formApi.setValues(record);
--- a/apps/web-antd/src/views/property/businessManagement/workOrderPending/index.vue
+++ b/apps/web-antd/src/views/property/businessManagement/workOrderPending/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
--- a/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/index.vue
+++ b/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
--- a/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts
+++ b/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts
@@ -96,7 +96,8 @@ export const columns: VxeGridProps['columns'] = [
    width: 100,
    slots: {
      default: ({row}) => {
-        return renderDict(row.status, 'wy_sf');
+        return row.isTimeOut ? renderDict(row.isTimeOut, 'wy_sf') : '';
+
      },
    },
  },
@@ -105,7 +106,7 @@ export const columns: VxeGridProps['columns'] = [
    fixed: 'right',
    slots: {default: 'action'},
    title: '操作',
-    width: 180,
+    width: 300,
  },
 ];

@@ -142,38 +143,37 @@ export const modalSchema: FormSchemaGetter = () => [
  //   },
  //   rules: 'selectRequired',
  // },
-  {
-    label: '派单时间',
-    fieldName: 'dispatchTime',
-    component: 'DatePicker',
-    componentProps: {
-      showTime: true,
-      format: 'YYYY-MM-DD HH:mm:ss',
-      valueFormat: 'YYYY-MM-DD HH:mm:ss',
-      disabledDate: disabledDate
-    },
-    rules: 'selectRequired',
-  },
-  {
-    label: '发起人',
-    fieldName: 'initiatorName',
-    component: 'ApiSelect',
-    formItemClass: 'col-span-2',
-    rules: 'selectRequired',
-
-  },
-  {
-    label: '处理人',
-    fieldName: 'handler',
-    component: 'ApiSelect',
-    formItemClass: 'col-span-2',
-    rules: 'selectRequired',
-  },
+  // {
+  //   label: '派单时间',
+  //   fieldName: 'dispatchTime',
+  //   component: 'DatePicker',
+  //   componentProps: {
+  //     showTime: true,
+  //     format: 'YYYY-MM-DD HH:mm:ss',
+  //     valueFormat: 'YYYY-MM-DD HH:mm:ss',
+  //     disabledDate: disabledDate
+  //   },
+  //   rules: 'selectRequired',
+  // },
+  // {
+  //   label: '发起人',
+  //   fieldName: 'initiatorName',
+  //   component: 'ApiSelect',
+  //   formItemClass: 'col-span-2',
+  //   rules: 'selectRequired',
+  //
+  // },
+  // {
+  //   label: '处理人',
+  //   fieldName: 'handler',
+  //   component: 'ApiSelect',
+  //   formItemClass: 'col-span-2',
+  //   rules: 'selectRequired',
+  // },
  {
    label: '具体位置',
    fieldName: 'location',
    component: 'Input',
-    formItemClass: 'col-span-2',
    rules: 'selectRequired',
  },
  {
@@ -188,34 +188,66 @@ export const modalSchema: FormSchemaGetter = () => [
    labelWidth: 110,
    rules: 'selectRequired',
  },
-  {
-    label: '完成时间',
-    fieldName: 'compleTime',
-    component: 'DatePicker',
-    componentProps: {
-      showTime: true,
-      format: 'YYYY-MM-DD HH:mm:ss',
-      valueFormat: 'YYYY-MM-DD HH:mm:ss',
-    },
-    rules: 'selectRequired',
-  },
-  {
-    label: '评价',
-    fieldName: 'serviceEvalua',
-    component: 'Rate',
-    rules: 'required',
-  },
-  {
-    label: '是否超时',
-    fieldName: 'isTimeOut',
-    component: 'RadioGroup',
-    componentProps: {
-      buttonStyle: 'solid',
-      options: getDictOptions('wy_sf'),
-    },
-    rules: 'selectRequired',
-  },
+  // {
+  //   label: '完成时间',
+  //   fieldName: 'compleTime',
+  //   component: 'DatePicker',
+  //   componentProps: {
+  //     showTime: true,
+  //     format: 'YYYY-MM-DD HH:mm:ss',
+  //     valueFormat: 'YYYY-MM-DD HH:mm:ss',
+  //   },
+  //   rules: 'selectRequired',
+  // },
+  // {
+  //   label: '评价',
+  //   fieldName: 'serviceEvalua',
+  //   component: 'Rate',
+  //   rules: 'required',
+  // },
+  // {
+  //   label: '是否超时',
+  //   fieldName: 'isTimeOut',
+  //   component: 'RadioGroup',
+  //   componentProps: {
+  //     buttonStyle: 'solid',
+  //     options: getDictOptions('wy_sf'),
+  //   },
+  //   rules: 'selectRequired',
+  // },
 ];
 const disabledDate = (current: Dayjs) => {
  return current && current < dayjs().endOf('day');
 };
+export const ordersModalSchema: FormSchemaGetter = () => [
+  {
+    label: 'id',
+    fieldName: 'id',
+    component: 'Input',
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    label: '状态',
+    fieldName: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('wy_gdclzt'),
+    },
+    rules: 'selectRequired',
+    disabled: true
+  },
+  {
+    label: '处理人',
+    fieldName: 'handler',
+    component: 'ApiSelect',
+    formItemClass: 'col-span-2',
+    rules: 'selectRequired',
+    dependencies: {
+      disabled: (formValue) =>formValue.status === '2' ,
+      triggerFields: ['status'],
+    },
+  },
+]
--- a/apps/web-antd/src/views/property/businessManagement/workOrders/index.vue
+++ b/apps/web-antd/src/views/property/businessManagement/workOrders/index.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
 import {Page, useVbenModal, type VbenFormProps} from '@vben/common-ui';
 import {getVxePopupContainer} from '@vben/utils';
-
 import {Modal, Popconfirm, Space, RadioGroup, RadioButton} from 'ant-design-vue';
-
 import {
  useVbenVxeGrid,
  vxeCheckboxChecked,
  type VxeGridProps
 } from '#/adapter/vxe-table';
-
 import {
  workOrdersExport,
  workOrdersList,
@@ -17,9 +14,9 @@ import {
 } from '#/api/property/businessManagement/workOrders';
 import type {WorkOrdersForm} from '#/api/property/businessManagement/workOrders/model';
 import {commonDownloadExcel} from '#/utils/file/download';
-
 import workOrdersModal from './workOrders-modal.vue';
 import workOrdersDetail from './work-orders-detail.vue';
+import ordersModal from './orders-modal.vue';
 import {columns, querySchema} from './data';
 import {onMounted, ref} from "vue";
 import {workOrdersTypeList} from "#/api/property/businessManagement/workOrdersType";
@@ -90,15 +87,25 @@ const [WorkOrdersDetail, detailApi] = useVbenModal({
  connectedComponent: workOrdersDetail,
 });

+const [OrdersModal, ordersApi] = useVbenModal({
+  connectedComponent: ordersModal,
+});
+
 function handleAdd() {
  modalApi.setData({});
  modalApi.open();
 }
+
 function handleInfo(row:any) {
  detailApi.setData({id:row.id});
  detailApi.open();
 }

+function handleOrders(row:any,mean:any) {
+  ordersApi.setData({id:row.id,mean:mean});
+  ordersApi.open();
+}
+
 async function handleEdit(row: Required<WorkOrdersForm>) {
  modalApi.setData({id: row.id});
  modalApi.open();
@@ -188,6 +195,16 @@ onMounted(async () => {
      </template>
      <template #action="{ row }">
        <Space>
+          <ghost-button
+            @click.stop="handleOrders(row,'group')"
+          >
+            {{ '派单' }}
+          </ghost-button>
+          <ghost-button
+            @click.stop="handleOrders(row,'rob')"
+          >
+            {{ '抢单' }}
+          </ghost-button>
          <ghost-button
            v-access:code="['property:workOrders:info']"
            @click.stop="handleInfo(row)"
@@ -218,6 +235,7 @@ onMounted(async () => {
      </template>
    </BasicTable>
    <WorkOrdersModal @reload="tableApi.query()"/>
+    <OrdersModal @reload="tableApi.query()"/>
    <WorkOrdersDetail/>
  </Page>
 </template>
--- a/apps/web-antd/src/views/property/businessManagement/workOrders/orders-modal.vue
+++ b/apps/web-antd/src/views/property/businessManagement/workOrders/orders-modal.vue
@@ -0,0 +1,133 @@
+<script setup lang="ts">
+import {useVbenModal} from '@vben/common-ui';
+import {cloneDeep} from '@vben/utils';
+import {useVbenForm} from '#/adapter/form';
+import {
+  workOrdersInfo,
+  workOrdersUpdate
+} from '#/api/property/businessManagement/workOrders';
+import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
+import {ordersModalSchema} from './data';
+import {personList} from "#/api/property/resident/person";
+import {renderDictValue} from "#/utils/render";
+import {ref} from "vue";
+
+const emit = defineEmits<{ reload: [] }>();
+
+const [BasicForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 默认占满两列
+    formItemClass: 'col-span-1',
+    // 默认label宽度 px
+    labelWidth: 80,
+    // 通用配置项 会影响到所有表单项
+    componentProps: {
+      class: 'w-full',
+    }
+  },
+  schema: ordersModalSchema(),
+  showDefaultActions: false,
+  wrapperClass: 'grid-cols-2',
+});
+
+const {onBeforeClose, markInitialized, resetInitialized} = useBeforeCloseDiff(
+  {
+    initializedGetter: defaultFormValueGetter(formApi),
+    currentGetter: defaultFormValueGetter(formApi),
+  },
+);
+
+const record = ref({})
+const title = ref('派单')
+const [BasicModal, modalApi] = useVbenModal({
+  // 在这里更改宽度
+  class: 'w-[550px]',
+  fullscreenButton: false,
+  onBeforeClose,
+  onClosed: handleClosed,
+  onConfirm: handleConfirm,
+  onOpenChange: async (isOpen) => {
+    if (!isOpen) {
+      return null;
+    }
+    modalApi.modalLoading(true);
+    await queryPersonData()
+    const {id} = modalApi.getData() as { id?: number | string };
+    const {mean} = modalApi.getData() as { rob?: number | string };
+    if (id) {
+      record.value = await workOrdersInfo(id);
+      if(mean === 'rob'){
+        title.value = '抢单'
+        record.value.status = '2';
+        record.value.handler = record.value.initiatorPeople;
+      }else{
+        title.value = '派单'
+        record.value.status = '1';
+        record.value.handler = null;
+      }
+      await formApi.setValues(record.value);
+    }
+    await markInitialized();
+
+    modalApi.modalLoading(false);
+  },
+});
+
+async function handleConfirm() {
+  try {
+    modalApi.lock(true);
+    const {valid} = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    const data = cloneDeep(await formApi.getValues());
+    record.value.handler = data.handler
+    await  workOrdersUpdate(record.value)
+    resetInitialized();
+    emit('reload');
+    modalApi.close();
+  } catch (error) {
+    console.error(error);
+  } finally {
+    modalApi.lock(false);
+  }
+}
+
+async function handleClosed() {
+  await formApi.resetForm();
+  resetInitialized();
+}
+
+async function queryPersonData() {
+  let params = {
+    pageSize: 1000,
+    pageNum: 1,
+  }
+  const res = await personList(params);
+  const options = res.rows.map((user) => ({
+    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex') + '-' + user.phone,
+    value: user.id,
+  }));
+  formApi.updateSchema([
+    {
+      componentProps: () => ({
+        options: options,
+        showSearch:true,
+        filterOption: filterOption
+      }),
+      fieldName: 'handler',
+    }])
+}
+
+const filterOption = (input: string, option: any) => {
+  return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+};
+
+</script>
+
+<template>
+  <BasicModal :title="title">
+    <BasicForm/>
+  </BasicModal>
+</template>
+
--- a/apps/web-antd/src/views/property/businessManagement/workOrders/work-orders-detail.vue
+++ b/apps/web-antd/src/views/property/businessManagement/workOrders/work-orders-detail.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
-
-import {ref, shallowRef} from 'vue';
-
+import {computed, ref, shallowRef} from 'vue';
 import {useVbenModal} from '@vben/common-ui';
-
 import {Descriptions, DescriptionsItem, Timeline, TimelineItem, Rate,Divider} from 'ant-design-vue';
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import relativeTime from 'dayjs/plugin/relativeTime';
-
 import {renderDict} from "#/utils/render";
 import {workOrdersInfo} from "#/api/property/businessManagement/workOrders";
 import type {WorkOrdersVO} from "#/api/property/businessManagement/workOrders/model";
@@ -30,22 +26,17 @@ async function handleOpenChange(open: boolean) {
    return null;
  }
  modalApi.modalLoading(true);
-
  const {id} = modalApi.getData() as { id: number | string };
-  // 赋值
  orderDetail.value = await workOrdersInfo(id);
  if(orderDetail.value){
-    handleRecords.value=[
-      {type:orderDetail.value.typeName,time:orderDetail.value.compleTime,personName:orderDetail.value.handlerText},
-      {type:'跟进',time:orderDetail.value.dispatchTime,personName:orderDetail.value.initiatorNameText},
-      {type:'创建工单',time:orderDetail.value.createTime,personName:orderDetail.value.initiatorNameText},
-    ]
+    handleRecords.value = orderDetail.value.workOrdersRecordVoList.map( (item, index) => ({
+      status: item.status,
+      createTime: item.createTime,
+      handlerName: index === 0 ? item.initiatorPeople : item.handlerName
+    }))
  }
-
  modalApi.modalLoading(false);
 }
-
-
 </script>

 <template>
@@ -62,7 +53,7 @@ async function handleOpenChange(open: boolean) {
         {{orderDetail.typeName}}
        </DescriptionsItem>
        <DescriptionsItem label="发起人">
-          {{ orderDetail.initiatorNameText+'-'+orderDetail.initiatorPhone}}
+          {{ orderDetail.initiatorPeople }}
        </DescriptionsItem>
        <DescriptionsItem label="派单时间">
          {{ orderDetail.dispatchTime }}
@@ -84,18 +75,21 @@ async function handleOpenChange(open: boolean) {
        </DescriptionsItem>
        <DescriptionsItem label="是否超时">
          <component
-            :is="renderDict(orderDetail.isTimeOut,'wy_sf')"
+            :is="orderDetail.isTimeOut ? renderDict(orderDetail.isTimeOut,'wy_sf') : ''"
          />
        </DescriptionsItem>
      </Descriptions>
      <Divider orientation="left" orientation-margin="0px">
        处理记录
      </Divider>
-      <Timeline v-if="handleRecords.length">
-        <TimelineItem v-for="item in handleRecords">
-          <p>类型：{{item.type}}</p>
-          <p>时间：{{item.time}}</p>
-          <p>处理人：{{item.personName}}</p>
+      <Timeline>
+        <TimelineItem v-for="(item,index) in handleRecords" :key="index">
+            <p style="display: flex;">类型：
+              <component
+                :is="renderDict(item.status,'wy_gdclzt')"
+              /></p>
+            <p>时间：{{item.createTime}}</p>
+            <p>处理人：{{item.handlerName}}</p>
        </TimelineItem>
      </Timeline>
    </div>