diff --git a/src/api/calibration/conflictOfInterestSearch/index.ts b/src/api/calibration/conflictOfInterestSearch/index.ts
new file mode 100644
index 0000000..4ad16ec
--- /dev/null
+++ b/src/api/calibration/conflictOfInterestSearch/index.ts
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+const AUTH_BASE_URL = '/api2'
+
+/*
+ * 立项登记
+ * */
+
+// 新增立项登记
+export const BusinessProject = (data: any) => {
+  const formData = new FormData()
+  formData.append('type', data.type)
+  formData.append('ContractNo', data.ContractNo)
+  formData.append('times', data.times)
+  formData.append('client_info', data.client_info)
+  formData.append('party_info', data.party_info)
+  formData.append('description', data.description)
+  formData.append('responsiblefor', data.responsiblefor)
+  formData.append('charge', data.charge)
+  formData.append('contract', data.contract)
+  return request({
+    url: `${AUTH_BASE_URL}/business/project`,
+    method: 'post',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 审批分页接口
+export const UserRoxyexhibition = (data: any) => {
+  const formData = new FormData()
+  formData.append('page', data.pageNum)
+  formData.append('per_page', data.pageSize)
+  return request({
+    url: `${AUTH_BASE_URL}/user/roxyexhibition`,
+    method: 'post',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
diff --git a/src/api/calibration/preRegistration/index.ts b/src/api/calibration/preRegistration/index.ts
new file mode 100644
index 0000000..6650b58
--- /dev/null
+++ b/src/api/calibration/preRegistration/index.ts
@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+const AUTH_BASE_URL = '/api2'
+
+/*
+ * 预立案登记
+ * */
+
+// 新增预立案登记
+export const BusinessRegister = (data: any) => {
+  const formData = new FormData()
+  formData.append('times', data.times)
+  formData.append('client_username', data.client_username)
+  formData.append('client_card', data.client_card)
+  formData.append('party_username', data.party_username)
+  formData.append('party_card', data.party_card)
+  formData.append('description', data.description)
+  formData.append('Undertaker', data.Undertaker)
+  return request({
+    url: `${AUTH_BASE_URL}/business/register`,
+    method: 'post',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 审批分页接口
+export const BusinessRegisterdetail = (data: any) => {
+  const formData = new FormData()
+  formData.append('page', data.pageNum)
+  formData.append('per_page', data.pageSize)
+  if (data.times && data.times.length) {
+    formData.append('times', data.times[0])
+    formData.append('end_time', data.times[1])
+  }
+  if (data.Undertaker) formData.append('Undertaker', data.Undertaker)
+  return request({
+    url: `${AUTH_BASE_URL}/business/registerdetail`,
+    method: 'post',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index b2e091c..5b67828 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -175,17 +175,20 @@ export const constantRoutes: RouteRecordRaw[] = [
     },
     children: [
       {
-        path: 'user',
-        name: 'BusinessConflict',
-        component: () => import('@/views/business/conflict/index.vue'),
+        path: 'conflictOfInterestSearch',
+        name: 'ConflictOfInterestSearch',
+        component: () =>
+          import('@/views/calibration/businessSystem/conflictOfInterestSearch/index.vue'),
+        // component: () => import('@/views/business/conflict/index.vue'),
         meta: {
           title: '利益冲突检索'
         }
       },
       {
-        path: 'role',
-        name: 'BusinessPreRegistration',
-        component: () => import('@/views/business/preRegistration/index.vue'),
+        path: 'preRegistration',
+        name: 'PreRegistration',
+        // component: () => import('@/views/business/preRegistration/index.vue'),
+        component: () => import('@/views/calibration/businessSystem/preRegistration/index.vue'),
         meta: {
           title: '预立案登记'
         }
diff --git a/src/views/calibration/businessSystem/conflictOfInterestSearch/components/BusinessProjectForm.vue b/src/views/calibration/businessSystem/conflictOfInterestSearch/components/BusinessProjectForm.vue
new file mode 100644
index 0000000..e81595e
--- /dev/null
+++ b/src/views/calibration/businessSystem/conflictOfInterestSearch/components/BusinessProjectForm.vue
@@ -0,0 +1,409 @@
+<template>
+  <div class="pre-registration-form">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="auto"
+      label-position="top"
+    >
+      <el-form-item label="项目类型" prop="type">
+        <el-select v-model="formData.type" placeholder="请选择项目类型">
+          <el-option
+            v-for="item in UndertakerList"
+            :key="item.id"
+            :label="item.username"
+            :value="item.username"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="合同编号" prop="ContractNo">
+        <el-input v-model="formData.ContractNo" disabled placeholder="选择项目类型生成" />
+      </el-form-item>
+      <el-form-item label="立项日期时间" prop="times">
+        <el-date-picker
+          v-model="formData.times"
+          type="date"
+          placeholder="请选择立项日期时间"
+          format="YYYY-MM-DD"
+          value-format="YYYY-MM-DD"
+          style="width: 100%"
+        />
+      </el-form-item>
+
+      <div class="section">
+        <h2>委托人信息</h2>
+        <div class="table-actions">
+          <el-button type="primary" @click="addClient">
+            <el-icon><Plus /></el-icon>
+            新增一项
+          </el-button>
+          <el-button type="danger" @click="batchDeleteClients">
+            <el-icon><Delete /></el-icon>
+            批量删除
+          </el-button>
+        </div>
+        <el-table
+          :data="formData.client_info"
+          border
+          style="width: 100%"
+          class="client-table"
+          @selection-change="handleClientSelectionChange"
+        >
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="index" label="序号" width="80" align="center" />
+          <el-table-column prop="name" label="自然人姓名/法人名称" min-width="200">
+            <template #default="scope">
+              <el-form-item
+                :prop="'client_info.' + scope.$index + '.name'"
+                :rules="formRules.clientName"
+              >
+                <el-input v-model="scope.row.name" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column prop="idNumber" label="身份证号码/统一代码" min-width="250">
+            <template #default="scope">
+              <el-form-item
+                :prop="'client_info.' + scope.$index + '.idNumber'"
+                :rules="formRules.clientIdNumber"
+              >
+                <el-input v-model="scope.row.idNumber" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="150" align="center">
+            <template #default="scope">
+              <el-button type="primary" size="small" @click="copyClient(scope.row)">复制</el-button>
+              <el-button type="danger" size="small" @click="deleteClient(scope.$index)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="section">
+        <h2>相对方信息</h2>
+        <div class="table-actions">
+          <el-button type="primary" @click="addOpponent">
+            <el-icon><Plus /></el-icon>
+            新增一项
+          </el-button>
+          <el-button type="danger">
+            <el-icon><Delete /></el-icon>
+            批量删除
+          </el-button>
+        </div>
+        <el-table
+          :data="formData.party_info"
+          border
+          style="width: 100%"
+          class="opponent-table"
+          @selection-change="handleOpponentSelectionChange"
+        >
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="index" label="序号" width="80" align="center" />
+          <el-table-column prop="name" label="自然人姓名/法人名称" min-width="200">
+            <template #default="scope">
+              <el-form-item
+                :prop="'party_info.' + scope.$index + '.name'"
+                :rules="formRules.opponentName"
+              >
+                <el-input v-model="scope.row.name" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column prop="idNumber" label="身份证号码/统一代码" min-width="250">
+            <template #default="scope">
+              <el-form-item
+                :prop="'party_info.' + scope.$index + '.idNumber'"
+                :rules="formRules.opponentIdNumber"
+              >
+                <el-input v-model="scope.row.idNumber" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="150" align="center">
+            <template #default="scope">
+              <el-button type="primary" size="small" @click="copyOpponent(scope.row)">
+                复制
+              </el-button>
+              <el-button type="danger" size="small" @click="deleteOpponent(scope.$index)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <el-form-item label="描述" prop="description">
+        <el-input
+          v-model="formData.description"
+          type="textarea"
+          placeholder="描述"
+          :rows="4"
+          style="width: 100%"
+        />
+      </el-form-item>
+
+      <el-form-item label="负责人" prop="responsiblefor">
+        <el-select v-model="formData.responsiblefor" placeholder="请选择负责人">
+          <el-option
+            v-for="item in UndertakerList"
+            :key="item.id"
+            :label="item.username"
+            :value="item.username"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="收费情况" prop="charge">
+        <el-input v-model="formData.charge" placeholder="请输入" />
+      </el-form-item>
+      <el-form-item label="合同" prop="AcademicResume">
+        <el-upload
+          class="avatar-uploader"
+          action="#"
+          :auto-upload="false"
+          :show-file-list="false"
+          :on-change="(file) => handleFileSelect(file, 'AcademicResume')"
+          :before-upload="handleBeforeUpload"
+        >
+          <div v-if="formData.AcademicResume" class="upload-preview">
+            <span>{{ formData.AcademicResume.name }}</span>
+            <el-button type="danger" size="small" @click.stop="removeFile('AcademicResume')">
+              删除
+            </el-button>
+          </div>
+          <el-button v-else size="small" type="primary">点击选择文件</el-button>
+        </el-upload>
+      </el-form-item>
+      <!-- 提交按钮 -->
+      <!--    <div class="form-actions">-->
+      <!--      <el-button type="primary" @click="handleSubmit">提交</el-button>-->
+      <!--      <el-button @click="handleSaveDraft">暂存</el-button>-->
+      <!--    </div>-->
+    </el-form>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Delete, Plus } from '@element-plus/icons-vue'
+import { UserPersonneldisplay } from '@/api/calibration/personnelManagement'
+import { ElMessage } from 'element-plus'
+
+const formRef = ref()
+// 表单数据
+const formData = reactive<any>({
+  type: '',
+  ContractNo: '',
+  times: '',
+  client_info: [{ index: 1, name: '', idNumber: '' }],
+  party_info: [{ index: 1, name: '', idNumber: '' }],
+  description: '',
+  responsiblefor: '',
+  charge: '',
+  contract: undefined
+})
+
+const UndertakerList = ref<any[]>([])
+
+// 选择的委托人
+const selectedClients = ref<any[]>([])
+// 选择的相对方
+const selectedOpponents = ref<any[]>([])
+
+const formRules = reactive<any>({
+  times: [{ required: true, message: '请选择预立案日期', trigger: 'change' }],
+  description: [{ required: true, message: '请填写项目简述/案由', trigger: 'blur' }],
+  responsiblefor: [{ required: true, message: '请选择承办人员', trigger: 'change' }],
+  clientName: [{ required: true, message: '请输入姓名/法人名称', trigger: 'blur' }],
+  clientIdNumber: [{ required: true, message: '请输入身份证号码/统一代码', trigger: 'blur' }],
+  opponentName: [{ required: true, message: '请输入姓名/法人名称', trigger: 'blur' }],
+  opponentIdNumber: [{ required: true, message: '请输入身份证号码/统一代码', trigger: 'blur' }]
+})
+
+// 处理委托人选择
+const handleClientSelectionChange = (selection: any[]) => {
+  selectedClients.value = selection
+}
+
+// 处理相对方选择
+const handleOpponentSelectionChange = (selection: any[]) => {
+  selectedOpponents.value = selection
+}
+
+// 新增委托人
+const addClient = () => {
+  const newIndex = formData.client_info.length + 1
+  formData.client_info.push({ index: newIndex, name: '', idNumber: '' })
+}
+
+// 删除委托人
+const deleteClient = (index: number) => {
+  if (formData.client_info.length > 1) {
+    formData.client_info.splice(index, 1)
+    // 更新序号
+    formData.client_info.forEach((client: any, idx: number) => {
+      client.index = idx + 1
+    })
+  } else if (formData.party_info.length === 0) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+  } else {
+    formData.client_info.splice(index, 1)
+  }
+}
+
+// 复制委托人
+const copyClient = (client: any) => {
+  const newIndex = formData.client_info.length + 1
+  formData.client_info.push({ ...client, index: newIndex })
+}
+
+// 批量删除委托人
+const batchDeleteClients = () => {
+  if (selectedClients.value.length === 0) {
+    ElMessage.warning('请选择要删除的委托人')
+    return
+  }
+
+  // 检查是否删除后还剩至少一个（或相对方存在）
+  if (
+    formData.client_info.length - selectedClients.value.length === 0 &&
+    formData.party_info.length === 0
+  ) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+    return
+  }
+
+  // 执行批量删除
+  formData.client_info = formData.client_info.filter(
+    (client: any) => !selectedClients.value.includes(client)
+  )
+  // 更新序号
+  formData.client_info.forEach((client: any, idx: number) => {
+    client.index = idx + 1
+  })
+  // 清空选择
+  selectedClients.value = []
+  ElMessage.success('批量删除成功')
+}
+
+// 新增相对方
+const addOpponent = () => {
+  const newIndex = formData.party_info.length + 1
+  formData.party_info.push({ index: newIndex, name: '', idNumber: '' })
+}
+
+// 删除相对方
+const deleteOpponent = (index: number) => {
+  if (formData.party_info.length > 1) {
+    formData.party_info.splice(index, 1)
+    // 更新序号
+    formData.party_info.forEach((opponent: any, idx: number) => {
+      opponent.index = idx + 1
+    })
+  } else if (formData.client_info.length === 0) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+  } else {
+    formData.party_info.splice(index, 1)
+  }
+}
+
+// 复制相对方
+const copyOpponent = (opponent: any) => {
+  const newIndex = formData.party_info.length + 1
+  formData.party_info.push({ ...opponent, index: newIndex })
+}
+
+function handleFileSelect(file: any, field: string): void {
+  // 将文件对象保存到表单数据中
+  formData[field] = file.raw // file.raw 是实际的 File 对象
+  console.log(formData[field])
+  formRef.value.clearValidate(field)
+  ElMessage.success('文件选择成功')
+}
+
+function handleBeforeUpload(file: File): boolean {
+  // 可以在这里添加文件类型和大小的校验
+  const isLt10M = file.size / 1024 / 1024 < 10
+  if (!isLt10M) {
+    ElMessage.error('上传文件大小不能超过 10MB!')
+    return false
+  }
+  return true
+}
+
+function removeFile(field: string): void {
+  formData[field] = undefined
+  ElMessage.success('文件已删除')
+}
+
+const DepartmentList = () => {
+  UserPersonneldisplay().then((res: any) => {
+    UndertakerList.value = res.data
+  })
+}
+
+onMounted(() => {
+  DepartmentList()
+})
+
+const getForm = () => {
+  return formData
+}
+
+const submit = (): Promise<boolean> => {
+  return new Promise((resolve, reject) => {
+    formRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        // 验证委托方和相对方至少存在一个
+        if (formData.client_info.length === 0 || formData.party_info.length === 0) {
+          ElMessage.error('委托方和相对方至少需要存在一个')
+          reject(false)
+          return
+        }
+        resolve(true)
+      } else {
+        ElMessage.error('请完善必填信息')
+        reject(false)
+      }
+    })
+  })
+}
+defineExpose({
+  submit,
+  getForm
+})
+</script>
+
+<style scoped lang="scss">
+.pre-registration-form {
+  width: 100%;
+  height: 600px;
+  padding-right: 20px;
+  overflow: hidden;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.3);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.5);
+  }
+}
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+</style>
diff --git a/src/views/calibration/businessSystem/conflictOfInterestSearch/index.vue b/src/views/calibration/businessSystem/conflictOfInterestSearch/index.vue
new file mode 100644
index 0000000..4894210
--- /dev/null
+++ b/src/views/calibration/businessSystem/conflictOfInterestSearch/index.vue
@@ -0,0 +1,540 @@
+<!-- 用户管理 -->
+<template>
+  <div class="app-container">
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="auto">
+        <el-form-item label="委托人信息" prop="keywords">
+          <el-input
+            v-model="queryParams.keywords"
+            placeholder="自然人姓名/身份证号码/法人机构名称/统一社会信用代码"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="相对方信息" prop="keywords">
+          <el-input
+            v-model="queryParams.keywords"
+            placeholder="自然人姓名/身份证号码/法人机构名称/统一社会信用代码"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item class="search-buttons">
+          <el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
+          <el-button icon="refresh" @click="handleResetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-button
+      type="primary"
+      icon="edit"
+      style="margin-bottom: 20px"
+      @click="handleOpenDialog('立项登记')"
+    >
+      立项登记
+    </el-button>
+    <el-button
+      type="success"
+      icon="Plus"
+      style="margin-bottom: 20px"
+      @click="handleOpenDialog('投标登记')"
+    >
+      投标登记
+    </el-button>
+    <el-card shadow="hover" class="data-table">
+      <el-table
+        v-loading="loading"
+        :data="pageData"
+        border
+        stripe
+        highlight-current-row
+        class="data-table__content"
+        row-key="id"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column label="案件名" prop="username" />
+        <el-table-column label="委托人姓名" width="150" align="center" prop="nickname" />
+        <el-table-column label="委托人身份证" width="120" align="center" prop="deptName" />
+        <el-table-column label="相对方姓名" width="150" align="center" prop="mobile" />
+        <el-table-column label="相对方身份证" align="center" prop="email" width="160" />
+        <el-table-column label="主办律师" align="center" prop="createTime" width="150" />
+        <el-table-column label="协办律师" align="center" prop="createTime" width="150" />
+        <el-table-column label="律师助理" align="center" prop="createTime" width="150" />
+        <el-table-column label="操作" align="center" width="220">
+          <template #default="scope">
+            <el-button
+              v-hasPerm="'sys:user:reset-password'"
+              type="primary"
+              icon="RefreshLeft"
+              size="small"
+              link
+              @click="handleResetPassword(scope.row)"
+            >
+              重置密码
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-if="total > 0"
+        v-model:total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="fetchUserList"
+      />
+    </el-card>
+    <!-- 用户表单 -->
+    <el-drawer
+      v-model="dialog.visible"
+      :title="dialog.title"
+      append-to-body
+      :size="drawerSize"
+      @close="handleCloseDialog"
+    >
+      <el-form
+        v-show="dialog.title === '立项登记'"
+        ref="userFormRef"
+        :model="formData"
+        :rules="rules"
+        label-width="80px"
+      >
+        <el-form-item label="用户名" prop="username">
+          <el-input
+            v-model="formData.username"
+            :readonly="!!formData.id"
+            placeholder="请输入用户名"
+          />
+        </el-form-item>
+
+        <el-form-item label="用户昵称" prop="nickname">
+          <el-input v-model="formData.nickname" placeholder="请输入用户昵称" />
+        </el-form-item>
+
+        <el-form-item label="所属部门" prop="deptId">
+          <el-tree-select
+            v-model="formData.deptId"
+            placeholder="请选择所属部门"
+            :data="deptOptions"
+            filterable
+            check-strictly
+            :render-after-expand="false"
+          />
+        </el-form-item>
+
+        <el-form-item label="性别" prop="gender">
+          <Dict v-model="formData.gender" code="gender" />
+        </el-form-item>
+
+        <el-form-item label="角色" prop="roleIds">
+          <el-select v-model="formData.roleIds" multiple placeholder="请选择">
+            <el-option
+              v-for="item in roleOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="手机号码" prop="mobile">
+          <el-input v-model="formData.mobile" placeholder="请输入手机号码" maxlength="11" />
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="formData.email" placeholder="请输入邮箱" maxlength="50" />
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-switch
+            v-model="formData.status"
+            inline-prompt
+            active-text="正常"
+            inactive-text="禁用"
+            :active-value="1"
+            :inactive-value="0"
+          />
+        </el-form-item>
+      </el-form>
+      <el-form
+        v-show="dialog.title === '投标登记'"
+        ref="userFormRef"
+        :model="formDataTender"
+        :rules="rulesTender"
+        label-width="80px"
+      >
+        <el-form-item label="案件名" prop="username">
+          <el-input
+            v-model="formData.username"
+            :readonly="!!formData.id"
+            placeholder="请输入案件名"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="handleSubmit">确 定</el-button>
+          <el-button @click="handleCloseDialog">取 消</el-button>
+        </div>
+      </template>
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+// ==================== 1. Vue 核心 API ====================
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+
+// ==================== 2. Element Plus ====================
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+// ==================== 3. 类型定义 ====================
+import type { UserForm, UserPageQuery, UserPageVO } from '@/api/system/user-api'
+// ==================== 4. API 服务 ====================
+import UserAPI from '@/api/system/user-api'
+
+// ==================== 5. Store ====================
+import { useAppStore } from '@/store/modules/app-store'
+// import { useUserStore } from '@/store';
+
+// ==================== 6. Enums ====================
+import { DeviceEnum } from '@/enums/settings/device-enum'
+
+// ==================== 7. Composables ====================
+import { useAiAction, useTableSelection } from '@/composables'
+import { functionDialogBox } from '@/utils/functionDialogBox'
+import BusinessProjectForm from './components/BusinessProjectForm.vue'
+
+// ==================== 8. 组件 ====================
+// import DeptTree from './components/DeptTree.vue';
+// import UserImport from './components/UserImport.vue';
+
+// ==================== 组件配置 ====================
+defineOptions({
+  name: 'SystemUser',
+  inheritAttrs: false
+})
+
+// ==================== Store 实例 ====================
+const appStore = useAppStore()
+// const userStore = useUserStore();
+
+// ==================== 响应式状态 ====================
+
+// DOM 引用
+const queryFormRef = ref()
+const userFormRef = ref()
+
+// 列表查询参数
+const queryParams = reactive<UserPageQuery>({
+  pageNum: 1,
+  pageSize: 10
+})
+
+// 列表数据
+const pageData = ref<UserPageVO[]>()
+const total = ref(0)
+const loading = ref(false)
+
+// 弹窗状态
+const dialog = reactive({
+  visible: false,
+  title: '新增用户'
+})
+
+// 表单数据
+const formData = reactive<UserForm>({
+  status: 1
+})
+
+// 登记表格数据
+const formDataTender = reactive<UserForm>({
+  status: 1
+})
+
+// 下拉选项数据
+const deptOptions = ref<OptionType[]>()
+const roleOptions = ref<OptionType[]>()
+
+// 导入弹窗
+// const importDialogVisible = ref(false);
+
+// ==================== 计算属性 ====================
+
+/**
+ * 抽屉尺寸（响应式）
+ */
+const drawerSize = computed(() => (appStore.device === DeviceEnum.DESKTOP ? '600px' : '90%'))
+
+// ==================== 表单验证规则 ====================
+
+const rules = reactive({
+  username: [
+    {
+      required: true,
+      message: '用户名不能为空',
+      trigger: 'blur'
+    }
+  ],
+  nickname: [
+    {
+      required: true,
+      message: '用户昵称不能为空',
+      trigger: 'blur'
+    }
+  ],
+  deptId: [
+    {
+      required: true,
+      message: '所属部门不能为空',
+      trigger: 'blur'
+    }
+  ],
+  roleIds: [
+    {
+      required: true,
+      message: '用户角色不能为空',
+      trigger: 'blur'
+    }
+  ],
+  email: [
+    {
+      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
+      message: '请输入正确的邮箱地址',
+      trigger: 'blur'
+    }
+  ],
+  mobile: [
+    {
+      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+      message: '请输入正确的手机号码',
+      trigger: 'blur'
+    }
+  ]
+})
+
+const rulesTender = reactive({
+  username: [
+    {
+      required: true,
+      message: '案件名不能为空',
+      trigger: 'blur'
+    }
+  ]
+})
+
+// ==================== 数据加载 ====================
+
+/**
+ * 获取用户列表数据
+ */
+async function fetchUserList(): Promise<void> {
+  loading.value = true
+  try {
+    const data = await UserAPI.getPage(queryParams)
+    pageData.value = data.list
+    total.value = data.total
+  } catch (error) {
+    ElMessage.error('获取用户列表失败')
+    console.error('获取用户列表失败:', error)
+  } finally {
+    loading.value = false
+  }
+}
+
+// ==================== 表格选择 ====================
+const { handleSelectionChange } = useTableSelection<UserPageVO>()
+
+// ==================== 查询操作 ====================
+
+/**
+ * 查询用户列表
+ */
+function handleQuery(): Promise<void> {
+  queryParams.pageNum = 1
+  return fetchUserList()
+}
+
+/**
+ * 重置查询条件
+ */
+function handleResetQuery(): void {
+  queryFormRef.value.resetFields()
+  queryParams.deptId = undefined
+  queryParams.createTime = undefined
+  handleQuery()
+}
+// ==================== 用户操作 ====================
+
+/**
+ * 重置用户密码
+ * @param row 用户数据
+ */
+function handleResetPassword(row: UserPageVO): void {
+  ElMessageBox.prompt(`请输入用户【${row.username}】的新密码`, '重置密码', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputPattern: /.{6,}/,
+    inputErrorMessage: '密码至少需要6位字符'
+  })
+    .then(({ value }) => {
+      return UserAPI.resetPassword(row.id, value)
+    })
+    .then(() => {
+      ElMessage.success('密码重置成功')
+    })
+    .catch((error) => {
+      if (error !== 'cancel') {
+        ElMessage.error('密码重置失败')
+      }
+    })
+}
+
+// ==================== 弹窗操作 ====================
+
+/**
+ * 打开用户表单弹窗
+ * @param id 用户ID（编辑时传入）
+ */
+async function handleOpenDialog(titleString: string, id?: string): Promise<void> {
+  // dialog.visible = true
+  // dialog.title = titleString
+  //
+  // // 并行加载下拉选项数据
+  // try {
+  //   ;[roleOptions.value, deptOptions.value] = await Promise.all([
+  //     RoleAPI.getOptions(),
+  //     DeptAPI.getOptions()
+  //   ])
+  // } catch (error) {
+  //   ElMessage.error('加载选项数据失败')
+  //   console.error('加载选项数据失败:', error)
+  // }
+  //
+  // // 编辑：加载用户数据
+  // if (id) {
+  //   try {
+  //     const data = await UserAPI.getFormData(id)
+  //     Object.assign(formData, data)
+  //   } catch (error) {
+  //     ElMessage.error('加载用户数据失败')
+  //     console.error('加载用户数据失败:', error)
+  //   }
+  // }
+  functionDialogBox(
+    BusinessProjectForm,
+    {},
+    {
+      title: '新增预立案登记',
+      width: '900',
+      ok(value: any) {
+        console.log('value', value)
+        handleSubmit(value)
+      }
+      // cancel() {
+      //   console.log("value");
+      // },
+    }
+  )
+}
+
+/**
+ * 关闭用户表单弹窗
+ */
+function handleCloseDialog(): void {
+  dialog.visible = false
+  userFormRef.value.resetFields()
+  userFormRef.value.clearValidate()
+
+  // 重置表单数据
+  formData.id = undefined
+  formData.status = 1
+}
+
+/**
+ * 提交用户表单（防抖）
+ */
+const handleSubmit = useDebounceFn(async (data: any) => {
+  const valid = await userFormRef.value.validate().catch(() => false)
+  if (!valid) return
+
+  const userId = data.id
+  loading.value = true
+
+  try {
+    if (userId) {
+      await UserAPI.update(userId, formData)
+      ElMessage.success('修改用户成功')
+    } else {
+      // await UserAPI.create(data)
+      console.log(data)
+      ElMessage.success('新增用户成功')
+    }
+    handleCloseDialog()
+    handleResetQuery()
+  } catch (error) {
+    ElMessage.error(userId ? '修改用户失败' : '新增用户失败')
+    console.error('提交用户表单失败:', error)
+  } finally {
+    loading.value = false
+  }
+}, 1000)
+
+// ==================== AI 助手相关 ====================
+useAiAction({
+  actionHandlers: {
+    /**
+     * AI 修改用户昵称
+     * 使用配置对象方式：自动处理确认、执行、反馈
+     */
+    updateUserNickname: {
+      needConfirm: true,
+      callBackendApi: true, // 自动调用后端 API
+      confirmMessage: (args: any) =>
+        `AI 助手将执行以下操作：<br/>
+        <strong>修改用户：</strong> ${args.username}<br/>
+        <strong>新昵称：</strong> ${args.nickname}<br/><br/>
+        确认执行吗？`,
+      successMessage: (args: any) => `已将用户 ${args.username} 的昵称修改为 ${args.nickname}`,
+      execute: async () => {
+        // callBackendApi=true 时，execute 可以为空
+        // Composable 会自动调用后端 API
+      }
+    },
+
+    /**
+     * AI 查询用户
+     * 使用配置对象方式：查询操作不需要确认
+     */
+    queryUser: {
+      needConfirm: false, // 查询操作无需确认
+      successMessage: (args: any) => `已搜索：${args.keywords}`,
+      execute: async (args: any) => {
+        queryParams.keywords = args.keywords
+        await handleQuery()
+      }
+    }
+  },
+  onRefresh: fetchUserList,
+  onAutoSearch: (keywords: string) => {
+    queryParams.keywords = keywords
+    setTimeout(() => {
+      handleQuery()
+      ElMessage.success(`AI 助手已为您自动搜索：${keywords}`)
+    }, 300)
+  }
+})
+
+// ==================== 生命周期 ====================
+
+/**
+ * 组件挂载时初始化数据
+ *
+ * 注意：这里会先加载列表数据，如果 URL 中有 AI 参数（如搜索关键字），
+ * useAiAction 会在 nextTick 中再次执行搜索，这是预期行为
+ */
+onMounted(() => {
+  handleQuery()
+})
+</script>
diff --git a/src/views/calibration/businessSystem/preRegistration/components/PreRegistrationForm.vue b/src/views/calibration/businessSystem/preRegistration/components/PreRegistrationForm.vue
new file mode 100644
index 0000000..f3a7aa3
--- /dev/null
+++ b/src/views/calibration/businessSystem/preRegistration/components/PreRegistrationForm.vue
@@ -0,0 +1,359 @@
+<template>
+  <div class="pre-registration-form">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="auto"
+      label-position="top"
+    >
+      <!-- 预立案日期 -->
+      <el-form-item label="预立案日期" prop="times">
+        <el-date-picker
+          v-model="formData.times"
+          type="date"
+          placeholder="请选择预立案日期"
+          format="YYYY-MM-DD"
+          value-format="YYYY-MM-DD"
+          style="width: 100%"
+        />
+      </el-form-item>
+
+      <!-- 委托人信息 -->
+      <div class="section">
+        <h2>委托人信息</h2>
+        <div class="table-actions">
+          <el-button type="primary" @click="addClient">
+            <el-icon><Plus /></el-icon>
+            新增一项
+          </el-button>
+          <el-button type="danger" @click="batchDeleteClients">
+            <el-icon><Delete /></el-icon>
+            批量删除
+          </el-button>
+        </div>
+        <el-table
+          :data="formData.client_username"
+          border
+          style="width: 100%"
+          class="client-table"
+          @selection-change="handleClientSelectionChange"
+        >
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="index" label="序号" width="80" align="center" />
+          <el-table-column prop="name" label="自然人姓名/法人名称" min-width="200">
+            <template #default="scope">
+              <el-form-item
+                :prop="'client_username.' + scope.$index + '.name'"
+                :rules="formRules.clientName"
+              >
+                <el-input v-model="scope.row.name" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column prop="idNumber" label="身份证号码/统一代码" min-width="250">
+            <template #default="scope">
+              <el-form-item
+                :prop="'client_username.' + scope.$index + '.idNumber'"
+                :rules="formRules.clientIdNumber"
+              >
+                <el-input v-model="scope.row.idNumber" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="150" align="center">
+            <template #default="scope">
+              <el-button type="primary" size="small" @click="copyClient(scope.row)">复制</el-button>
+              <el-button type="danger" size="small" @click="deleteClient(scope.$index)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 相对方信息 -->
+      <div class="section">
+        <h2>相对方信息</h2>
+        <div class="table-actions">
+          <el-button type="primary" @click="addOpponent">
+            <el-icon><Plus /></el-icon>
+            新增一项
+          </el-button>
+          <el-button type="danger">
+            <el-icon><Delete /></el-icon>
+            批量删除
+          </el-button>
+        </div>
+        <el-table
+          :data="formData.party_username"
+          border
+          style="width: 100%"
+          class="opponent-table"
+          @selection-change="handleOpponentSelectionChange"
+        >
+          <el-table-column type="selection" width="55" />
+          <el-table-column prop="index" label="序号" width="80" align="center" />
+          <el-table-column prop="name" label="自然人姓名/法人名称" min-width="200">
+            <template #default="scope">
+              <el-form-item
+                :prop="'party_username.' + scope.$index + '.name'"
+                :rules="formRules.opponentName"
+              >
+                <el-input v-model="scope.row.name" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column prop="idNumber" label="身份证号码/统一代码" min-width="250">
+            <template #default="scope">
+              <el-form-item
+                :prop="'party_username.' + scope.$index + '.idNumber'"
+                :rules="formRules.opponentIdNumber"
+              >
+                <el-input v-model="scope.row.idNumber" placeholder="请输入" style="width: 100%" />
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="150" align="center">
+            <template #default="scope">
+              <el-button type="primary" size="small" @click="copyOpponent(scope.row)">
+                复制
+              </el-button>
+              <el-button type="danger" size="small" @click="deleteOpponent(scope.$index)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 项目简述/案由 -->
+      <el-form-item label="项目简述/案由" prop="description">
+        <el-input
+          v-model="formData.description"
+          type="textarea"
+          placeholder="简要陈述项目情况"
+          :rows="4"
+          style="width: 100%"
+        />
+      </el-form-item>
+
+      <!-- 承办人员 -->
+      <el-form-item label="承办人员" prop="Undertaker">
+        <el-select v-model="formData.Undertaker" placeholder="请选择承办人员">
+          <el-option
+            v-for="item in UndertakerList"
+            :key="item.id"
+            :label="item.username"
+            :value="item.username"
+          />
+        </el-select>
+      </el-form-item>
+
+      <!-- 提交按钮 -->
+      <!--    <div class="form-actions">-->
+      <!--      <el-button type="primary" @click="handleSubmit">提交</el-button>-->
+      <!--      <el-button @click="handleSaveDraft">暂存</el-button>-->
+      <!--    </div>-->
+    </el-form>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Delete, Plus } from '@element-plus/icons-vue'
+import { UserPersonneldisplay } from '@/api/calibration/personnelManagement'
+
+const formRef = ref()
+// 表单数据
+const formData = reactive<any>({
+  times: '',
+  client_username: [{ index: 1, name: '', idNumber: '' }],
+  party_username: [{ index: 1, name: '', idNumber: '' }],
+  description: '',
+  Undertaker: ''
+})
+
+const UndertakerList = ref<any[]>([])
+
+// 选择的委托人
+const selectedClients = ref<any[]>([])
+// 选择的相对方
+const selectedOpponents = ref<any[]>([])
+
+const formRules = reactive<any>({
+  times: [{ required: true, message: '请选择预立案日期', trigger: 'change' }],
+  description: [{ required: true, message: '请填写项目简述/案由', trigger: 'blur' }],
+  Undertaker: [{ required: true, message: '请选择承办人员', trigger: 'change' }],
+  clientName: [{ required: true, message: '请输入姓名/法人名称', trigger: 'blur' }],
+  clientIdNumber: [{ required: true, message: '请输入身份证号码/统一代码', trigger: 'blur' }],
+  opponentName: [{ required: true, message: '请输入姓名/法人名称', trigger: 'blur' }],
+  opponentIdNumber: [{ required: true, message: '请输入身份证号码/统一代码', trigger: 'blur' }]
+})
+
+// 处理委托人选择
+const handleClientSelectionChange = (selection: any[]) => {
+  selectedClients.value = selection
+}
+
+// 处理相对方选择
+const handleOpponentSelectionChange = (selection: any[]) => {
+  selectedOpponents.value = selection
+}
+
+// 新增委托人
+const addClient = () => {
+  const newIndex = formData.client_username.length + 1
+  formData.client_username.push({ index: newIndex, name: '', idNumber: '' })
+}
+
+// 删除委托人
+const deleteClient = (index: number) => {
+  if (formData.client_username.length > 1) {
+    formData.client_username.splice(index, 1)
+    // 更新序号
+    formData.client_username.forEach((client: any, idx: number) => {
+      client.index = idx + 1
+    })
+  } else if (formData.party_username.length === 0) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+  } else {
+    formData.client_username.splice(index, 1)
+  }
+}
+
+// 复制委托人
+const copyClient = (client: any) => {
+  const newIndex = formData.client_username.length + 1
+  formData.client_username.push({ ...client, index: newIndex })
+}
+
+// 批量删除委托人
+const batchDeleteClients = () => {
+  if (selectedClients.value.length === 0) {
+    ElMessage.warning('请选择要删除的委托人')
+    return
+  }
+
+  // 检查是否删除后还剩至少一个（或相对方存在）
+  if (
+    formData.client_username.length - selectedClients.value.length === 0 &&
+    formData.party_username.length === 0
+  ) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+    return
+  }
+
+  // 执行批量删除
+  formData.client_username = formData.client_username.filter(
+    (client: any) => !selectedClients.value.includes(client)
+  )
+  // 更新序号
+  formData.client_username.forEach((client: any, idx: number) => {
+    client.index = idx + 1
+  })
+  // 清空选择
+  selectedClients.value = []
+  ElMessage.success('批量删除成功')
+}
+
+// 新增相对方
+const addOpponent = () => {
+  const newIndex = formData.party_username.length + 1
+  formData.party_username.push({ index: newIndex, name: '', idNumber: '' })
+}
+
+// 删除相对方
+const deleteOpponent = (index: number) => {
+  if (formData.party_username.length > 1) {
+    formData.party_username.splice(index, 1)
+    // 更新序号
+    formData.party_username.forEach((opponent: any, idx: number) => {
+      opponent.index = idx + 1
+    })
+  } else if (formData.client_username.length === 0) {
+    ElMessage.warning('委托方和相对方至少需要存在一个')
+  } else {
+    formData.party_username.splice(index, 1)
+  }
+}
+
+// 复制相对方
+const copyOpponent = (opponent: any) => {
+  const newIndex = formData.party_username.length + 1
+  formData.party_username.push({ ...opponent, index: newIndex })
+}
+
+// 暂存表单
+// const handleSaveDraft = () => {
+//   // 保存草稿逻辑
+//   console.log('暂存表单数据:', formData)
+//   ElMessage.success('表单暂存成功')
+// }
+const DepartmentList = () => {
+  UserPersonneldisplay().then((res: any) => {
+    UndertakerList.value = res.data
+  })
+}
+
+onMounted(() => {
+  DepartmentList()
+})
+
+const getForm = () => {
+  return formData
+}
+
+const submit = (): Promise<boolean> => {
+  return new Promise((resolve, reject) => {
+    formRef.value?.validate((valid: boolean) => {
+      if (valid) {
+        // 验证委托方和相对方至少存在一个
+        if (formData.client_username.length === 0 || formData.party_username.length === 0) {
+          ElMessage.error('委托方和相对方至少需要存在一个')
+          reject(false)
+          return
+        }
+        resolve(true)
+      } else {
+        ElMessage.error('请完善必填信息')
+        reject(false)
+      }
+    })
+  })
+}
+defineExpose({
+  submit,
+  getForm
+})
+</script>
+
+<style scoped lang="scss">
+.pre-registration-form {
+  width: 100%;
+  height: 600px;
+  padding-right: 20px;
+  overflow: hidden;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.3);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.5);
+  }
+}
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+</style>
diff --git a/src/views/calibration/businessSystem/preRegistration/index.vue b/src/views/calibration/businessSystem/preRegistration/index.vue
new file mode 100644
index 0000000..9a76132
--- /dev/null
+++ b/src/views/calibration/businessSystem/preRegistration/index.vue
@@ -0,0 +1,320 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索区域 -->
+    <div class="search-container">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+        <el-form-item prop="person" label="报销人">
+          <el-input
+            v-model="queryParams.person"
+            placeholder="请输入报销人"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="创建时间" prop="times">
+          <el-date-picker
+            v-model="queryParams.times"
+            type="daterange"
+            value-format="YYYY-MM-DD"
+            placeholder="请选择创建时间"
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          />
+        </el-form-item>
+        <el-form-item class="search-buttons">
+          <el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
+          <el-button icon="refresh" @click="handleResetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-card shadow="hover" class="data-table">
+      <div class="data-table__toolbar">
+        <div class="data-table__toolbar--actions">
+          <el-button type="success" icon="plus" @click="handleOpenDialog()">新增</el-button>
+          <el-button
+            type="danger"
+            :disabled="ids.length === 0"
+            icon="delete"
+            @click="handleDelete()"
+          >
+            删除
+          </el-button>
+        </div>
+      </div>
+      <el-table
+        ref="dataTableRef"
+        v-loading="loading"
+        :data="roleList"
+        highlight-current-row
+        border
+        class="data-table__content"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="委托人信息" prop="client_username">
+          <el-table-column v-slot="{ row }" prop="client_username" label="自然人姓名/法人名称">
+            {{
+              JSON.parse(row.client_username)
+                .map((item: any) => item.name)
+                .join('，')
+            }}
+          </el-table-column>
+          <el-table-column v-slot="{ row }" prop="client_username" label="身份证号码/统一代码">
+            {{
+              JSON.parse(row.client_username)
+                .map((item: any) => item.idNumber)
+                .join('，')
+            }}
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="相对方信息" prop="party_username">
+          <el-table-column v-slot="{ row }" prop="party_username" label="自然人姓名/法人名称">
+            {{
+              JSON.parse(row.party_username)
+                .map((item: any) => item.name)
+                .join('，')
+            }}
+          </el-table-column>
+          <el-table-column v-slot="{ row }" prop="party_username" label="身份证号码/统一代码">
+            {{
+              JSON.parse(row.party_username)
+                .map((item: any) => item.idNumber)
+                .join('，')
+            }}
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="承办人员" prop="Undertaker" />
+        <el-table-column label="描述" prop="description" />
+        <el-table-column label="时间" prop="times" />
+        <el-table-column fixed="right" label="操作" width="220">
+          <template #default="scope">
+            <el-button
+              type="primary"
+              size="small"
+              link
+              icon="edit"
+              @click="handleOpenDialog(scope.row.id)"
+            >
+              编辑
+            </el-button>
+            <el-button
+              type="danger"
+              size="small"
+              link
+              icon="delete"
+              @click="onUserDeleteDepartment(scope.row.id)"
+            >
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-if="total > 0"
+        v-model:total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="fetchData"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import RoleAPI, { RolePageVO } from '@/api/system/role-api'
+import { UserDeleteDepartment } from '@/api/calibration/department'
+import { UserPersonneldisplay } from '@/api/calibration/personnelManagement'
+import { functionDialogBox } from '@/utils/functionDialogBox'
+import PreRegistrationForm from './components/PreRegistrationForm.vue'
+import { BusinessRegister, BusinessRegisterdetail } from '@/api/calibration/preRegistration'
+
+defineOptions({
+  name: 'Role',
+  inheritAttrs: false
+})
+
+const queryFormRef = ref()
+const permTreeRef = ref()
+
+const loading = ref(false)
+const ids = ref<number[]>([])
+const total = ref(0)
+const personinchargeList = ref<any[]>([])
+
+const queryParams = reactive<any>({
+  pageNum: 1,
+  pageSize: 10,
+  times: [],
+  Undertaker: ''
+})
+
+// 角色表格数据
+const roleList = ref<RolePageVO[]>()
+
+// 弹窗
+const dialog = reactive({
+  title: '',
+  visible: false
+})
+
+const permKeywords = ref('')
+
+// 获取数据
+function fetchData() {
+  loading.value = true
+  BusinessRegisterdetail(queryParams)
+    .then((res: any) => {
+      roleList.value = res.data
+      total.value = res.total
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+// 查询（重置页码后获取数据）
+function handleQuery() {
+  queryParams.pageNum = 1
+  fetchData()
+}
+
+// 重置查询
+function handleResetQuery() {
+  if (queryFormRef.value) queryFormRef.value.resetFields()
+  queryParams.pageNum = 1
+  fetchData()
+}
+
+// 行复选框选中
+function handleSelectionChange(selection: any) {
+  ids.value = selection.map((item: any) => item.id)
+}
+
+// 打开角色弹窗
+function handleOpenDialog(roleId?: string) {
+  dialog.visible = true
+  if (roleId) {
+    functionDialogBox(
+      PreRegistrationForm,
+      {},
+      {
+        title: '编辑预立案登记',
+        width: '900',
+        ok(value: any) {
+          console.log('value', value)
+        }
+        // cancel() {
+        //   console.log("value");
+        // },
+      }
+    )
+  } else {
+    functionDialogBox(
+      PreRegistrationForm,
+      {},
+      {
+        title: '新增预立案登记',
+        width: '900',
+        ok(value: any) {
+          console.log('value', value)
+          handleSubmit(value)
+        }
+        // cancel() {
+        //   console.log("value");
+        // },
+      }
+    )
+  }
+}
+
+// 提交角色表单
+function handleSubmit(data: any) {
+  loading.value = true
+  const roleId = data.id
+  if (roleId) {
+    // RoleAPI.update(roleId, formData)
+    //   .then(() => {
+    //     ElMessage.success('修改成功')
+    //     handleCloseDialog()
+    //     handleResetQuery()
+    //   })
+    //   .finally(() => (loading.value = false))
+  } else {
+    BusinessRegister({
+      ...data,
+      client_username: JSON.stringify(data.client_username),
+      party_username: JSON.stringify(data.party_username)
+    })
+      .then(() => {
+        ElMessage.success('新增成功')
+        handleResetQuery()
+      })
+      .finally(() => (loading.value = false))
+  }
+}
+
+const onUserDeleteDepartment = (id: string) => {
+  ElMessageBox.confirm('确认删除已选中的数据项?', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(
+    () => {
+      loading.value = true
+      UserDeleteDepartment(id)
+        .then(() => {
+          ElMessage.success('删除成功')
+          handleResetQuery()
+        })
+        .finally(() => (loading.value = false))
+    },
+    () => {
+      ElMessage.info('已取消删除')
+    }
+  )
+}
+// 删除角色
+function handleDelete(roleId?: number) {
+  const roleIds = [roleId || ids.value].join(',')
+  if (!roleIds) {
+    ElMessage.warning('请勾选删除项')
+    return
+  }
+
+  ElMessageBox.confirm('确认删除已选中的数据项?', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(
+    () => {
+      loading.value = true
+      RoleAPI.deleteByIds(roleIds)
+        .then(() => {
+          ElMessage.success('删除成功')
+          handleResetQuery()
+        })
+        .finally(() => (loading.value = false))
+    },
+    () => {
+      ElMessage.info('已取消删除')
+    }
+  )
+}
+
+const DepartmentList = () => {
+  UserPersonneldisplay().then((res: any) => {
+    personinchargeList.value = res.data
+  })
+}
+// 权限筛选
+watch(permKeywords, (val) => {
+  permTreeRef.value!.filter(val)
+})
+
+onMounted(() => {
+  handleQuery()
+  DepartmentList()
+})
+</script>
diff --git a/vite.config.ts b/vite.config.ts
index fbada8c..0a5c5b8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,55 +1,55 @@
-import vue from "@vitejs/plugin-vue";
-import { type ConfigEnv, type UserConfig, loadEnv, defineConfig, type PluginOption } from "vite";
+import vue from '@vitejs/plugin-vue'
+import { type ConfigEnv, type UserConfig, loadEnv, defineConfig, type PluginOption } from 'vite'
 
-import AutoImport from "unplugin-auto-import/vite";
-import Components from "unplugin-vue-components/vite";
-import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
-import { mockDevServerPlugin } from "vite-plugin-mock-dev-server";
+import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 
-import UnoCSS from "unocss/vite";
-import { resolve } from "path";
-import { name, version, engines, dependencies, devDependencies } from "./package.json";
+import UnoCSS from 'unocss/vite'
+import { resolve } from 'path'
+import { name, version, engines, dependencies, devDependencies } from './package.json'
 
 // 平台的名称、版本、运行所需的 node 版本、依赖、构建时间的类型提示
 const __APP_INFO__ = {
   pkg: { name, version, engines, dependencies, devDependencies },
-  buildTimestamp: Date.now(),
-};
+  buildTimestamp: Date.now()
+}
 
-const pathSrc = resolve(__dirname, "src");
+const pathSrc = resolve(__dirname, 'src')
 
 // Vite配置  https://cn.vitejs.dev/config
 export default defineConfig(({ mode }: ConfigEnv) => {
-  const env = loadEnv(mode, process.cwd());
-  const isProduction = mode === "production";
+  const env = loadEnv(mode, process.cwd())
+  const isProduction = mode === 'production'
 
   return {
-    base: "./", // 设置为相对路径，支持直接打开index.html
+    base: './', // 设置为相对路径，支持直接打开index.html
     resolve: {
       alias: {
-        "@": pathSrc,
-      },
+        '@': pathSrc
+      }
     },
     css: {
       preprocessorOptions: {
         // 定义全局 SCSS 变量
         scss: {
-          additionalData: `@use "@/styles/variables.scss" as *;`,
-        },
-      },
+          additionalData: `@use "@/styles/variables.scss" as *;`
+        }
+      }
     },
     server: {
-      host: "0.0.0.0",
+      host: '0.0.0.0',
       port: +(env.VITE_APP_PORT as string),
       open: true,
       proxy: {
-        "/dev-api/api2": {
+        '/dev-api/api2': {
           changeOrigin: true,
-          target: "http://8.137.99.82:8006",
+          target: 'http://192.168.31.69:8006',
           rewrite: (path: string) => {
-            return path.replace(/^\/dev-api\/api2/, "");
-          },
+            return path.replace(/^\/dev-api\/api2/, '')
+          }
         },
         // 代理 /dev-api 的请求
         [env.VITE_APP_BASE_API as string]: {
@@ -57,163 +57,163 @@ export default defineConfig(({ mode }: ConfigEnv) => {
           // 代理目标地址：https://api.youlai.tech
           target: env.VITE_APP_API_URL as string,
           rewrite: (path: string) => {
-            return path.replace(new RegExp("^" + (env.VITE_APP_BASE_API as string)), "");
-          },
-        },
-      },
+            return path.replace(new RegExp('^' + (env.VITE_APP_BASE_API as string)), '')
+          }
+        }
+      }
     },
     plugins: [
       vue(),
-      ...(env.VITE_MOCK_DEV_SERVER === "true" ? [mockDevServerPlugin()] : []),
+      ...(env.VITE_MOCK_DEV_SERVER === 'true' ? [mockDevServerPlugin()] : []),
       UnoCSS(),
       // API 自动导入
       AutoImport({
         // 导入 Vue 函数，如：ref, reactive, toRef 等
-        imports: ["vue", "@vueuse/core", "pinia", "vue-router", "vue-i18n"],
+        imports: ['vue', '@vueuse/core', 'pinia', 'vue-router', 'vue-i18n'],
         resolvers: [
           // 导入 Element Plus函数，如：ElMessage, ElMessageBox 等
-          ElementPlusResolver({ importStyle: "sass" }),
+          ElementPlusResolver({ importStyle: 'sass' })
         ],
         eslintrc: {
           enabled: false,
-          filepath: "./.eslintrc-auto-import.json",
-          globalsPropValue: true,
+          filepath: './.eslintrc-auto-import.json',
+          globalsPropValue: true
         },
         vueTemplate: true,
         // 导入函数类型声明文件路径 (false:关闭自动生成)
-        dts: false,
+        dts: false
         // dts: "src/types/auto-imports.d.ts",
       }),
       // 组件自动导入
       Components({
         resolvers: [
           // 导入 Element Plus 组件
-          ElementPlusResolver({ importStyle: "sass" }),
+          ElementPlusResolver({ importStyle: 'sass' })
         ],
         // 指定自定义组件位置(默认:src/components)
-        dirs: ["src/components", "src/**/components"],
+        dirs: ['src/components', 'src/**/components'],
         // 导入组件类型声明文件路径 (false:关闭自动生成)
-        dts: false,
+        dts: false
         // dts: "src/types/components.d.ts",
-      }),
+      })
     ],
     // 预加载项目必需的组件
     optimizeDeps: {
       include: [
-        "vue",
-        "vue-router",
-        "element-plus",
-        "pinia",
-        "axios",
-        "@vueuse/core",
-        "codemirror-editor-vue3",
-        "default-passive-events",
-        "exceljs",
-        "path-to-regexp",
-        "echarts/core",
-        "echarts/renderers",
-        "echarts/charts",
-        "echarts/components",
-        "vue-i18n",
-        "nprogress",
-        "sortablejs",
-        "qs",
-        "path-browserify",
-        "@stomp/stompjs",
-        "@element-plus/icons-vue",
-        "element-plus/es",
-        "element-plus/es/locale/lang/en",
-        "element-plus/es/locale/lang/zh-cn",
-        "element-plus/es/components/alert/style/index",
-        "element-plus/es/components/avatar/style/index",
-        "element-plus/es/components/backtop/style/index",
-        "element-plus/es/components/badge/style/index",
-        "element-plus/es/components/base/style/index",
-        "element-plus/es/components/breadcrumb-item/style/index",
-        "element-plus/es/components/breadcrumb/style/index",
-        "element-plus/es/components/button/style/index",
-        "element-plus/es/components/card/style/index",
-        "element-plus/es/components/cascader/style/index",
-        "element-plus/es/components/checkbox-group/style/index",
-        "element-plus/es/components/checkbox/style/index",
-        "element-plus/es/components/col/style/index",
-        "element-plus/es/components/color-picker/style/index",
-        "element-plus/es/components/config-provider/style/index",
-        "element-plus/es/components/date-picker/style/index",
-        "element-plus/es/components/descriptions-item/style/index",
-        "element-plus/es/components/descriptions/style/index",
-        "element-plus/es/components/dialog/style/index",
-        "element-plus/es/components/divider/style/index",
-        "element-plus/es/components/drawer/style/index",
-        "element-plus/es/components/dropdown-item/style/index",
-        "element-plus/es/components/dropdown-menu/style/index",
-        "element-plus/es/components/dropdown/style/index",
-        "element-plus/es/components/empty/style/index",
-        "element-plus/es/components/form-item/style/index",
-        "element-plus/es/components/form/style/index",
-        "element-plus/es/components/icon/style/index",
-        "element-plus/es/components/image-viewer/style/index",
-        "element-plus/es/components/image/style/index",
-        "element-plus/es/components/input-number/style/index",
-        "element-plus/es/components/input-tag/style/index",
-        "element-plus/es/components/input/style/index",
-        "element-plus/es/components/link/style/index",
-        "element-plus/es/components/loading/style/index",
-        "element-plus/es/components/menu-item/style/index",
-        "element-plus/es/components/menu/style/index",
-        "element-plus/es/components/message-box/style/index",
-        "element-plus/es/components/message/style/index",
-        "element-plus/es/components/notification/style/index",
-        "element-plus/es/components/option/style/index",
-        "element-plus/es/components/pagination/style/index",
-        "element-plus/es/components/popover/style/index",
-        "element-plus/es/components/progress/style/index",
-        "element-plus/es/components/radio-button/style/index",
-        "element-plus/es/components/radio-group/style/index",
-        "element-plus/es/components/radio/style/index",
-        "element-plus/es/components/row/style/index",
-        "element-plus/es/components/scrollbar/style/index",
-        "element-plus/es/components/select/style/index",
-        "element-plus/es/components/skeleton-item/style/index",
-        "element-plus/es/components/skeleton/style/index",
-        "element-plus/es/components/step/style/index",
-        "element-plus/es/components/steps/style/index",
-        "element-plus/es/components/sub-menu/style/index",
-        "element-plus/es/components/switch/style/index",
-        "element-plus/es/components/tab-pane/style/index",
-        "element-plus/es/components/table-column/style/index",
-        "element-plus/es/components/table/style/index",
-        "element-plus/es/components/tabs/style/index",
-        "element-plus/es/components/tag/style/index",
-        "element-plus/es/components/text/style/index",
-        "element-plus/es/components/time-picker/style/index",
-        "element-plus/es/components/time-select/style/index",
-        "element-plus/es/components/timeline-item/style/index",
-        "element-plus/es/components/timeline/style/index",
-        "element-plus/es/components/tooltip/style/index",
-        "element-plus/es/components/tree-select/style/index",
-        "element-plus/es/components/tree/style/index",
-        "element-plus/es/components/upload/style/index",
-        "element-plus/es/components/watermark/style/index",
-        "element-plus/es/components/checkbox-button/style/index",
-        "element-plus/es/components/space/style/index",
-      ],
+        'vue',
+        'vue-router',
+        'element-plus',
+        'pinia',
+        'axios',
+        '@vueuse/core',
+        'codemirror-editor-vue3',
+        'default-passive-events',
+        'exceljs',
+        'path-to-regexp',
+        'echarts/core',
+        'echarts/renderers',
+        'echarts/charts',
+        'echarts/components',
+        'vue-i18n',
+        'nprogress',
+        'sortablejs',
+        'qs',
+        'path-browserify',
+        '@stomp/stompjs',
+        '@element-plus/icons-vue',
+        'element-plus/es',
+        'element-plus/es/locale/lang/en',
+        'element-plus/es/locale/lang/zh-cn',
+        'element-plus/es/components/alert/style/index',
+        'element-plus/es/components/avatar/style/index',
+        'element-plus/es/components/backtop/style/index',
+        'element-plus/es/components/badge/style/index',
+        'element-plus/es/components/base/style/index',
+        'element-plus/es/components/breadcrumb-item/style/index',
+        'element-plus/es/components/breadcrumb/style/index',
+        'element-plus/es/components/button/style/index',
+        'element-plus/es/components/card/style/index',
+        'element-plus/es/components/cascader/style/index',
+        'element-plus/es/components/checkbox-group/style/index',
+        'element-plus/es/components/checkbox/style/index',
+        'element-plus/es/components/col/style/index',
+        'element-plus/es/components/color-picker/style/index',
+        'element-plus/es/components/config-provider/style/index',
+        'element-plus/es/components/date-picker/style/index',
+        'element-plus/es/components/descriptions-item/style/index',
+        'element-plus/es/components/descriptions/style/index',
+        'element-plus/es/components/dialog/style/index',
+        'element-plus/es/components/divider/style/index',
+        'element-plus/es/components/drawer/style/index',
+        'element-plus/es/components/dropdown-item/style/index',
+        'element-plus/es/components/dropdown-menu/style/index',
+        'element-plus/es/components/dropdown/style/index',
+        'element-plus/es/components/empty/style/index',
+        'element-plus/es/components/form-item/style/index',
+        'element-plus/es/components/form/style/index',
+        'element-plus/es/components/icon/style/index',
+        'element-plus/es/components/image-viewer/style/index',
+        'element-plus/es/components/image/style/index',
+        'element-plus/es/components/input-number/style/index',
+        'element-plus/es/components/input-tag/style/index',
+        'element-plus/es/components/input/style/index',
+        'element-plus/es/components/link/style/index',
+        'element-plus/es/components/loading/style/index',
+        'element-plus/es/components/menu-item/style/index',
+        'element-plus/es/components/menu/style/index',
+        'element-plus/es/components/message-box/style/index',
+        'element-plus/es/components/message/style/index',
+        'element-plus/es/components/notification/style/index',
+        'element-plus/es/components/option/style/index',
+        'element-plus/es/components/pagination/style/index',
+        'element-plus/es/components/popover/style/index',
+        'element-plus/es/components/progress/style/index',
+        'element-plus/es/components/radio-button/style/index',
+        'element-plus/es/components/radio-group/style/index',
+        'element-plus/es/components/radio/style/index',
+        'element-plus/es/components/row/style/index',
+        'element-plus/es/components/scrollbar/style/index',
+        'element-plus/es/components/select/style/index',
+        'element-plus/es/components/skeleton-item/style/index',
+        'element-plus/es/components/skeleton/style/index',
+        'element-plus/es/components/step/style/index',
+        'element-plus/es/components/steps/style/index',
+        'element-plus/es/components/sub-menu/style/index',
+        'element-plus/es/components/switch/style/index',
+        'element-plus/es/components/tab-pane/style/index',
+        'element-plus/es/components/table-column/style/index',
+        'element-plus/es/components/table/style/index',
+        'element-plus/es/components/tabs/style/index',
+        'element-plus/es/components/tag/style/index',
+        'element-plus/es/components/text/style/index',
+        'element-plus/es/components/time-picker/style/index',
+        'element-plus/es/components/time-select/style/index',
+        'element-plus/es/components/timeline-item/style/index',
+        'element-plus/es/components/timeline/style/index',
+        'element-plus/es/components/tooltip/style/index',
+        'element-plus/es/components/tree-select/style/index',
+        'element-plus/es/components/tree/style/index',
+        'element-plus/es/components/upload/style/index',
+        'element-plus/es/components/watermark/style/index',
+        'element-plus/es/components/checkbox-button/style/index',
+        'element-plus/es/components/space/style/index'
+      ]
     },
     // 构建配置
     build: {
       chunkSizeWarningLimit: 2000, // 消除打包大小超过500kb警告
-      minify: isProduction ? ("terser" as const) : false, // 只在生产环境启用压缩
+      minify: isProduction ? ('terser' as const) : false, // 只在生产环境启用压缩
       terserOptions: isProduction
         ? {
             compress: {
               keep_infinity: true, // 防止 Infinity 被压缩成 1/0，这可能会导致 Chrome 上的性能问题
               drop_console: true, // 生产环境去除 console.log, console.warn, console.error 等
               drop_debugger: true, // 生产环境去除 debugger
-              pure_funcs: ["console.log", "console.info"], // 移除指定的函数调用
+              pure_funcs: ['console.log', 'console.info'] // 移除指定的函数调用
             },
             format: {
-              comments: false, // 删除注释
-            },
+              comments: false // 删除注释
+            }
           }
         : {},
       rollupOptions: {
@@ -222,28 +222,28 @@ export default defineConfig(({ mode }: ConfigEnv) => {
           //   "vue-i18n": ["vue-i18n"],
           // },
           // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值
-          entryFileNames: "js/[name].[hash].js",
+          entryFileNames: 'js/[name].[hash].js',
           // 用于命名代码拆分时创建的共享块的输出命名
-          chunkFileNames: "js/[name].[hash].js",
+          chunkFileNames: 'js/[name].[hash].js',
           // 用于输出静态资源的命名，[ext]表示文件扩展名
           assetFileNames: (assetInfo: any) => {
-            const info = assetInfo.name.split(".");
-            let extType = info[info.length - 1];
+            const info = assetInfo.name.split('.')
+            let extType = info[info.length - 1]
             // console.log('文件信息', assetInfo.name)
             if (/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i.test(assetInfo.name)) {
-              extType = "media";
+              extType = 'media'
             } else if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(assetInfo.name)) {
-              extType = "img";
+              extType = 'img'
             } else if (/\.(woff2?|eot|ttf|otf)(\?.*)?$/i.test(assetInfo.name)) {
-              extType = "fonts";
+              extType = 'fonts'
             }
-            return `${extType}/[name].[hash].[ext]`;
-          },
-        },
-      },
+            return `${extType}/[name].[hash].[ext]`
+          }
+        }
+      }
     },
     define: {
-      __APP_INFO__: JSON.stringify(__APP_INFO__),
-    },
-  };
-});
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    }
+  }
+})