diff --git a/src/components/Form/src/components/FormItem.vue b/src/components/Form/src/components/FormItem.vue
index 9f0b863..2978639 100644
--- a/src/components/Form/src/components/FormItem.vue
+++ b/src/components/Form/src/components/FormItem.vue
@@ -320,11 +320,11 @@
               name={field}
               colon={colon}
               class={{ 'suffix-item': showSuffix }}
+              labelCol={labelCol}
+              wrapperCol={wrapperCol}
               {...(itemProps as Recordable)}
               label={renderLabelHelpMessage()}
               rules={handleRules()}
-              labelCol={labelCol}
-              wrapperCol={wrapperCol}
             >
               <div style="display:flex">
                 {/* author: sunjianlei for: 【VUEN-744】此处加上 width: 100%; 因为要防止组件宽度超出 FormItem */}
diff --git a/src/views/kc/detection/KcDetectionDetailed.api.ts b/src/views/kc/detection/KcDetectionDetailed.api.ts
new file mode 100644
index 0000000..5a72cc2
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionDetailed.api.ts
@@ -0,0 +1,64 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/detection/kcDetectionDetailed/list',
+  save = '/detection/kcDetectionDetailed/add',
+  edit = '/detection/kcDetectionDetailed/edit',
+  deleteOne = '/detection/kcDetectionDetailed/delete',
+  deleteBatch = '/detection/kcDetectionDetailed/deleteBatch',
+  importExcel = '/detection/kcDetectionDetailed/importExcel',
+  exportXls = '/detection/kcDetectionDetailed/exportXls',
+}
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) =>
+  defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess();
+  });
+}
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params });
+}
diff --git a/src/views/kc/detection/KcDetectionDetailed.data.ts b/src/views/kc/detection/KcDetectionDetailed.data.ts
new file mode 100644
index 0000000..1c26109
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionDetailed.data.ts
@@ -0,0 +1,131 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { rules } from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '任务编号（课堂）',
+    align: "center",
+    dataIndex: 'rwbh'
+  },
+  {
+    title: '课程编号',
+    align: "center",
+    dataIndex: 'kcbh'
+  },
+  {
+    title: '课程名称',
+    align: "center",
+    dataIndex: 'kcmc'
+  },
+  {
+    title: '教室编号',
+    align: "center",
+    dataIndex: 'jsbh'
+  },
+  {
+    title: '学年学期内部用',
+    align: "center",
+    dataIndex: 'xnxq'
+  },
+  {
+    title: '检测url',
+    align: "center",
+    dataIndex: 'detectionUrl'
+  },
+  {
+    title: '截取图片结果URL',
+    align: "center",
+    dataIndex: 'detectionOutImgUrl'
+  },
+  {
+    title: '截取图片计算人数返回结果',
+    align: "center",
+    dataIndex: 'detectionOutImgRes'
+  },
+  {
+    title: '检测次数（当前是第几次）',
+    align: "center",
+    dataIndex: 'detectionNum'
+  },
+  {
+    title: '当次检测人数',
+    align: "center",
+    dataIndex: 'num'
+  },
+];
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+];
+//表单数据
+export const formSchema: FormSchema[] = [
+  {
+    label: '任务编号（课堂）',
+    field: 'rwbh',
+    component: 'Input',
+  },
+  {
+    label: '课程编号',
+    field: 'kcbh',
+    component: 'Input',
+  },
+  {
+    label: '课程名称',
+    field: 'kcmc',
+    component: 'Input',
+  },
+  {
+    label: '教室编号',
+    field: 'jsbh',
+    component: 'Input',
+  },
+  {
+    label: '学年学期内部用',
+    field: 'xnxq',
+    component: 'Input',
+  },
+  {
+    label: '检测url',
+    field: 'detectionUrl',
+    component: 'Input',
+  },
+  {
+    label: '截取图片结果URL',
+    field: 'detectionOutImgUrl',
+    component: 'Input',
+  },
+  {
+    label: '截取图片计算人数返回结果',
+    field: 'detectionOutImgRes',
+    component: 'Input',
+  },
+  {
+    label: '检测次数（当前是第几次）',
+    field: 'detectionNum',
+    component: 'InputNumber',
+  },
+  {
+    label: '当次检测人数',
+    field: 'num',
+    component: 'InputNumber',
+  },
+  // TODO 主键隐藏字段，目前写死为ID
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false
+  },
+];
+
+
+
+/**
+* 流程表单调用这个方法获取formSchema
+* @param param
+*/
+export function getBpmFormSchema(_formData): FormSchema[] {
+  // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+  return formSchema;
+}
\ No newline at end of file
diff --git a/src/views/kc/detection/KcDetectionDetailedList.vue b/src/views/kc/detection/KcDetectionDetailedList.vue
new file mode 100644
index 0000000..56ae730
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionDetailedList.vue
@@ -0,0 +1,177 @@
+<template>
+  <div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined"></Icon>
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>批量操作
+            <Icon icon="mdi:chevron-down"></Icon>
+          </a-button>
+        </a-dropdown>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+      <!--字段回显插槽-->
+      <template #htmlSlot="{ text }">
+        <div v-html="text"></div>
+      </template>
+      <!--省市区字段回显插槽-->
+      <template #pcaSlot="{ text }">
+        {{ getAreaTextByCode(text) }}
+      </template>
+      <template #fileSlot="{ text }">
+        <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+        <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small"
+          @click="downloadFile(text)">下载</a-button>
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <KcDetectionDetailedModal @register="registerModal" @success="handleSuccess"></KcDetectionDetailedModal>
+  </div>
+</template>
+
+<script lang="ts" name="detection-kcDetectionDetailed" setup>
+import { ref, computed, unref } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage'
+import KcDetectionDetailedModal from './components/KcDetectionDetailedModal.vue'
+import { columns, searchFormSchema } from './KcDetectionDetailed.data';
+import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './KcDetectionDetailed.api';
+import { downloadFile } from '/@/utils/common/renderUtils';
+const checkedKeys = ref<Array<string | number>>([]);
+const queryParam = ref<any>({});
+//注册model
+const [registerModal, { openModal }] = useModal();
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '教室人数检测-详细表',
+    api: list,
+    columns,
+    canResize: false,
+    formConfig: {
+      //labelWidth: 120,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+      showAdvancedButton: true,
+      fieldMapToNumber: [
+      ],
+      fieldMapToTime: [
+      ],
+    },
+    actionColumn: {
+      width: 120,
+      fixed: 'right'
+    },
+    beforeFetch: (params) => {
+      params.column = '',params.order = '';//新生成的默认不带排序
+      return Object.assign(params, queryParam.value);
+    },
+  },
+  exportConfig: {
+    name: "教室人数检测-详细表",
+    url: getExportUrl,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+})
+
+const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext
+
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  openModal(true, {
+    isUpdate: false,
+    showFooter: true,
+  });
+}
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: true,
+  });
+}
+/**
+ * 详情
+*/
+function handleDetail(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: false,
+  });
+}
+/**
+ * 删除事件
+ */
+async function handleDelete(record) {
+  await deleteOne({ id: record.id }, handleSuccess);
+}
+/**
+ * 批量删除事件
+ */
+async function batchHandleDelete() {
+  await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+}
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+}
+/**
+   * 操作栏
+   */
+function getTableAction(record) {
+  return [
+    {
+      label: '编辑',
+      onClick: handleEdit.bind(null, record),
+    }
+  ]
+}
+/**
+   * 下拉操作栏
+   */
+function getDropDownAction(record) {
+  return [
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    }, {
+      label: '删除',
+      popConfirm: {
+        title: '是否确认删除',
+        confirm: handleDelete.bind(null, record),
+      }
+    }
+  ]
+}
+
+
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/kc/detection/KcDetectionMain.api.ts b/src/views/kc/detection/KcDetectionMain.api.ts
new file mode 100644
index 0000000..65717e6
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionMain.api.ts
@@ -0,0 +1,64 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from "/@/hooks/web/useMessage";
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/detection/kcDetectionMain/list',
+  save = '/detection/kcDetectionMain/add',
+  edit = '/detection/kcDetectionMain/edit',
+  deleteOne = '/detection/kcDetectionMain/delete',
+  deleteBatch = '/detection/kcDetectionMain/deleteBatch',
+  importExcel = '/detection/kcDetectionMain/importExcel',
+  exportXls = '/detection/kcDetectionMain/exportXls',
+}
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) =>
+  defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess();
+  });
+}
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess();
+      });
+    }
+  });
+}
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params });
+}
diff --git a/src/views/kc/detection/KcDetectionMain.data.ts b/src/views/kc/detection/KcDetectionMain.data.ts
new file mode 100644
index 0000000..8d11641
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionMain.data.ts
@@ -0,0 +1,208 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { rules } from '/@/utils/helper/validator';
+import { render } from '/@/utils/common/renderUtils';
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '学年学期',
+    align: "center",
+    dataIndex: 'xnxq'
+  },
+  {
+    title: '课程名称',
+    align: "center",
+    dataIndex: 'kcmc'
+  },
+
+  {
+    title: '任务编号',
+    align: "center",
+    dataIndex: 'rwbh'
+  },
+  {
+    title: '课程编号',
+    align: "center",
+    dataIndex: 'kcbh'
+  },
+  {
+    title: '教室编号',
+    align: "center",
+    dataIndex: 'jsbh'
+  },
+  {
+    title: '检测url',
+    align: "center",
+    dataIndex: 'detectionUrl'
+  },
+  {
+    title: '检测次数',
+    align: "center",
+    dataIndex: 'detectionNum'
+  },
+  {
+    title: '人数(累加)',
+    align: "center",
+    dataIndex: 'allNum'
+  },
+  {
+    title: '平均数',
+    align: "center",
+    dataIndex: 'averageNum',
+  },
+  // {
+  //   title: 'A',
+  //   align: "center",
+  //   dataIndex: ['ketangbiaoInfo', 'kcmc'],
+  //   // customRender: ({ record }) => {
+  //   //   return record?.ketangbiaoInfo?.kcmc;
+  //   // }
+  // },
+];
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+];
+//表单数据
+export const formSchema: FormSchema[] = [
+  {
+    label: '任务编号',
+    field: 'rwbh',
+    component: 'Input',
+  },
+  {
+    label: '课程编号',
+    field: 'kcbh',
+    component: 'Input',
+  },
+  {
+    label: '课程名称',
+    field: 'kcmc',
+    component: 'Input',
+  },
+  {
+    label: '教室编号',
+    field: 'jsbh',
+    component: 'Input',
+  },
+  {
+    label: '学年学期',
+    field: 'xnxq',
+    component: 'Input',
+  },
+  {
+    label: '检测url',
+    field: 'detectionUrl',
+    component: 'Input',
+  },
+  {
+    label: '检测次数',
+    field: 'detectionNum',
+    component: 'InputNumber',
+  },
+  {
+    label: '人数(累加)',
+    field: 'allNum',
+    component: 'InputNumber',
+  },
+  {
+    label: '平均数',
+    field: 'averageNum',
+    component: 'InputNumber',
+  },
+  {
+    label: '',
+    field: 'detectionDetailedList',
+    component: 'Input',
+    slot: 'detectionDetailedList',
+
+    itemProps: {
+      labelCol: {
+        span: 0,
+      },
+      wrapperCol: {
+        span: 24,
+      },
+    },
+
+    //span: 24,
+    // colProps: {
+    //   span:0
+    // },
+    // itemProps: {
+    //   span:24
+    // }
+  },
+  // TODO 主键隐藏字段，目前写死为ID
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false
+  },
+];
+
+//表单里的子列表
+export const detectionDetailedListColumns: BasicColumn[] = [
+  // {
+  //   title: '学年学期',
+  //   align: "center",
+  //   dataIndex: 'xnxq'
+  // },
+  // {
+  //   title: '课程名称',
+  //   align: "center",
+  //   dataIndex: 'kcmc'
+  // },
+  // {
+  //   title: '任务编号',
+  //   align: "center",
+  //   dataIndex: 'rwbh'
+  // },
+  // {
+  //   title: '课程编号',
+  //   align: "center",
+  //   dataIndex: 'kcbh'
+  // },
+  // {
+  //   title: '教室编号',
+  //   align: "center",
+  //   dataIndex: 'jsbh'
+  // },
+  {
+    title: '截取图片',
+    align: "center",
+    dataIndex: 'detectionOutImgUrl',
+    slots: { customRender: 'imgSlot' },
+  },
+  {
+    title: '检测序号',
+    align: "center",
+    dataIndex: 'detectionNum'
+  },
+  {
+    title: '人数',
+    align: "center",
+    dataIndex: 'num'
+  },
+  {
+    title: '人数计算结果',
+    align: "center",
+    dataIndex: 'detectionOutImgRes'
+  },  // {
+  //   title: 'A',
+  //   align: "center",
+  //   dataIndex: ['ketangbiaoInfo', 'kcmc'],
+  //   // customRender: ({ record }) => {
+  //   //   return record?.ketangbiaoInfo?.kcmc;
+  //   // }
+  // },
+];
+
+/**
+* 流程表单调用这个方法获取formSchema
+* @param param
+*/
+export function getBpmFormSchema(_formData): FormSchema[] {
+  // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+  return formSchema;
+}
\ No newline at end of file
diff --git a/src/views/kc/detection/KcDetectionMainList.vue b/src/views/kc/detection/KcDetectionMainList.vue
new file mode 100644
index 0000000..5db570e
--- /dev/null
+++ b/src/views/kc/detection/KcDetectionMainList.vue
@@ -0,0 +1,182 @@
+<template>
+  <div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+        <!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+          <a-button  type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+          <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> -->
+        <!-- <a-dropdown v-if="selectedRowKeys.length > 0">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1" @click="batchHandleDelete">
+                    <Icon icon="ant-design:delete-outlined"></Icon>
+                    删除
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button>批量操作
+                <Icon icon="mdi:chevron-down"></Icon>
+              </a-button>
+              </a-dropdown> -->
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+      <!--字段回显插槽-->
+      <template #htmlSlot="{ text }">
+        <div v-html="text"></div>
+      </template>
+      <!--省市区字段回显插槽-->
+      <template #pcaSlot="{ text }">
+        {{ getAreaTextByCode(text) }}
+      </template>
+      <template #fileSlot="{ text }">
+        <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+        <a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <KcDetectionMainModal @register="registerModal" @success="handleSuccess"></KcDetectionMainModal>
+  </div>
+</template>
+
+<script lang="ts" name="detection-kcDetectionMain" setup>
+import { ref, computed, unref } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage'
+import KcDetectionMainModal from './components/KcDetectionMainModal.vue'
+import { columns, searchFormSchema } from './KcDetectionMain.data';
+import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './KcDetectionMain.api';
+import { downloadFile } from '/@/utils/common/renderUtils';
+const checkedKeys = ref<Array<string | number>>([]);
+const queryParam = ref<any>({});
+//注册model
+const [registerModal, { openModal }] = useModal();
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '教室人数检测-主表',
+    api: list,
+    columns,
+    canResize: false,
+    formConfig: {
+      //labelWidth: 120,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter: true,
+      showAdvancedButton: true,
+      fieldMapToNumber: [
+      ],
+      fieldMapToTime: [
+      ],
+    },
+    actionColumn: {
+      width: 120,
+      fixed: 'right'
+    },
+    beforeFetch: (params) => {
+      //params.column = '',params.order = '';//新生成的默认不带排序
+      params.isSelectKcDetailed = true;
+      return Object.assign(params, queryParam.value);
+    },
+  },
+  exportConfig: {
+    name: "教室人数检测-主表",
+    url: getExportUrl,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+})
+
+const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext
+
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  openModal(true, {
+    isUpdate: false,
+    showFooter: true,
+  });
+}
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: true,
+  });
+}
+/**
+ * 详情
+*/
+function handleDetail(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: false,
+  });
+}
+/**
+ * 删除事件
+ */
+async function handleDelete(record) {
+  await deleteOne({ id: record.id }, handleSuccess);
+}
+/**
+ * 批量删除事件
+ */
+async function batchHandleDelete() {
+  await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+}
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+}
+/**
+   * 操作栏
+   */
+function getTableAction(record) {
+  return [
+    // {
+    //   label: '编辑',
+    //   onClick: handleEdit.bind(null, record),
+    // }
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    }
+  ]
+}
+/**
+   * 下拉操作栏
+   */
+function getDropDownAction(record) {
+  return [
+    // {
+      // label: '详情',
+      // onClick: handleDetail.bind(null, record),
+    // },
+    // {
+    //   label: '删除',
+    //   popConfirm: {
+    //     title: '是否确认删除',
+    //     confirm: handleDelete.bind(null, record),
+    //   }
+    // }
+  ]
+}
+
+
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/kc/detection/components/KcDetectionDetailedForm.vue b/src/views/kc/detection/components/KcDetectionDetailedForm.vue
new file mode 100644
index 0000000..abb1f15
--- /dev/null
+++ b/src/views/kc/detection/components/KcDetectionDetailedForm.vue
@@ -0,0 +1,70 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm"></BasicForm>
+    <div style="width: 100%;text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { computed, defineComponent } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { propTypes } from '/@/utils/propTypes';
+import { getBpmFormSchema } from '../KcDetectionDetailed.data';
+import { saveOrUpdate } from '../KcDetectionDetailed.api';
+
+export default defineComponent({
+  name: "KcDetectionDetailedForm",
+  components: {
+    BasicForm
+  },
+  props: {
+    formData: propTypes.object.def({}),
+    formBpm: propTypes.bool.def(true),
+  },
+  setup(props) {
+    const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+      labelWidth: 150,
+      schemas: getBpmFormSchema(props.formData),
+      showActionButtonGroup: false,
+      baseColProps: { span: 24 }
+    });
+
+    const formDisabled = computed(() => {
+      if (props.formData.disabled === false) {
+        return false;
+      }
+      return true;
+    });
+
+    let formData = {};
+    const queryByIdUrl = '/detection/kcDetectionDetailed/queryById';
+    async function initFormData() {
+      let params = { id: props.formData.dataId };
+      const data = await defHttp.get({ url: queryByIdUrl, params });
+      formData = { ...data }
+      //设置表单的值
+      await setFieldsValue(formData);
+      //默认是禁用
+      await setProps({ disabled: formDisabled.value })
+    }
+
+    async function submitForm() {
+      let data = getFieldsValue();
+      let params = Object.assign({}, formData, data);
+      console.log('表单数据', params)
+      await saveOrUpdate(params, true)
+    }
+
+    initFormData();
+
+    return {
+      registerForm,
+      formDisabled,
+      submitForm,
+    }
+  }
+});
+</script>
\ No newline at end of file
diff --git a/src/views/kc/detection/components/KcDetectionDetailedModal.vue b/src/views/kc/detection/components/KcDetectionDetailedModal.vue
new file mode 100644
index 0000000..d3ffc49
--- /dev/null
+++ b/src/views/kc/detection/components/KcDetectionDetailedModal.vue
@@ -0,0 +1,66 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, unref } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema } from '../KcDetectionDetailed.data';
+import { saveOrUpdate } from '../KcDetectionDetailed.api';
+// Emits声明
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+//表单配置
+const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+  //labelWidth: 150,
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  baseColProps: { span: 24 }
+});
+//表单赋值
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  //重置表单
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: !!data?.showFooter, showOkBtn: !!data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) {
+    //表单赋值
+    await setFieldsValue({
+      ...data.record,
+    });
+  }
+  // 隐藏底部时禁用整个表单
+  setProps({ disabled: !data?.showFooter })
+});
+//设置标题
+const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+//表单提交事件
+async function handleSubmit(v) {
+  try {
+    let values = await validate();
+    setModalProps({ confirmLoading: true });
+    //提交表单
+    await saveOrUpdate(values, isUpdate.value);
+    //关闭弹窗
+    closeModal();
+    //刷新列表
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+</script>
+
+<style lang="less" scoped>
+/** 时间和数字输入框样式 */
+:deep(.ant-input-number) {
+  width: 100%
+}
+
+:deep(.ant-calendar-picker) {
+  width: 100%
+}
+</style>
\ No newline at end of file
diff --git a/src/views/kc/detection/components/KcDetectionMainForm.vue b/src/views/kc/detection/components/KcDetectionMainForm.vue
new file mode 100644
index 0000000..4923f3b
--- /dev/null
+++ b/src/views/kc/detection/components/KcDetectionMainForm.vue
@@ -0,0 +1,70 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm"></BasicForm>
+    <div style="width: 100%;text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { computed, defineComponent } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { propTypes } from '/@/utils/propTypes';
+import { getBpmFormSchema } from '../KcDetectionMain.data';
+import { saveOrUpdate } from '../KcDetectionMain.api';
+
+export default defineComponent({
+  name: "KcDetectionMainForm",
+  components: {
+    BasicForm
+  },
+  props: {
+    formData: propTypes.object.def({}),
+    formBpm: propTypes.bool.def(true),
+  },
+  setup(props) {
+    const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+      labelWidth: 150,
+      schemas: getBpmFormSchema(props.formData),
+      showActionButtonGroup: false,
+      baseColProps: { span: 24 }
+    });
+
+    const formDisabled = computed(() => {
+      if (props.formData.disabled === false) {
+        return false;
+      }
+      return true;
+    });
+
+    let formData = {};
+    const queryByIdUrl = '/detection/kcDetectionMain/queryById';
+    async function initFormData() {
+      let params = { id: props.formData.dataId };
+      const data = await defHttp.get({ url: queryByIdUrl, params });
+      formData = { ...data }
+      //设置表单的值
+      await setFieldsValue(formData);
+      //默认是禁用
+      await setProps({ disabled: formDisabled.value })
+    }
+
+    async function submitForm() {
+      let data = getFieldsValue();
+      let params = Object.assign({}, formData, data);
+      console.log('表单数据', params)
+      await saveOrUpdate(params, true)
+    }
+
+    initFormData();
+
+    return {
+      registerForm,
+      formDisabled,
+      submitForm,
+    }
+  }
+});
+</script>
\ No newline at end of file
diff --git a/src/views/kc/detection/components/KcDetectionMainModal.vue b/src/views/kc/detection/components/KcDetectionMainModal.vue
new file mode 100644
index 0000000..18fbd74
--- /dev/null
+++ b/src/views/kc/detection/components/KcDetectionMainModal.vue
@@ -0,0 +1,95 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="'80%'" @ok="handleSubmit">
+    <BasicForm @register="registerForm">
+      <template #detectionDetailedList="{ values }">
+        <div style="width: 100%">
+          <a-table :columns="detectionDetailedListColumns" :dataSource="values.detectionDetailedList" :pagination="false">
+            <template #imgSlot="{ text, record }">
+              <span v-if="!text" style="font-size: 12px; font-style: italic">无图片</span>
+              <Image v-else :src="getImgView(text)" :preview="record.id" alt="" :width="50"/>
+            </template>
+          </a-table>
+        </div>
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+import { ref, Ref, computed, unref } from 'vue';
+import { Image, ImagePreviewGroup } from 'ant-design-vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema, detectionDetailedListColumns } from '../KcDetectionMain.data';
+import { saveOrUpdate } from '../KcDetectionMain.api';
+// Emits声明
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+//表单配置
+const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+  //labelWidth: 150,
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  baseColProps: { span: 24 }
+});
+//表单赋值
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  //重置表单
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: !!data?.showFooter, showOkBtn: !!data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) {
+    //表单赋值
+    await setFieldsValue({
+      ...data.record,
+    });
+  }
+  // 隐藏底部时禁用整个表单
+  setProps({ disabled: !data?.showFooter })
+});
+//设置标题
+const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+//表单提交事件
+async function handleSubmit(v) {
+  try {
+    let values = await validate();
+    setModalProps({ confirmLoading: true });
+    //提交表单
+    await saveOrUpdate(values, isUpdate.value);
+    //关闭弹窗
+    closeModal();
+    //刷新列表
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+
+/**
+ * 获取预览图片
+ */
+  function getImgView(text) {
+  if (text && text.indexOf(',') > 0) {
+    text = text.substring(0, text.indexOf(','));
+  }
+  return getFileAccessHttpUrl(text);
+}
+
+</script>
+
+<style lang="less" scoped>
+/** 时间和数字输入框样式 */
+:deep(.ant-input-number) {
+  width: 100%
+}
+
+:deep(.ant-calendar-picker) {
+  width: 100%
+}
+/*列表中有图片的加这个样式 参考用户管理*/
+.anty-img-wrap {
+  height: 25px;
+  position: relative;
+}
+</style>
\ No newline at end of file