Merge pull request 'fix:增加装修验收' (#23) from develop into main

Reviewed-on: #23

src/pages/quality/routing_inspection/index.tsx

@@ -0,0 +1,146 @@
+import { MyColumns, MyProTableProps } from '@/common';
+import { Selects } from '@/components/Select';
+import { Apis } from '@/gen/Apis';
+import {
+  HouseWorkOrdersAssignStatusEnum,
+  HouseWorkOrdersLevelEnum,
+  HouseWorkOrdersTypeEnum,
+} from '@/gen/Enums';
+import WorkOrderShow from '@/pages/work_order/list/modals/WorkOrderShow';
+import { ProTable } from '@ant-design/pro-components';
+import { Space } from 'antd';
+import RenovationAssign from './modals/RenovationAssign';
+
+export const RenovationWorkOrdersStatusEnum = {
+  Pending: { text: '待处理', color: '#FFA500', value: 'Pending' },
+  Processing: { text: '处理中', color: '#1E90FF', value: 'Processing' },
+  Completed: { text: '已完成', color: '#28A745', value: 'Completed' },
+  Closed: { text: '已关闭', color: '#6C757D', value: 'Closed' },
+};
+
+export default function Index({ title = '装修巡检' }) {
+  return (
+    <ProTable<Record<any, any>>
+      {...MyProTableProps.props}
+      headerTitle={title}
+      request={async (params, sort) => {
+        return MyProTableProps.request(
+          {
+            ...params,
+            type: [
+              HouseWorkOrdersTypeEnum.RenovationInspection.value,
+              HouseWorkOrdersTypeEnum.RenovationAcceptance.value,
+            ],
+          },
+          sort,
+          Apis.WorkOrder.HouseWorkOrders.List,
+        );
+      }}
+      // toolBarRender={(action) => [toolBarRender(action)]}
+      columns={[
+        MyColumns.ID({ search: false }),
+        Selects?.AssetProjects({
+          title: '选择项目',
+          key: 'asset_projects_id',
+          hidden: true,
+        }),
+        MyColumns.EnumTag({
+          title: '处理状态',
+          dataIndex: 'status',
+          valueEnum: RenovationWorkOrdersStatusEnum,
+        }),
+        {
+          title: '项目名称',
+          dataIndex: 'project_name',
+          hidden: true,
+        },
+        MyColumns.EnumTag({
+          title: '分配状态',
+          dataIndex: 'assign_status',
+          valueEnum: HouseWorkOrdersAssignStatusEnum,
+        }),
+        MyColumns.EnumTag({
+          title: '工单类型',
+          dataIndex: 'type',
+          valueEnum: HouseWorkOrdersTypeEnum,
+          search: false,
+        }),
+        // MyColumns.EnumTag({
+        //   title: '报修位置',
+        //   dataIndex: 'location',
+        //   valueEnum: HouseWorkOrdersLocationEnum,
+        //   search: false,
+        // }),
+        {
+          title: '位置信息',
+          dataIndex: ['asset_house', 'full_name'],
+          render: (_, record) => {
+            return (
+              <Space>
+                {record?.asset_house?.full_name
+                  ? record?.asset_house?.full_name
+                  : record?.asset_project?.name}
+              </Space>
+            );
+          },
+          search: {
+            transform: (value) => {
+              return { house_name: value };
+            },
+          },
+        },
+        // {
+        //   title: '工单描述',
+        //   dataIndex: 'content',
+        //   search: false,
+        //   width: 200, // 关键：固定列宽（若父容器过窄，可设 minWidth: 200 优先保证列宽）
+        //   render: (text) => (
+        //     <div
+        //       style={{
+        //         width: '100%', // 继承列宽
+        //         // height: '60px', // 设置固定高度，约显示3行文本
+        //         overflow: 'hidden', // 超出隐藏
+        //         textOverflow: 'ellipsis', // 省略号
+        //         display: '-webkit-box',
+        //         WebkitBoxOrient: 'vertical',
+        //         WebkitLineClamp: 3, // 显示3行
+        //       }}
+        //     >
+        //       {text}
+        //     </div>
+        //   ),
+        // },
+        MyColumns.EnumTag({
+          title: '优先级',
+          dataIndex: 'level',
+          valueEnum: HouseWorkOrdersLevelEnum,
+          search: false,
+        }),
+
+        {
+          title: '处理人',
+          dataIndex: ['assign_employee', 'name'],
+          search: false,
+          render: (_, record) => {
+            return `${record?.assign_employee?.name || ''}-${
+              record?.assign_employee?.phone || ''
+            }`;
+          },
+        },
+        MyColumns.CreatedAt(),
+        MyColumns.Option({
+          render: (_, item: any, index, action) => (
+            <Space key={index}>
+              <WorkOrderShow item={item} title="详情" reload={action?.reload} />
+              <RenovationAssign
+                item={item}
+                reload={action?.reload}
+                title="指派"
+              />
+            </Space>
+          ),
+        }),
+      ]}
+    />
+  );
+}

src/pages/quality/routing_inspection/modals/RenovationAssign.tsx

@@ -0,0 +1,139 @@
+import {
+  MyBetaModalFormProps,
+  MyButtons,
+  MyFormItems,
+  MyModalFormProps,
+  rulesHelper,
+} from '@/common';
+import { Selects } from '@/components/Select';
+import { Apis } from '@/gen/Apis';
+import { HouseWorkOrdersTypeEnum } from '@/gen/Enums';
+import { BetaSchemaForm } from '@ant-design/pro-components';
+import { Form, message } from 'antd';
+
+export default function WorkOrderAssign(
+  props: MyBetaModalFormProps & { item: any },
+) {
+  const [form] = Form.useForm();
+  return (
+    <BetaSchemaForm<ApiTypes.WorkOrder.HouseWorkOrders.Assign>
+      {...MyModalFormProps.props}
+      title={`指派工单`}
+      wrapperCol={{ span: 19 }}
+      width="600px"
+      layout="horizontal"
+      labelCol={{ span: 5 }}
+      labelAlign="left"
+      trigger={
+        <MyButtons.Default
+          title={props.title || '指派'}
+          disabled={
+            !(
+              props?.item.assign_status === 'Unassigned' &&
+              props?.item.type === 'RenovationAcceptance'
+            )
+          }
+          type="primary"
+        />
+      }
+      key={new Date().getTime()}
+      form={form}
+      request={async () => {
+        const res = await Apis.WorkOrder.HouseWorkOrders.Show({
+          id: props.item.id,
+        });
+        return {
+          title: res.data.title,
+          assign_employee_id: res.data.assign_employee_id,
+          content: res.data.content,
+          attachments: res.data.attachments,
+          complaint_type: res.data.complaint_type,
+          locationInfo: res.data.asset_house.full_name,
+          type: res.data.type,
+        };
+      }}
+      onFinish={async (values: any) => {
+        Apis.WorkOrder.HouseWorkOrders.Assign({
+          ...values,
+          id: props.item.id,
+          predict_complete_at: values.predict_complete_at,
+        })
+          .then(() => {
+            props.reload?.();
+            message.success('指派工单成功');
+            return true;
+          })
+          .catch(() => false);
+      }}
+      columns={[
+        MyFormItems.EnumRadio({
+          key: 'type',
+          title: '工单类型',
+          colProps: { span: 24 },
+          valueEnum: HouseWorkOrdersTypeEnum,
+          readonly: true,
+        }),
+        {
+          key: 'locationInfo',
+          title: '房屋信息',
+          colProps: { span: 24 },
+          readonly: true,
+        },
+        {
+          key: 'content',
+          title: '工单描述',
+          colProps: { span: 24 },
+          readonly: true,
+          fieldProps: {
+            disabled: true,
+          },
+        },
+        { valueType: 'divider' },
+
+        // MyFormItems.EnumRadio({
+        //   key: 'level',
+        //   title: '优先级',
+        //   colProps: { span: 24 },
+        //   valueEnum: HouseWorkOrdersLevelEnum,
+        //   required: true,
+        // }),
+        // {
+        //   key: 'predict_complete_at',
+        //   title: '完成时间要求',
+        //   valueType: 'date',
+        //   colProps: { span: 24 },
+        //   formItemProps: { ...rulesHelper.text },
+        //   fieldProps: {
+        //     disabledDate: (current: any) => {
+        //       // 只能选今天及以后的日期
+        //       const today = new Date();
+        //       today.setHours(0, 0, 0, 0); // 设置为今天的00:00:00
+        //       return current && current < today;
+        //     },
+        //     addonAfter: '前',
+        //   },
+        // },
+        Selects?.Employees({
+          title: '选择处理人',
+          key: 'assign_employees_id',
+          colProps: { span: 24 },
+          formItemProps: { ...rulesHelper.text },
+          params: {
+            companies_id: props.item.companies_id,
+          },
+          required: true,
+        }),
+        {
+          key: 'assign_remark',
+          title: '备注',
+          valueType: 'textarea',
+          colProps: { span: 24 },
+          fieldProps: {
+            rows: 3,
+            // placeholder: '请输入指派备注（可选）',
+          },
+        },
+      ]}
+    />
+  );
+}