diff --git a/.husky/commit-msg b/.husky/commit-msg
deleted file mode 100644
index 36158d9..0000000
--- a/.husky/commit-msg
+++ /dev/null
@@ -1 +0,0 @@
-npx --no-install commitlint --edit "$1"
\ No newline at end of file
diff --git a/.husky/commit-msg.bak b/.husky/commit-msg.bak
new file mode 100644
index 0000000..70bd3dd
--- /dev/null
+++ b/.husky/commit-msg.bak
@@ -0,0 +1 @@
+npx --no-install commitlint --edit "$1"
diff --git a/.husky/pre-commit b/.husky/pre-commit.bak
similarity index 100%
rename from .husky/pre-commit
rename to .husky/pre-commit.bak
diff --git a/src/api/agri/batch.ts b/src/api/agri/batch.ts
new file mode 100644
index 0000000..525f6d7
--- /dev/null
+++ b/src/api/agri/batch.ts
@@ -0,0 +1,24 @@
+import { http } from '@/http/http'
+
+export interface AgriBatchVO {
+  id: number
+  batchNo: string
+  plotId: number
+  plotName: string
+  cropId: number
+  cropName: string
+  farmerId: number
+  farmerName: string
+  varietyName: string
+  sowingDate?: string
+  transplantDate?: string
+  expectedHarvestDate?: string
+  actualHarvestDate?: string
+  status?: number
+  totalHarvestWeight?: number
+}
+
+/** 获取批次简单列表（用于下拉选择） */
+export function getBatchSimpleList() {
+  return http.get<AgriBatchVO[]>('/agri/batch/simple-list')
+}
diff --git a/src/api/agri/operation.ts b/src/api/agri/operation.ts
new file mode 100644
index 0000000..5ad6af8
--- /dev/null
+++ b/src/api/agri/operation.ts
@@ -0,0 +1,82 @@
+import type { PageParam, PageResult } from '@/http/types'
+import { http } from '@/http/http'
+
+/** 操作类型枚举 */
+export const OPERATION_TYPE_OPTIONS = [
+  { label: '播种', value: 0 },
+  { label: '浇水', value: 1 },
+  { label: '施肥', value: 2 },
+  { label: '除草', value: 3 },
+  { label: '打药', value: 4 },
+  { label: '其他', value: 5 },
+]
+
+/** 操作类型映射 */
+export const OPERATION_TYPE_MAP: Record<number, string> = {
+  0: '播种',
+  1: '浇水',
+  2: '施肥',
+  3: '除草',
+  4: '打药',
+  5: '其他',
+}
+
+export interface AgriOperationVO {
+  id: number
+  batchId: number
+  batchNo: string
+  cropName: string
+  operationType: number
+  operationDate: string
+  operatorName?: string
+  workContent?: string
+  imageUrls?: string
+  remark?: string
+  createTime?: string
+}
+
+export interface AgriOperationPageReqVO extends PageParam {
+  batchId?: number
+  operationType?: number
+}
+
+export interface AgriOperationFormReqVO {
+  id?: number
+  batchId: number
+  operationType: number
+  operationDate: string
+  operatorName?: string
+  workContent?: string
+  imageUrls?: string
+  remark?: string
+}
+
+/** 获取农事操作分页列表 */
+export function getOperationPage(params: AgriOperationPageReqVO) {
+  return http.get<PageResult<AgriOperationVO>>('/agri/operation/page', params)
+}
+
+/** 获取农事操作详情 */
+export function getOperation(id: number) {
+  return http.get<AgriOperationVO>(`/agri/operation/get?id=${id}`)
+}
+
+/** 创建农事操作 */
+export function createOperation(data: AgriOperationFormReqVO) {
+  return http.post<number>('/agri/operation/create', data)
+}
+
+/** 更新农事操作 */
+export function updateOperation(data: AgriOperationFormReqVO) {
+  return http.put<void>('/agri/operation/update', data)
+}
+
+/** 删除农事操作 */
+export function deleteOperation(id: number) {
+  return http.delete<void>(`/agri/operation/delete?id=${id}`)
+}
+
+/** 导出农事操作 */
+export function exportOperation(params: AgriOperationPageReqVO) {
+  return http.get<any>('/agri/operation/export', params, { responseType: 'blob' })
+}
diff --git a/src/pages-agri/operation/form/index.vue b/src/pages-agri/operation/form/index.vue
new file mode 100644
index 0000000..5822fa8
--- /dev/null
+++ b/src/pages-agri/operation/form/index.vue
@@ -0,0 +1,367 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      :title="pageTitle"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 表单区域 -->
+    <view class="pb-180rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group title="农事信息" border>
+          <!-- 批次选择 -->
+          <wd-cell title="批次" title-width="180rpx" center>
+            <wd-picker
+              v-model="formData.batchId"
+              :columns="batchColumns"
+              label=""
+              placeholder="请选择批次"
+              @confirm="onBatchConfirm"
+            />
+          </wd-cell>
+          <!-- 操作日期 -->
+          <wd-cell title="操作日期" title-width="180rpx" center>
+            <wd-datetime-picker
+              v-model="operationDateTimestamp"
+              type="date"
+              label=""
+              placeholder="请选择操作日期"
+            />
+          </wd-cell>
+          <!-- 操作类型 -->
+          <wd-cell title="操作类型" title-width="180rpx" center>
+            <wd-picker
+              v-model="formData.operationType"
+              :columns="typeColumns"
+              label=""
+              placeholder="请选择类型"
+              @confirm="onTypeConfirm"
+            />
+          </wd-cell>
+          <!-- 操作人 -->
+          <wd-input
+            v-model="formData.operatorName"
+            label="操作人"
+            label-width="180rpx"
+            placeholder="请输入操作人姓名"
+            clearable
+          />
+        </wd-cell-group>
+
+        <wd-cell-group title="工作详情" border>
+          <!-- 工作内容 -->
+          <wd-textarea
+            v-model="formData.workContent"
+            label="工作内容"
+            label-width="180rpx"
+            placeholder="请输入工作内容"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+          <!-- 备注 -->
+          <wd-textarea
+            v-model="formData.remark"
+            label="备注"
+            label-width="180rpx"
+            placeholder="请输入备注"
+            :maxlength="200"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+
+        <wd-cell-group title="图片上传" border>
+          <view class="px-24rpx py-16rpx">
+            <wd-upload
+              v-model:file-list="fileList"
+              :upload-method="customUpload"
+              accept="image"
+              multiple
+              :limit="9"
+              @change="onUploadChange"
+            />
+          </view>
+        </wd-cell-group>
+      </wd-form>
+    </view>
+
+    <!-- 底部保存按钮 -->
+    <view class="yd-detail-footer">
+      <wd-button
+        type="primary"
+        block
+        :loading="formLoading"
+        @click="handleSubmit"
+      >
+        保存
+      </wd-button>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import type { UploadFile, UploadMethod } from 'wot-design-uni/components/wd-upload/types'
+import { OPERATION_TYPE_MAP } from '@/api/agri/operation'
+import type { AgriBatchVO } from '@/api/agri/batch'
+import { computed, onMounted, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { getEnvBaseUrl, navigateBackPlus } from '@/utils'
+import {
+  createOperation,
+  getOperation,
+  updateOperation,
+} from '@/api/agri/operation'
+import { getBatchSimpleList } from '@/api/agri/batch'
+
+const props = defineProps<{
+  id?: number | string
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const toast = useToast()
+const pageTitle = computed(() => currentId.value ? '编辑农事记录' : '新增农事记录')
+const formLoading = ref(false)
+const formRef = ref<FormInstance>()
+const batchList = ref<AgriBatchVO[]>([])
+
+const currentId = computed<number | undefined>(() => {
+  if (props.id === undefined || props.id === null || props.id === '') {
+    return undefined
+  }
+  const parsedId = Number(props.id)
+  return Number.isFinite(parsedId) ? parsedId : undefined
+})
+
+function createDefaultFormData() {
+  return {
+    id: undefined as number | undefined,
+    batchId: undefined as number | undefined,
+    operationType: undefined as number | undefined,
+    operatorName: '',
+    workContent: '',
+    remark: '',
+  }
+}
+
+/** 操作日期（datetime-picker 绑定时间戳） */
+const operationDateTimestamp = ref<number>(Date.now())
+
+/** 表单数据 */
+const formData = ref(createDefaultFormData())
+
+/** 图片列表 */
+const fileList = ref<UploadFile[]>([])
+
+const formRules = {
+  batchId: [{ required: true, message: '请选择批次' }],
+  operationType: [{ required: true, message: '请选择操作类型' }],
+}
+
+/** 批次下拉列 */
+const batchColumns = computed(() =>
+  batchList.value
+    .filter(batch => batch?.id !== undefined && batch?.id !== null)
+    .map(batch => ({ value: batch.id, label: `${batch.batchNo} - ${batch.cropName}` })),
+)
+
+/** 操作类型下拉列 */
+const typeColumns = computed(() =>
+  Object.entries(OPERATION_TYPE_MAP).map(([value, label]) => ({ value: Number(value), label })),
+)
+
+function normalizePickerValue(value: unknown): number | undefined {
+  const rawValue = Array.isArray(value) ? value[0] : value
+  if (rawValue === undefined || rawValue === null || rawValue === '') {
+    return undefined
+  }
+  const normalizedValue = Number(rawValue)
+  return Number.isFinite(normalizedValue) ? normalizedValue : undefined
+}
+
+function normalizeDateTimestamp(value?: string) {
+  if (!value) {
+    return Date.now()
+  }
+  const timestamp = new Date(value).getTime()
+  return Number.isFinite(timestamp) ? timestamp : Date.now()
+}
+
+function buildUploadFileList(imageUrls?: string) {
+  if (!imageUrls) {
+    return []
+  }
+  return imageUrls
+    .split(',')
+    .map(url => url.trim())
+    .filter(Boolean)
+    .map((url, index) => ({
+      status: 'success' as const,
+      url,
+      uid: String(index),
+      isImage: true,
+      response: JSON.stringify({ data: url }),
+    }))
+}
+
+/** 批次选择回调 */
+function onBatchConfirm({ value }: { value: unknown }) {
+  formData.value.batchId = normalizePickerValue(value)
+}
+
+/** 操作类型选择回调 */
+function onTypeConfirm({ value }: { value: unknown }) {
+  formData.value.operationType = normalizePickerValue(value)
+}
+
+/** 自定义上传方法 */
+const customUpload: UploadMethod = (file, formData, options) => {
+  const uploadTask = uni.uploadFile({
+    url: `${getEnvBaseUrl()}/infra/file/upload`,
+    header: options.header,
+    name: options.name,
+    fileType: options.fileType,
+    formData,
+    filePath: file.url,
+    success(res) {
+      if (res.statusCode === options.statusCode) {
+        options.onSuccess(res, file, formData)
+      } else {
+        options.onError({ ...res, errMsg: res.errMsg || '' }, file, formData)
+      }
+    },
+    fail(err) {
+      options.onError(err, file, formData)
+    },
+  })
+  uploadTask.onProgressUpdate((res) => {
+    options.onProgress(res, file)
+  })
+}
+
+/** 上传变化回调 */
+function onUploadChange({ fileList: currentFileList }: { fileList: UploadFile[] }) {
+  fileList.value = currentFileList || []
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus('/pages-agri/operation/index')
+}
+
+/** 加载批次列表 */
+async function loadBatchList() {
+  try {
+    const result = await getBatchSimpleList()
+    batchList.value = Array.isArray(result) ? result : []
+  } catch {
+    batchList.value = []
+  }
+}
+
+/** 加载详情 */
+async function getDetail() {
+  if (!currentId.value) return
+  try {
+    toast.loading('加载中...')
+    const data = await getOperation(currentId.value)
+    const defaultFormData = createDefaultFormData()
+    const normalizedBatchId = normalizePickerValue(data?.batchId)
+    const normalizedOperationType = normalizePickerValue(data?.operationType)
+
+    formData.value = {
+      ...defaultFormData,
+      ...data,
+      id: data?.id ?? currentId.value,
+      batchId: batchColumns.value.some(item => item.value === normalizedBatchId) ? normalizedBatchId : undefined,
+      operationType: typeColumns.value.some(item => item.value === normalizedOperationType) ? normalizedOperationType : undefined,
+      operatorName: data?.operatorName || '',
+      workContent: data?.workContent || '',
+      remark: data?.remark || '',
+    }
+
+    operationDateTimestamp.value = normalizeDateTimestamp(data?.operationDate)
+    fileList.value = buildUploadFileList(data?.imageUrls)
+  } finally {
+    toast.close()
+  }
+}
+
+/** 构建提交数据 */
+function buildSubmitData() {
+  const submitData: Record<string, any> = {
+    id: formData.value.id,
+    batchId: formData.value.batchId,
+    operationType: formData.value.operationType,
+    operatorName: formData.value.operatorName || '',
+    workContent: formData.value.workContent || '',
+    remark: formData.value.remark || '',
+  }
+  if (operationDateTimestamp.value) {
+    const date = new Date(operationDateTimestamp.value)
+    if (!Number.isNaN(date.getTime())) {
+      submitData.operationDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
+    }
+  }
+  submitData.imageUrls = fileList.value
+    .filter(file => file.status === 'success')
+    .map((file) => {
+      if (file.response) {
+        try {
+          const res = typeof file.response === 'string' ? JSON.parse(file.response) : file.response
+          return res?.data || file.url
+        } catch {
+          return file.url
+        }
+      }
+      return file.url
+    })
+    .filter(Boolean)
+    .join(',')
+  return submitData
+}
+
+/** 提交表单 */
+async function handleSubmit() {
+  const { valid } = await formRef.value!.validate()
+  if (!valid) return
+
+  formLoading.value = true
+  try {
+    const submitData = buildSubmitData()
+    if (currentId.value) {
+      await updateOperation(submitData)
+      toast.success('修改成功')
+    } else {
+      await createOperation(submitData)
+      toast.success('新增成功')
+    }
+    setTimeout(() => {
+      handleBack()
+    }, 500)
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 初始化 */
+onMounted(async () => {
+  formData.value = createDefaultFormData()
+  fileList.value = []
+  operationDateTimestamp.value = Date.now()
+  await loadBatchList()
+  await getDetail()
+})
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/pages-agri/operation/index.vue b/src/pages-agri/operation/index.vue
new file mode 100644
index 0000000..9bd7768
--- /dev/null
+++ b/src/pages-agri/operation/index.vue
@@ -0,0 +1,468 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="农事操作记录"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 搜索区域 -->
+    <view class="px-24rpx pt-24rpx">
+      <view class="flex items-center">
+        <view class="flex-1" @click="searchVisible = true">
+          <wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
+        </view>
+      </view>
+    </view>
+
+    <!-- 操作类型快速筛选 -->
+    <view class="flex items-center overflow-hidden rounded-12rpx bg-white mx-24rpx mb-16rpx shadow-sm">
+      <view
+        v-for="tab in typeTabs"
+        :key="tab.value"
+        class="flex-1 py-20rpx text-center text-26rpx relative"
+        :class="activeType === tab.value ? 'text-[#018d71] font-semibold' : 'text-[#666]'"
+        @click="handleQuickFilter(tab.value)"
+      >
+        {{ tab.label }}
+        <view
+          v-if="activeType === tab.value"
+          class="absolute bottom-0 left-1/4 w-1/2 h-4rpx rounded-2rpx bg-[#018d71]"
+        />
+      </view>
+    </view>
+
+    <!-- 农事记录列表 -->
+    <view class="px-24rpx pb-24rpx">
+      <view
+        v-for="item in list"
+        :key="item.id"
+        class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
+        @click="handleCardClick(item)"
+      >
+        <view class="p-24rpx">
+          <!-- 头部：批次号 + 类型标签 -->
+          <view class="mb-16rpx flex items-center justify-between">
+            <view class="text-30rpx text-[#333] font-semibold">
+              {{ item.batchNo || '-' }}
+            </view>
+            <view class="rounded-8rpx px-16rpx py-4rpx text-24rpx bg-[#e8f7f4] text-[#018d71]">
+              {{ getTypeLabel(item.operationType) }}
+            </view>
+          </view>
+          <!-- 作物 -->
+          <view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
+            <text class="text-[#999]">作物</text>
+            <text>{{ item.cropName || '-' }}</text>
+          </view>
+          <!-- 操作日期 -->
+          <view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
+            <text class="text-[#999]">操作日期</text>
+            <text>{{ formatDate(item.operationDate) }}</text>
+          </view>
+          <!-- 操作人 -->
+          <view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
+            <text class="text-[#999]">操作人</text>
+            <text>{{ item.operatorName || '-' }}</text>
+          </view>
+          <!-- 工作内容 -->
+          <view class="mb-12rpx flex items-start justify-between text-26rpx text-[#666]">
+            <text class="text-[#999] shrink-0">工作内容</text>
+            <text class="text-[#333] text-right line-clamp-2 ml-16rpx" style="max-width: 500rpx;">{{ item.workContent || '-' }}</text>
+          </view>
+          <!-- 图片预览 -->
+          <view v-if="item.imageUrls" class="flex flex-wrap mt-12rpx gap-8rpx">
+            <image
+              v-for="(url, idx) in getImageList(item.imageUrls)"
+              :key="idx"
+              :src="url"
+              mode="aspectFill"
+              class="image-thumb"
+              @click.stop="previewImage(item.imageUrls, idx)"
+            />
+          </view>
+          <!-- 备注 -->
+          <view v-if="item.remark" class="mt-12rpx text-24rpx text-[#909399]">
+            备注：{{ item.remark }}
+          </view>
+        </view>
+        <!-- 操作按钮 -->
+        <view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
+          <wd-button size="small" type="primary" plain @click="handleDetail(item)">
+            详情
+          </wd-button>
+          <wd-button size="small" type="info" plain @click="handleEdit(item)">
+            编辑
+          </wd-button>
+          <wd-button size="small" type="error" plain @click="handleDelete(item)">
+            删除
+          </wd-button>
+        </view>
+      </view>
+
+      <!-- 空状态 -->
+      <view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
+        <wd-status-tip image="content" tip="暂无农事记录" />
+      </view>
+
+      <!-- 加载更多 -->
+      <wd-loadmore
+        v-if="list.length > 0"
+        :state="loadMoreState"
+        @reload="loadMore"
+      />
+    </view>
+
+    <!-- 新增按钮 -->
+    <wd-fab
+      position="right-bottom"
+      type="primary"
+      :expandable="false"
+      @click="handleAdd"
+    />
+
+    <!-- 搜索弹窗 -->
+    <wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
+      <view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
+        <view class="yd-search-form-item">
+          <view class="yd-search-form-label">批次</view>
+          <wd-picker
+            v-model="searchForm.batchId"
+            :columns="batchColumns"
+            label=""
+            placeholder="请选择批次"
+            @confirm="onBatchConfirm"
+          />
+        </view>
+        <view class="yd-search-form-item">
+          <view class="yd-search-form-label">操作类型</view>
+          <wd-picker
+            v-model="searchForm.operationType"
+            :columns="typeColumns"
+            label=""
+            placeholder="请选择类型"
+            @confirm="onTypeConfirm"
+          />
+        </view>
+        <view class="yd-search-form-actions">
+          <wd-button class="flex-1" plain @click="handleReset">重置</wd-button>
+          <wd-button class="flex-1" type="primary" @click="handleSearch">搜索</wd-button>
+        </view>
+      </view>
+    </wd-popup>
+
+    <!-- 详情弹窗 -->
+    <wd-popup v-model="detailVisible" position="bottom" custom-style="height: 70%;">
+      <view class="p-24rpx">
+        <view class="text-32rpx text-[#333] font-semibold mb-24rpx">记录详情</view>
+        <view v-if="currentItem" class="text-26rpx text-[#666]">
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">批次号</text><text>{{ currentItem.batchNo || '-' }}</text></view>
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">作物</text><text>{{ currentItem.cropName || '-' }}</text></view>
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">操作类型</text><text>{{ getTypeLabel(currentItem.operationType) }}</text></view>
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">操作日期</text><text>{{ formatDate(currentItem.operationDate) }}</text></view>
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">操作人</text><text>{{ currentItem.operatorName || '-' }}</text></view>
+          <view class="mb-16rpx flex"><text class="text-[#999] w-160rpx">工作内容</text><text class="flex-1 break-all">{{ currentItem.workContent || '-' }}</text></view>
+          <view v-if="currentItem.imageUrls" class="mb-16rpx">
+            <text class="text-[#999]">图片</text>
+            <view class="flex flex-wrap mt-8rpx gap-8rpx">
+              <image
+                v-for="(url, idx) in getImageList(currentItem.imageUrls)"
+                :key="idx"
+                :src="url"
+                mode="aspectFill"
+                class="image-thumb-lg"
+                @click="previewImage(currentItem.imageUrls, idx)"
+              />
+            </view>
+          </view>
+          <view v-if="currentItem.remark" class="mb-16rpx flex"><text class="text-[#999] w-160rpx">备注</text><text class="flex-1">{{ currentItem.remark }}</text></view>
+        </view>
+        <wd-button type="primary" block class="mt-32rpx" @click="detailVisible = false">关闭</wd-button>
+      </view>
+    </wd-popup>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { AgriOperationVO } from '@/api/agri/operation'
+import type { AgriBatchVO } from '@/api/agri/batch'
+import type { LoadMoreState } from '@/http/types'
+import { OPERATION_TYPE_MAP } from '@/api/agri/operation'
+import { onReachBottom } from '@dcloudio/uni-app'
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { getNavbarHeight, navigateBackPlus } from '@/utils'
+import {
+  deleteOperation,
+  getOperationPage,
+} from '@/api/agri/operation'
+import { getBatchSimpleList } from '@/api/agri/batch'
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const toast = useToast()
+const total = ref(0)
+const list = ref<AgriOperationVO[]>([])
+const loadMoreState = ref<LoadMoreState>('loading')
+const batchList = ref<AgriBatchVO[]>([])
+const queryParams = ref<Record<string, any>>({
+  pageNo: 1,
+  pageSize: 10,
+})
+
+// 搜索相关
+const searchVisible = ref(false)
+const searchForm = reactive({
+  batchId: undefined as number | undefined,
+  batchIdLabel: '',
+  operationType: undefined as number | undefined,
+  operationTypeLabel: '',
+})
+
+// 详情弹窗
+const detailVisible = ref(false)
+const currentItem = ref<AgriOperationVO | null>(null)
+
+// 操作类型快速筛选
+const activeType = ref<number | undefined>(undefined)
+const typeTabs = computed(() => [
+  { label: '全部', value: undefined },
+  ...Object.entries(OPERATION_TYPE_MAP).map(([value, label]) => ({
+    label,
+    value: Number(value),
+  })),
+])
+
+/** 批次下拉列 */
+const batchColumns = computed(() =>
+  batchList.value.map(b => ({ value: b.id, label: `${b.batchNo} - ${b.cropName}` })),
+)
+
+/** 操作类型下拉列 */
+const typeColumns = computed(() =>
+  Object.entries(OPERATION_TYPE_MAP).map(([value, label]) => ({ value: Number(value), label })),
+)
+
+/** 搜索条件 placeholder */
+const searchPlaceholder = computed(() => {
+  const conditions: string[] = []
+  if (searchForm.batchIdLabel) conditions.push(`批次:${searchForm.batchIdLabel}`)
+  if (searchForm.operationTypeLabel) conditions.push(`类型:${searchForm.operationTypeLabel}`)
+  return conditions.length > 0 ? conditions.join(' | ') : '搜索农事记录'
+})
+
+/** 格式化日期 */
+function formatDate(date?: string | number | Date) {
+  if (!date) return '-'
+  if (typeof date === 'number') {
+    const d = new Date(date)
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+  }
+  if (typeof date === 'object' && date instanceof Date) {
+    return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
+  }
+  return String(date).substring(0, 10)
+}
+
+/** 获取操作类型标签 */
+function getTypeLabel(type?: number) {
+  if (type === undefined || type === null) return '-'
+  return OPERATION_TYPE_MAP[type] || '-'
+}
+
+/** 获取图片列表 */
+function getImageList(imageUrls?: string) {
+  if (!imageUrls) return []
+  return imageUrls.split(',').filter(u => u.trim())
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus()
+}
+
+/** 加载批次列表 */
+async function loadBatchList() {
+  try {
+    batchList.value = await getBatchSimpleList()
+  } catch {
+    // ignore
+  }
+}
+
+/** 查询列表 */
+async function getList() {
+  loadMoreState.value = 'loading'
+  try {
+    const params: Record<string, any> = { ...queryParams.value }
+    if (searchForm.batchId) params.batchId = searchForm.batchId
+    if (searchForm.operationType !== undefined && searchForm.operationType !== null) {
+      params.operationType = searchForm.operationType
+    }
+    const data = await getOperationPage(params)
+    list.value = [...list.value, ...data.list]
+    total.value = data.total
+    loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
+  } catch {
+    queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
+    loadMoreState.value = 'error'
+  }
+}
+
+/** 操作类型快速筛选 */
+function handleQuickFilter(type?: number) {
+  activeType.value = type
+  if (type !== undefined) {
+    queryParams.value.operationType = type
+  } else {
+    delete queryParams.value.operationType
+  }
+  queryParams.value.pageNo = 1
+  list.value = []
+  getList()
+}
+
+/** 搜索 */
+function handleSearch() {
+  searchVisible.value = false
+  queryParams.value = {
+    pageNo: 1,
+    pageSize: queryParams.value.pageSize,
+  }
+  list.value = []
+  getList()
+}
+
+/** 重置 */
+function handleReset() {
+  activeType.value = undefined
+  searchForm.batchId = undefined
+  searchForm.batchIdLabel = ''
+  searchForm.operationType = undefined
+  searchForm.operationTypeLabel = ''
+  searchVisible.value = false
+  queryParams.value = { pageNo: 1, pageSize: 10 }
+  list.value = []
+  getList()
+}
+
+/** 批次选择回调 */
+function onBatchConfirm({ value }: any) {
+  searchForm.batchId = value?.[0] || undefined
+  searchForm.batchIdLabel = value?.[0]
+    ? (batchList.value.find(b => b.id === value[0])?.batchNo || '')
+    : ''
+}
+
+/** 操作类型选择回调 */
+function onTypeConfirm({ value }: any) {
+  searchForm.operationType = value?.[0] ?? undefined
+  searchForm.operationTypeLabel = value?.[0] !== undefined
+    ? OPERATION_TYPE_MAP[value[0]] || ''
+    : ''
+}
+
+/** 卡片点击 — 打开详情 */
+function handleCardClick(item: AgriOperationVO) {
+  handleDetail(item)
+}
+
+/** 详情 */
+function handleDetail(item: AgriOperationVO) {
+  currentItem.value = item
+  detailVisible.value = true
+}
+
+/** 新增 */
+function handleAdd() {
+  uni.navigateTo({
+    url: '/pages-agri/operation/form/index',
+    fail: (err) => {
+      console.error('[DEBUG] navigateTo handleAdd failed:', err)
+      uni.showToast({ title: '页面跳转失败', icon: 'none' })
+    },
+  })
+}
+
+/** 编辑 */
+function handleEdit(item: AgriOperationVO) {
+  if (!item?.id) {
+    toast.show('当前记录缺少 ID')
+    return
+  }
+  uni.navigateTo({
+    url: `/pages-agri/operation/form/index?id=${item.id}`,
+  })
+}
+
+/** 删除 */
+function handleDelete(item: AgriOperationVO) {
+  uni.showModal({
+    title: '提示',
+    content: '确定删除该农事记录？',
+    confirmColor: '#f5222d',
+    success: async (res) => {
+      if (!res.confirm) return
+      try {
+        uni.showLoading({ title: '删除中...' })
+        await deleteOperation(item.id)
+        toast.success('删除成功')
+        list.value = []
+        queryParams.value = { pageNo: 1, pageSize: 10 }
+        getList()
+      } catch {
+        toast.show('删除失败')
+      } finally {
+        uni.hideLoading()
+      }
+    },
+  })
+}
+
+/** 加载更多 */
+function loadMore() {
+  if (loadMoreState.value === 'finished') return
+  queryParams.value.pageNo++
+  getList()
+}
+
+/** 触底加载更多 */
+onReachBottom(() => {
+  loadMore()
+})
+
+/** 图片预览 */
+function previewImage(imageUrls: string, index: number) {
+  const urls = getImageList(imageUrls)
+  uni.previewImage({
+    urls,
+    current: index,
+  })
+}
+
+/** 初始化 */
+onMounted(() => {
+  loadBatchList()
+  getList()
+})
+</script>
+
+<style lang="scss" scoped>
+.image-thumb {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 8rpx;
+}
+
+.image-thumb-lg {
+  width: 140rpx;
+  height: 140rpx;
+  border-radius: 8rpx;
+}
+</style>
diff --git a/src/pages/index/index.ts b/src/pages/index/index.ts
index 3fd5f5c..664bcd6 100644
--- a/src/pages/index/index.ts
+++ b/src/pages/index/index.ts
@@ -100,6 +100,14 @@ const menuGroupsData: MenuGroup[] = [
         iconColor: '#52c41a',
         permission: 'agri:biz:harvest',
       },
+      {
+        key: 'agriOperation',
+        name: '农事记录',
+        icon: 'note',
+        url: '/pages-agri/operation/index',
+        iconColor: '#fa8c16',
+        permission: 'agri:operation:query',
+      },
       {
         key: 'agriTraceSnapshot',
         name: '溯源快照',