diff --git a/src/api/contractManage/contract.js b/src/api/contractManage/contract.js
new file mode 100644
index 0000000..15c2043
--- /dev/null
+++ b/src/api/contractManage/contract.js
@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+
+// 合同管理 - 查询列表
+export function listContractAPI(query) {
+    return request({
+        url: '/contract/getContractList',
+        method: 'GET',
+        params: query,
+    })
+}
+
+// 合同管理 - 新增
+export function addContractAPI(data) {
+    return request({
+        url: '/contract/addContract',
+        method: 'POST',
+        data,
+    })
+}
+
+// 合同管理 - 修改
+export function updateContractAPI(data) {
+    return request({
+        url: '/contract/updateContract',
+        method: 'POST',
+        data,
+    })
+}
+
+// 合同管理 - 删除
+export function delContractAPI(data) {
+    return request({
+        url: '/contract/delContract',
+        method: 'POST',
+        data,
+    })
+}
+
diff --git a/src/api/settlementManage/settlement.js b/src/api/settlementManage/settlement.js
new file mode 100644
index 0000000..885731e
--- /dev/null
+++ b/src/api/settlementManage/settlement.js
@@ -0,0 +1,77 @@
+import request from '@/utils/request'
+
+// 结算管理 - 查询列表
+export function listSettlementAPI(query) {
+    return request({
+        url: '/settlement/getSettlementList',
+        method: 'GET',
+        params: query,
+    })
+}
+
+// 结算管理 - 查询详情
+export function getSettlementDetailAPI(settlementId) {
+    return request({
+        url: `/settlement/getSettlementDetail`,
+        method: 'GET',
+        params: {
+            settlementId,
+        },
+    })
+}
+
+// 结算管理 - 新增
+export function addSettlementAPI(data) {
+    return request({
+        url: '/settlement/addSettlement',
+        method: 'POST',
+        data,
+    })
+}
+
+// 结算管理 - 修改
+export function updateSettlementAPI(data) {
+    return request({
+        url: '/settlement/updateSettlement',
+        method: 'POST',
+        data,
+    })
+}
+
+// 结算管理 - 删除
+export function delSettlementAPI(data) {
+    return request({
+        url: '/settlement/delSettlement',
+        method: 'POST',
+        data,
+    })
+}
+
+// 结算管理 - 获取合同下拉列表
+export function getContractSelectAPI(query) {
+    return request({
+        url: '/contract/getContractListAll',
+        method: 'GET',
+        params: query,
+    })
+}
+
+// 结算管理 - 获取计划列表（用于选择计划弹框）
+export function getPlanListForSelectAPI(query) {
+    return request({
+        url: '/settlement/getMonthPlanSelect',
+        method: 'GET',
+        params: query,
+    })
+}
+
+// 结算管理 - 下载统计表
+export function downloadSettlementStatisticAPI(query) {
+    return request({
+        url: '/settlement/downloadStatistic',
+        method: 'GET',
+        params: query,
+        responseType: 'blob',
+    })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index f40e626..b7b75c6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -117,6 +117,22 @@ export const constantRoutes = [
             },
         ],
     },
+    {
+        path: '/settlement/settlementEdit',
+        component: Layout,
+        hidden: true,
+        children: [
+            {
+                path: 'index',
+                component: () => import('@/views/settlementManage/edit.vue'),
+                name: 'SettlementEdit',
+                meta: {
+                    title: '结算管理',
+                    activeMenu: '/settlement', // 保持左侧高亮在列表菜单
+                },
+            },
+        ],
+    },
 ]
 
 // 动态路由，基于用户权限动态去加载
diff --git a/src/views/contractManage/components/addAndEditForm.vue b/src/views/contractManage/components/addAndEditForm.vue
new file mode 100644
index 0000000..95471fe
--- /dev/null
+++ b/src/views/contractManage/components/addAndEditForm.vue
@@ -0,0 +1,179 @@
+<template>
+    <el-form
+        size="large"
+        label-width="auto"
+        :model="formData"
+        ref="formRef"
+        :rules="rules"
+        class="add-and-edit-form"
+    >
+        <!-- 运检站 -->
+        <el-form-item label="运检站" prop="inspectionStationId">
+            <el-select
+                clearable
+                filterable
+                style="width: 100%"
+                placeholder="请选择运检站"
+                @change="handleInspectionStationChange"
+                v-model="formData.inspectionStationId"
+            >
+                <el-option
+                    v-for="item in inspectionStationOptions"
+                    :key="item.id"
+                    :value="item.id"
+                    :label="item.value"
+                />
+            </el-select>
+        </el-form-item>
+
+        <!-- 合同承揽时间 -->
+        <el-form-item label="合同承揽时间" prop="contractPeriod">
+            <el-date-picker
+                type="year"
+                style="width: 100%"
+                value-format="YYYY"
+                placeholder="请选择合同承揽时间"
+                v-model="formData.contractPeriod"
+            />
+        </el-form-item>
+
+        <!-- 合同名称 -->
+        <el-form-item label="合同名称" prop="contractName">
+            <el-input
+                clearable
+                maxlength="100"
+                show-word-limit
+                placeholder="请输入合同名称"
+                v-model.trim="formData.contractName"
+            />
+        </el-form-item>
+
+        <!-- 合同编号 -->
+        <el-form-item label="合同编号" prop="contractCode">
+            <el-input
+                clearable
+                maxlength="50"
+                show-word-limit
+                placeholder="请输入合同编号"
+                v-model.trim="formData.contractCode"
+            />
+        </el-form-item>
+
+        <!-- 合同状态 -->
+        <el-form-item label="合同状态" prop="contractStatus">
+            <el-select
+                clearable
+                style="width: 100%"
+                placeholder="请选择合同状态"
+                v-model="formData.contractStatus"
+            >
+                <el-option
+                    v-for="item in dictOptions"
+                    :key="item.value"
+                    :value="item.value"
+                    :label="item.label"
+                />
+            </el-select>
+        </el-form-item>
+
+        <!-- 备注 -->
+        <el-form-item label="备注" prop="remark">
+            <el-input
+                type="textarea"
+                maxlength="200"
+                show-word-limit
+                placeholder="请输入备注"
+                v-model="formData.remark"
+                :autosize="{ minRows: 4, maxRows: 8 }"
+            />
+        </el-form-item>
+    </el-form>
+
+    <el-row class="common-btn-row">
+        <ComButton plain type="info" @click="handleCancel">取消</ComButton>
+        <ComButton @click="handleSave">保存</ComButton>
+    </el-row>
+</template>
+
+<script setup name="AddAndEditForm">
+import { ref } from 'vue'
+import ComButton from '@/components/ComButton/index.vue'
+
+const props = defineProps({
+    formData: {
+        type: Object,
+        default: () => ({}),
+    },
+    dictOptions: {
+        type: Array,
+        default: () => [],
+    },
+    inspectionStationOptions: {
+        type: Array,
+        default: () => [],
+    },
+})
+
+const emit = defineEmits(['save', 'cancel'])
+
+const formRef = ref(null)
+
+const rules = {
+    inspectionStationId: [{ required: true, message: '请选择运检站', trigger: 'change' }],
+    contractPeriod: [{ required: true, message: '请选择合同承揽时间', trigger: 'change' }],
+    contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
+    contractCode: [{ required: true, message: '请输入合同编号', trigger: 'blur' }],
+    contractStatus: [{ required: true, message: '请选择合同状态', trigger: 'change' }],
+}
+
+// 运检站选择变化处理
+const handleInspectionStationChange = (value) => {
+    if (value) {
+        // 根据选中的 id 找到对应的运检站名称
+        const selectedStation = props.inspectionStationOptions.find((item) => item.id === value)
+        if (selectedStation) {
+            props.formData.inspectionStationName = selectedStation.value
+        }
+    } else {
+        // 清空时也清空名称
+        props.formData.inspectionStationName = ''
+    }
+}
+
+// 保存
+const handleSave = async () => {
+    try {
+        await formRef.value.validate()
+        emit('save')
+    } catch (error) {
+        console.error('表单校验失败:', error)
+        return Promise.reject(error)
+    }
+}
+
+// 取消
+const handleCancel = () => {
+    emit('cancel')
+}
+
+// 暴露校验方法和重置方法给父组件
+defineExpose({
+    validate: () => formRef.value.validate(),
+    resetFields: () => formRef.value.resetFields(),
+    clearValidate: () => formRef.value.clearValidate(),
+})
+</script>
+
+<style lang="scss" scoped>
+.add-and-edit-form {
+    padding: 10px 20px;
+}
+
+.common-btn-row {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+    padding: 20px;
+}
+</style>
+
diff --git a/src/views/contractManage/config.js b/src/views/contractManage/config.js
new file mode 100644
index 0000000..b0fadab
--- /dev/null
+++ b/src/views/contractManage/config.js
@@ -0,0 +1,54 @@
+import { reactive } from 'vue'
+
+export default {
+    formColumns: [
+        {
+            type: 'input',
+            prop: 'inspectionStationName',
+            placeholder: '请输入运检站名称',
+        },
+        {
+            type: 'input',
+            prop: 'contractName',
+            placeholder: '请输入合同名称',
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'inspectionStationName',
+            label: '运检站',
+        },
+        {
+            prop: 'contractPeriod',
+            label: '合同承揽时间',
+        },
+        {
+            prop: 'contractName',
+            label: '合同名称',
+        },
+        {
+            prop: 'contractCode',
+            label: '合同编号',
+        },
+        {
+            prop: 'contractStatus',
+            label: '合同状态',
+            slot: 'contractStatus', // 使用插槽显示字典值
+        },
+        {
+            prop: 'remark',
+            label: '备注',
+            width: '200',
+            showOverflowTooltip: true,
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新建合同',
+        outerWidth: '720px',
+        minHeight: '400px',
+        maxHeight: '80vh',
+    }),
+}
+
diff --git a/src/views/contractManage/index.vue b/src/views/contractManage/index.vue
new file mode 100644
index 0000000..b033852
--- /dev/null
+++ b/src/views/contractManage/index.vue
@@ -0,0 +1,191 @@
+<template>
+    <div class="app-container">
+        <!-- 合同管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listContractAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton
+                    type="primary"
+                    v-hasPermi="['contract:add']"
+                    icon="Plus"
+                    @click="onHandleAdd"
+                    >新建</ComButton
+                >
+            </template>
+
+            <!-- 合同状态列插槽 -->
+            <template #contractStatus="{ row }">
+                <dict-tag :options="contract_satus" :value="row.contractStatus" />
+            </template>
+        </ComTable>
+
+        <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+            <template #outerContent>
+                <AddAndEditForm
+                    ref="addAndEditFormRef"
+                    :form-data="addAndEditForm"
+                    :dict-options="contract_satus"
+                    :inspection-station-options="inspectionStationOptions"
+                    @save="onHandleSave"
+                    @cancel="onHandleCancel"
+                />
+            </template>
+        </ComDialog>
+    </div>
+</template>
+
+<script setup name="contractManage">
+import { ref, nextTick } from 'vue'
+import {
+    listContractAPI,
+    addContractAPI,
+    delContractAPI,
+    updateContractAPI,
+} from '@/api/contractManage/contract'
+import { getCurrentInstance } from 'vue'
+import { useOptions } from '@/hooks/useOptions'
+import { getInspectionStationSelectAPI } from '@/api/common'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+import ComDialog from '@/components/ComDialog/index.vue'
+import AddAndEditForm from './components/addAndEditForm.vue'
+
+const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
+
+const addAndEditFormRef = ref(null)
+const comTableRef = ref(null)
+const editId = ref(null)
+
+// 获取字典数据
+const { contract_satus } = proxy.useDict('contract_satus')
+
+// 获取运检站选项
+const { options: inspectionStationOptions } = useOptions(
+    'inspectionStationOptions',
+    getInspectionStationSelectAPI,
+    {},
+)
+
+// 定义初始表单数据函数
+const getInitFormData = () => ({
+    inspectionStationId: '', // 运检站id
+    inspectionStationName: '', // 运检站名称
+    contractPeriod: '', // 合同承揽时间
+    contractName: '', // 合同名称
+    contractCode: '', // 合同编号
+    contractStatus: '', // 合同状态
+    remark: '', // 备注
+})
+
+const addAndEditForm = ref(getInitFormData())
+
+const actionColumns = [
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        permission: ['contract:edit'],
+        handler: (row) => {
+            const {
+                contractId,
+                inspectionStationId,
+                inspectionStationName,
+                contractPeriod,
+                contractName,
+                contractCode,
+                contractStatus,
+                remark,
+            } = row
+            editId.value = contractId
+            dialogConfig.outerTitle = '编辑合同'
+            dialogConfig.outerVisible = true
+            // 使用 nextTick 确保在弹框渲染、表单组件挂载后再赋值
+            nextTick(() => {
+                addAndEditForm.value.inspectionStationId = inspectionStationId + '' || ''
+                addAndEditForm.value.inspectionStationName = inspectionStationName || ''
+                addAndEditForm.value.contractPeriod = contractPeriod || ''
+                addAndEditForm.value.contractName = contractName || ''
+                addAndEditForm.value.contractCode = contractCode || ''
+                addAndEditForm.value.contractStatus = contractStatus || ''
+                addAndEditForm.value.remark = remark || ''
+            })
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        permission: ['contract:remove'],
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该合同？').then(async () => {
+                const result = await delContractAPI({
+                    contractId: row.contractId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    editId.value = null
+    dialogConfig.outerTitle = '新建合同'
+    dialogConfig.outerVisible = true
+    // 重置表单数据
+    addAndEditForm.value = getInitFormData()
+    // 清除之前的校验信息
+    nextTick(() => {
+        addAndEditFormRef.value?.clearValidate()
+    })
+}
+
+// 取消
+const onHandleCancel = () => {
+    addAndEditFormRef.value?.resetFields() // 重置表单
+    dialogConfig.outerVisible = false
+}
+
+// 保存
+const onHandleSave = async () => {
+    try {
+        await addAndEditFormRef.value.validate()
+        const API = editId.value ? updateContractAPI : addContractAPI
+        const params = JSON.parse(JSON.stringify(addAndEditForm.value))
+        editId.value ? (params.contractId = editId.value) : null
+
+        const result = await API(params)
+        if (result.code === 200) {
+            proxy.$modal.msgSuccess(editId.value ? '编辑成功' : '新增成功')
+            addAndEditFormRef.value.resetFields() // 重置表单
+            dialogConfig.outerVisible = false
+            comTableRef.value?.refresh() // 刷新表格
+        }
+    } catch (error) {
+        console.error('表单校验失败或请求错误:', error)
+        // 必须抛出错误或返回 Promise.reject()，ComButton 才能捕获并结束 loading 状态
+        return Promise.reject(error)
+    }
+}
+
+const onCloseDialogOuter = (visible) => {
+    dialogConfig.outerVisible = visible
+    if (!visible) {
+        addAndEditFormRef.value?.resetFields()
+    }
+}
+</script>
+
diff --git a/src/views/settlementManage/components/PlanSelectDialog.vue b/src/views/settlementManage/components/PlanSelectDialog.vue
new file mode 100644
index 0000000..969b9ad
--- /dev/null
+++ b/src/views/settlementManage/components/PlanSelectDialog.vue
@@ -0,0 +1,199 @@
+<template>
+    <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+        <template #outerContent>
+            <div class="plan-select-dialog">
+                <!-- 搜索栏 -->
+                <el-form :model="queryParams" ref="queryRef" :inline="true" class="search-form">
+                    <el-form-item label="综合查询:">
+                        <el-input
+                            v-model="queryParams.keyWord"
+                            placeholder="输入内容"
+                            clearable
+                            style="width: 300px"
+                            @keyup.enter="handleQuery"
+                        />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" icon="Search" @click="handleQuery"
+                            >查询</el-button
+                        >
+                        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                    </el-form-item>
+                </el-form>
+
+                <!-- 表格 -->
+                <el-table
+                    ref="tableRef"
+                    v-loading="loading"
+                    :data="planList"
+                    @selection-change="handleSelectionChange"
+                    border
+                    height="400px"
+                >
+                    <el-table-column type="selection" width="55" align="center" />
+                    <el-table-column prop="inspectionStationName" label="运检站" align="center" />
+                    <el-table-column
+                        prop="projectName"
+                        label="项目名称"
+                        align="center"
+                        :show-overflow-tooltip="true"
+                    />
+                    <el-table-column
+                        prop="workContent"
+                        label="工作任务"
+                        align="center"
+                        :show-overflow-tooltip="true"
+                    />
+                </el-table>
+            </div>
+
+            <!-- 操作按钮 -->
+            <el-row class="common-btn-row">
+                <ComButton plain type="info" @click="handleCancel">取消</ComButton>
+                <ComButton type="primary" @click="handleConfirm">确定</ComButton>
+            </el-row>
+        </template>
+    </ComDialog>
+</template>
+
+<script setup name="PlanSelectDialog">
+import { ref, reactive, watch, nextTick } from 'vue'
+import { getPlanListForSelectAPI } from '@/api/settlementManage/settlement'
+import ComDialog from '@/components/ComDialog/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+
+const props = defineProps({
+    dialogConfig: {
+        type: Object,
+        required: true,
+    },
+    selectedPlanIds: {
+        type: Array,
+        default: () => [],
+    },
+})
+
+const emit = defineEmits(['confirm', 'close'])
+
+const queryRef = ref(null)
+const tableRef = ref(null)
+const loading = ref(false)
+const planList = ref([])
+const selectedPlans = ref([])
+
+const queryParams = reactive({
+    keyWord: '',
+})
+
+// 监听弹框打开，重置数据
+watch(
+    () => props.dialogConfig.outerVisible,
+    (visible) => {
+        if (visible) {
+            queryParams.keyWord = ''
+            selectedPlans.value = []
+            // 清除表格选中状态
+            if (tableRef.value) {
+                tableRef.value.clearSelection()
+            }
+            getList()
+        }
+    },
+)
+
+// 查询列表
+const getList = async () => {
+    loading.value = true
+    try {
+        const response = await getPlanListForSelectAPI(queryParams)
+        if (response.code === 200) {
+            planList.value = response?.data || []
+            // 数据加载完成后，设置已选中的项
+            nextTick(() => {
+                setSelectedRows()
+            })
+        }
+    } catch (error) {
+        console.error('获取计划列表失败:', error)
+    } finally {
+        loading.value = false
+    }
+}
+
+// 设置已选中的行（用于编辑时回显）
+const setSelectedRows = () => {
+    if (!tableRef.value || !props.selectedPlanIds || props.selectedPlanIds.length === 0) {
+        return
+    }
+
+    planList.value.forEach((row) => {
+        // 根据monthPlanId或planId匹配
+        const isSelected = props.selectedPlanIds.some((id) => id === row.monthlyPlanId)
+        if (isSelected) {
+            tableRef.value.toggleRowSelection(row, true)
+        }
+    })
+}
+
+// 搜索
+const handleQuery = () => {
+    getList()
+}
+
+// 重置
+const resetQuery = () => {
+    queryParams.keyWord = ''
+    selectedPlans.value = []
+    // 清除表格选中状态
+    if (tableRef.value) {
+        tableRef.value.clearSelection()
+    }
+    getList()
+}
+
+// 选择变化
+const handleSelectionChange = (selection) => {
+    selectedPlans.value = selection
+}
+
+// 确定
+const handleConfirm = () => {
+    emit('confirm', selectedPlans.value)
+    props.dialogConfig.outerVisible = false
+}
+
+// 取消
+const handleCancel = () => {
+    emit('close')
+    props.dialogConfig.outerVisible = false
+}
+
+// 关闭弹框
+const onCloseDialogOuter = (visible) => {
+    props.dialogConfig.outerVisible = visible
+    if (!visible) {
+        resetQuery()
+    }
+}
+
+// 暴露方法
+defineExpose({
+    getList,
+})
+</script>
+
+<style lang="scss" scoped>
+.plan-select-dialog {
+    .search-form {
+        margin-bottom: 20px;
+    }
+
+    .common-btn-row {
+        display: flex;
+        justify-content: flex-end;
+        gap: 10px;
+        margin-top: 20px;
+    }
+}
+</style>
+
diff --git a/src/views/settlementManage/config.js b/src/views/settlementManage/config.js
new file mode 100644
index 0000000..5fc214b
--- /dev/null
+++ b/src/views/settlementManage/config.js
@@ -0,0 +1,124 @@
+import { reactive } from 'vue'
+
+export default {
+    formColumns: [
+        {
+            type: 'select',
+            prop: 'contractId',
+            placeholder: '请输入所属合同',
+            options: [], // 动态从字典获取
+        },
+        {
+            type: 'input',
+            prop: 'contractCode',
+            placeholder: '请输入合同编号',
+        },
+        {
+            type: 'input',
+            prop: 'projectSettlementName',
+            placeholder: '请输入项目结算名称',
+        },
+        {
+            type: 'select',
+            prop: 'settlementStatus',
+            placeholder: '请选择合同或项目状态',
+            options: [], // 动态从字典获取
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'inspectionStationName',
+            label: '运检站',
+            width: '140',
+        },
+        {
+            prop: 'contractCode',
+            label: '合同编号',
+            width: '140',
+        },
+        {
+            prop: 'contractName',
+            label: '所属合同',
+            width: '140',
+        },
+        {
+            prop: 'projectSettlementName',
+            label: '项目结算名称',
+            width: '140',
+        },
+        {
+            prop: 'planCount',
+            label: '执行计划数量',
+            formatter: (row) => {
+                return row.executionPlanList.length || ''
+            },
+        },
+        {
+            prop: 'estimatedAmount',
+            label: '合同预估金额(万元)',
+            width: '140',
+            formatter: (row) => {
+                return row.estimatedAmount ? (row.estimatedAmount / 10000 / 100).toFixed(2) : '0.00'
+            },
+            width: '140',
+        },
+        {
+            prop: 'contractStatus',
+            label: '合同或项目状态',
+            slot: 'contractStatus', // 使用插槽显示字典值
+            width: '140',
+        },
+        {
+            prop: 'settlementBatch',
+            label: '结算批次',
+            width: '140',
+        },
+        {
+            prop: 'settlementPayment',
+            label: '结算款-价',
+            formatter: (row) => {
+                // 金额从分转换为元，保留2位小数
+                return row.settlementPayment ? (row.settlementPayment / 100).toFixed(2) : '0.00'
+            },
+            width: '140',
+        },
+        {
+            prop: 'settlementTax',
+            label: '结算款-税',
+            formatter: (row) => {
+                return row.settlementTax ? (row.settlementTax / 100).toFixed(2) : '0.00'
+            },
+            width: '140',
+        },
+        {
+            prop: 'approvedSettlement',
+            label: '审定结算-价',
+            formatter: (row) => {
+                return row.approvedSettlement ? (row.approvedSettlement / 100).toFixed(2) : '0.00'
+            },
+            width: '140',
+        },
+        {
+            prop: 'approvedSettlementTax',
+            label: '审定结算-税',
+            formatter: (row) => {
+                return row.approvedSettlementTax ? (row.approvedSettlementTax / 100).toFixed(2) : '0.00'
+            },
+            width: '140',
+        },
+        {
+            prop: 'settlementDataNumber',
+            label: '结算资料编号',
+            width: '140',
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新建结算',
+        outerWidth: '720px',
+        minHeight: '400px',
+        maxHeight: '80vh',
+    }),
+}
+
diff --git a/src/views/settlementManage/edit.vue b/src/views/settlementManage/edit.vue
new file mode 100644
index 0000000..25a08b2
--- /dev/null
+++ b/src/views/settlementManage/edit.vue
@@ -0,0 +1,1033 @@
+<template>
+    <div class="app-container settlement-edit">
+        <!-- 顶部返回 + 标题 -->
+        <el-page-header @back="onBack" :content="pageTitle" class="page-header" />
+
+        <el-card shadow="never" class="card-section">
+            <template #header>
+                <div class="card-header">结算信息</div>
+            </template>
+
+            <el-form
+                ref="formRef"
+                :model="formData"
+                :rules="!isDetail ? rules : {}"
+                size="large"
+                label-width="auto"
+                :disabled="isDetail"
+            >
+                <el-row :gutter="24">
+                    <el-col :span="12">
+                        <el-form-item label="所属合同" prop="contractId">
+                            <el-select
+                                v-model="formData.contractId"
+                                placeholder="请选择所属合同"
+                                clearable
+                                filterable
+                                style="width: 100%"
+                                @change="handleContractChange"
+                            >
+                                <el-option
+                                    v-for="item in contractOptions"
+                                    :key="item.contractId"
+                                    :label="item.contractName"
+                                    :value="item.contractId"
+                                />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                    <el-col :span="12">
+                        <el-form-item label="项目结算名称" prop="projectSettlementName">
+                            <el-input
+                                clearable
+                                maxlength="100"
+                                show-word-limit
+                                placeholder="请输入项目结算名称"
+                                v-model.trim="formData.projectSettlementName"
+                            />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12">
+                        <el-form-item label="预估金额" prop="estimatedAmount">
+                            <el-input
+                                clearable
+                                placeholder="请输入预估金额"
+                                v-model.trim="formData.estimatedAmount"
+                            >
+                                <template #suffix>元</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                    <el-col :span="12">
+                        <el-form-item label="合同或项目状态" prop="contractStatus">
+                            <el-select
+                                v-model="formData.contractStatus"
+                                placeholder="请选择合同或项目状态"
+                                clearable
+                                style="width: 100%"
+                            >
+                                <el-option
+                                    v-for="item in contractStatusOptions"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="结算批次" prop="settlementBatch">
+                            <el-input
+                                clearable
+                                maxlength="50"
+                                show-word-limit
+                                placeholder="请输入结算批次"
+                                v-model.trim="formData.settlementBatch"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <!-- 执行计划信息 -->
+                <el-row :gutter="24">
+                    <el-col :span="24">
+                        <el-form-item label="执行计划信息" required>
+                            <ComButton
+                                v-if="!isDetail"
+                                type="primary"
+                                icon="Plus"
+                                @click="onOpenPlanSelect"
+                                >选择计划</ComButton
+                            >
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                    <el-col :span="24">
+                        <el-table :data="formData.executionPlanList" border style="width: 100%">
+                            <el-table-column type="index" label="序号" width="60" align="center" />
+                            <el-table-column
+                                prop="planName"
+                                label="计划名称"
+                                align="center"
+                                :show-overflow-tooltip="true"
+                            />
+                            <el-table-column prop="planTime" label="计划时间" align="center" />
+                            <el-table-column
+                                prop="projectCompletionTime"
+                                label="项目完成时间"
+                                align="center"
+                            />
+                            <el-table-column
+                                prop="subcontractingStatus"
+                                label="项目分包情况"
+                                align="center"
+                            />
+                            <el-table-column
+                                prop="subcontractorPersonnelCost"
+                                label="分包人员费用"
+                                align="center"
+                                width="180"
+                            >
+                                <template #default="{ row, $index }">
+                                    <el-input
+                                        v-if="!isDetail"
+                                        v-model.trim="row.subcontractorPersonnelCostDisplay"
+                                        placeholder="请输入金额"
+                                        @blur="
+                                            validatePlanAmount($index, 'subcontractorPersonnelCost')
+                                        "
+                                        @input="
+                                            handlePlanAmountInput(
+                                                $index,
+                                                'subcontractorPersonnelCost',
+                                                $event,
+                                            )
+                                        "
+                                        :class="{
+                                            'error-input': row.errors?.subcontractorPersonnelCost,
+                                        }"
+                                    >
+                                        <template #suffix>元</template>
+                                    </el-input>
+                                    <span v-else>
+                                        {{
+                                            row.subcontractorPersonnelCost
+                                                ? (row.subcontractorPersonnelCost / 100).toFixed(2)
+                                                : '0.00'
+                                        }}
+                                        元
+                                    </span>
+                                    <div
+                                        v-if="row.errors?.subcontractorPersonnelCost"
+                                        class="error-message"
+                                    >
+                                        {{ row.errors.subcontractorPersonnelCost }}
+                                    </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                prop="subcontractorVehicleCost"
+                                label="分包车辆费用"
+                                align="center"
+                                width="180"
+                            >
+                                <template #default="{ row, $index }">
+                                    <el-input
+                                        v-if="!isDetail"
+                                        v-model.trim="row.subcontractorVehicleCostDisplay"
+                                        placeholder="请输入金额"
+                                        @blur="
+                                            validatePlanAmount($index, 'subcontractorVehicleCost')
+                                        "
+                                        @input="
+                                            handlePlanAmountInput(
+                                                $index,
+                                                'subcontractorVehicleCost',
+                                                $event,
+                                            )
+                                        "
+                                        :class="{
+                                            'error-input': row.errors?.subcontractorVehicleCost,
+                                        }"
+                                    >
+                                        <template #suffix>元</template>
+                                    </el-input>
+                                    <span v-else>
+                                        {{
+                                            row.subcontractorVehicleCost
+                                                ? (row.subcontractorVehicleCost / 100).toFixed(2)
+                                                : '0.00'
+                                        }}
+                                        元
+                                    </span>
+                                    <div
+                                        v-if="row.errors?.subcontractorVehicleCost"
+                                        class="error-message"
+                                    >
+                                        {{ row.errors.subcontractorVehicleCost }}
+                                    </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                label="操作"
+                                align="center"
+                                width="100"
+                                v-if="!isDetail"
+                            >
+                                <template #default="{ $index }">
+                                    <el-button
+                                        type="danger"
+                                        link
+                                        icon="Delete"
+                                        @click="onDeletePlan($index)"
+                                        >删除</el-button
+                                    >
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </el-col>
+                </el-row>
+
+                <!-- 金额信息 -->
+                <el-row :gutter="24" style="margin-top: 20px">
+                    <el-col :span="12">
+                        <el-form-item label="结算款 (元):" prop="settlementAmountPrice">
+                            <el-input
+                                clearable
+                                placeholder="输入内容"
+                                v-model.trim="formData.settlementAmountPrice"
+                                @blur="handlePriceChange('settlementAmountPrice')"
+                            >
+                                <template #prepend>价</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item prop="settlementAmountTax">
+                            <el-input
+                                clearable
+                                placeholder="输入内容"
+                                v-model.trim="formData.settlementAmountTax"
+                            >
+                                <template #prepend>税</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                    <el-col :span="12">
+                        <el-form-item label="审定结算 (元):" prop="approvedSettlementPrice">
+                            <el-input
+                                clearable
+                                placeholder="输入内容"
+                                v-model.trim="formData.approvedSettlementPrice"
+                                @blur="handlePriceChange('approvedSettlementPrice')"
+                            >
+                                <template #prepend>价</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item prop="approvedSettlementTax">
+                            <el-input
+                                clearable
+                                placeholder="输入内容"
+                                v-model.trim="formData.approvedSettlementTax"
+                            >
+                                <template #prepend>税</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                    <el-col :span="12">
+                        <el-form-item label="结算资料编号" prop="settlementDataNumber">
+                            <el-input
+                                clearable
+                                maxlength="50"
+                                show-word-limit
+                                placeholder="请输入结算资料编号"
+                                v-model.trim="formData.settlementDataNumber"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </el-card>
+
+        <!-- 底部操作按钮 -->
+        <div class="page-footer">
+            <ComButton plain type="info" @click="onBack">
+                {{ isDetail ? '返回' : '取消' }}
+            </ComButton>
+            <ComButton v-if="!isDetail" type="primary" @click="onSubmit">保存</ComButton>
+        </div>
+
+        <!-- 选择计划弹框 -->
+        <PlanSelectDialog
+            ref="planSelectDialogRef"
+            :dialog-config="planSelectDialogConfig"
+            :selected-plan-ids="selectedPlanIds"
+            @confirm="onPlanSelectConfirm"
+            @close="onPlanSelectClose"
+        />
+    </div>
+</template>
+
+<script setup name="SettlementEdit">
+import {
+    ref,
+    reactive,
+    computed,
+    getCurrentInstance,
+    onMounted,
+    nextTick,
+    watch,
+    onBeforeUnmount,
+    onActivated,
+} from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import {
+    getSettlementDetailAPI,
+    addSettlementAPI,
+    updateSettlementAPI,
+    getContractSelectAPI,
+} from '@/api/settlementManage/settlement'
+import { useOptions } from '@/hooks/useOptions'
+import ComButton from '@/components/ComButton/index.vue'
+import PlanSelectDialog from './components/PlanSelectDialog.vue'
+
+const route = useRoute()
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+
+// 获取字典数据
+const { contract_satus } = proxy.useDict('contract_satus')
+
+const mode = computed(() => route.query.mode || 'add')
+const isDetail = computed(() => mode.value === 'detail')
+
+const pageTitle = computed(() => {
+    if (mode.value === 'edit') return '编辑结算'
+    if (mode.value === 'detail') return '结算详情'
+    return '新增结算'
+})
+
+const formRef = ref(null)
+const planSelectDialogRef = ref(null)
+
+// 合同选项
+const contractOptions = ref([])
+
+// 合同状态选项（从字典获取）
+const contractStatusOptions = computed(() => contract_satus.value || [])
+
+// 已选中的计划ID列表（用于编辑时弹框勾选状态回显）
+const selectedPlanIds = computed(() => {
+    return formData.value.executionPlanList.map((plan) => plan.monthlyPlanId)
+})
+
+// 表单数据
+const getInitFormData = () => ({
+    contractId: null,
+    contractName: '',
+    projectSettlementName: '',
+    contractStatus: '', // 对应后端的 settlementStatus
+    estimatedAmount: '',
+    settlementBatch: '',
+    executionPlanList: [],
+    settlementAmountPrice: '', // 对应后端的 settlementPayment
+    settlementAmountTax: '', // 对应后端的 settlementTax
+    approvedSettlementPrice: '', // 对应后端的 approvedSettlement
+    approvedSettlementTax: '',
+    settlementDataNumber: '',
+})
+
+const formData = ref(getInitFormData())
+
+// 金额校验规则（0-99999999.99，可有2个小数点）
+const amountValidator = (rule, value, callback) => {
+    if (!value) {
+        callback()
+        return
+    }
+    const regex = /^(0|[1-9]\d{0,7})(\.\d{1,2})?$/
+    if (!regex.test(value)) {
+        callback(new Error('请输入0-99999999.99之间的金额，最多2位小数'))
+        return
+    }
+    const num = parseFloat(value)
+    if (num < 0 || num > 99999999.99) {
+        callback(new Error('请输入0-99999999.99之间的金额'))
+        return
+    }
+    callback()
+}
+
+// 结算款-税校验：不能超过结算款-价
+const settlementTaxValidator = (rule, value, callback) => {
+    // 先进行基础金额校验
+    amountValidator(rule, value, (error) => {
+        if (error) {
+            callback(error)
+            return
+        }
+        // 如果基础校验通过，检查是否超过价
+        if (value && formData.value.settlementAmountPrice) {
+            const taxValue = parseFloat(value)
+            const priceValue = parseFloat(formData.value.settlementAmountPrice)
+            if (taxValue > priceValue) {
+                callback(new Error('结算款-税不能超过结算款-价'))
+                return
+            }
+        }
+        callback()
+    })
+}
+
+// 审定结算-税校验：不能超过审定结算-价
+const approvedTaxValidator = (rule, value, callback) => {
+    // 先进行基础金额校验
+    amountValidator(rule, value, (error) => {
+        if (error) {
+            callback(error)
+            return
+        }
+        // 如果基础校验通过，检查是否超过价
+        if (value && formData.value.approvedSettlementPrice) {
+            const taxValue = parseFloat(value)
+            const priceValue = parseFloat(formData.value.approvedSettlementPrice)
+            if (taxValue > priceValue) {
+                callback(new Error('审定结算-税不能超过审定结算-价'))
+                return
+            }
+        }
+        callback()
+    })
+}
+
+const rules = {
+    contractId: [{ required: true, message: '请选择所属合同', trigger: 'change' }],
+    projectSettlementName: [{ required: true, message: '请输入项目结算名称', trigger: 'blur' }],
+    contractStatus: [{ required: true, message: '请选择合同或项目状态', trigger: 'change' }],
+    settlementBatch: [{ required: true, message: '请输入结算批次', trigger: 'blur' }],
+
+    estimatedAmount: [{ validator: amountValidator, trigger: 'blur' }],
+    settlementAmountPrice: [
+        { required: true, message: '请输入结算款-价', trigger: 'blur' },
+        { validator: amountValidator, trigger: 'blur' },
+    ],
+    settlementAmountTax: [
+        { required: true, message: '请输入结算款-税', trigger: 'blur' },
+        { validator: settlementTaxValidator, trigger: ['blur', 'change'] },
+    ],
+    approvedSettlementPrice: [
+        { required: true, message: '请输入审定结算-价', trigger: 'blur' },
+        { validator: amountValidator, trigger: 'blur' },
+    ],
+    approvedSettlementTax: [
+        { required: true, message: '请输入审定结算-税', trigger: 'blur' },
+        { validator: approvedTaxValidator, trigger: ['blur', 'change'] },
+    ],
+}
+
+// 选择计划弹框配置
+const planSelectDialogConfig = reactive({
+    outerVisible: false,
+    outerTitle: '选择计划',
+    outerWidth: '900px',
+    minHeight: '500px',
+    maxHeight: '80vh',
+})
+
+// 获取合同列表
+const getContractList = async () => {
+    try {
+        const response = await getContractSelectAPI({})
+        if (response.code === 200) {
+            contractOptions.value = response.rows || response.data?.rows || []
+        }
+    } catch (error) {
+        console.error('获取合同列表失败:', error)
+    }
+}
+
+// 合同选择变化
+const handleContractChange = async (contractId) => {
+    if (contractId) {
+        const selectedContract = contractOptions.value.find(
+            (item) => item.contractId === contractId,
+        )
+        if (selectedContract) {
+            formData.value.contractName = selectedContract.contractName
+            // 带出合同状态，但可以修改
+            if (selectedContract.contractStatus) {
+                formData.value.contractStatus = selectedContract.contractStatus
+            }
+        }
+    } else {
+        formData.value.contractName = ''
+        formData.value.contractStatus = ''
+    }
+}
+
+// 打开选择计划弹框
+const onOpenPlanSelect = () => {
+    planSelectDialogConfig.outerVisible = true
+    nextTick(() => {
+        planSelectDialogRef.value?.getList()
+    })
+}
+
+// 计划选择确认
+const onPlanSelectConfirm = (selectedPlans) => {
+    // 获取当前已存在的计划ID列表
+    const existingPlanIds = formData.value.executionPlanList.map((plan) => plan.monthlyPlanId)
+
+    // 将选中的计划添加到执行计划列表或更新已存在的计划
+    selectedPlans.forEach((plan) => {
+        const existingIndex = formData.value.executionPlanList.findIndex(
+            (item) => item.monthlyPlanId === plan.monthlyPlanId,
+        )
+
+        const personnelCost = plan.subcontractorPersonnelCost ?? null
+        const vehicleCost = plan.subcontractorVehicleCost ?? null
+
+        const planData = {
+            monthlyPlanId: plan.monthlyPlanId, // 用于编辑时弹框勾选状态回显
+            planName: plan.projectName || plan.planName,
+            planTime: plan.plannedStartTime || plan.plannedTime || '',
+            projectCompletionTime: plan.projectCompletionTime || '',
+            subcontractingStatus: plan.subcontractingStatus || plan.projectSubSituation || '',
+            subcontractorPersonnelCost: personnelCost !== null ? personnelCost : 0,
+            subcontractorPersonnelCostDisplay:
+                personnelCost !== null ? (personnelCost / 100).toFixed(2) : '',
+            subcontractorVehicleCost: vehicleCost !== null ? vehicleCost : 0,
+            subcontractorVehicleCostDisplay:
+                vehicleCost !== null ? (vehicleCost / 100).toFixed(2) : '',
+            errors: {},
+        }
+
+        if (existingIndex >= 0) {
+            // 如果已存在，更新数据但保留用户已输入的金额
+            const existingPlan = formData.value.executionPlanList[existingIndex]
+            planData.subcontractorPersonnelCostDisplay =
+                existingPlan.subcontractorPersonnelCostDisplay ||
+                planData.subcontractorPersonnelCostDisplay
+            planData.subcontractorVehicleCostDisplay =
+                existingPlan.subcontractorVehicleCostDisplay ||
+                planData.subcontractorVehicleCostDisplay
+            // 如果用户已输入金额，需要转换回分
+            if (existingPlan.subcontractorPersonnelCostDisplay) {
+                planData.subcontractorPersonnelCost = Math.round(
+                    parseFloat(existingPlan.subcontractorPersonnelCostDisplay) * 100,
+                )
+            }
+            if (existingPlan.subcontractorVehicleCostDisplay) {
+                planData.subcontractorVehicleCost = Math.round(
+                    parseFloat(existingPlan.subcontractorVehicleCostDisplay) * 100,
+                )
+            }
+            formData.value.executionPlanList[existingIndex] = planData
+        } else {
+            // 如果不存在，添加新计划
+            formData.value.executionPlanList.push(planData)
+        }
+    })
+
+    // 移除未选中的计划（如果之前已存在）
+    formData.value.executionPlanList = formData.value.executionPlanList.filter((plan) => {
+        return selectedPlans.some((selected) => selected.monthlyPlanId === plan.monthlyPlanId)
+    })
+}
+
+// 计划选择关闭
+const onPlanSelectClose = () => {
+    planSelectDialogConfig.outerVisible = false
+}
+
+// 删除计划
+const onDeletePlan = (index) => {
+    formData.value.executionPlanList.splice(index, 1)
+}
+
+// 处理价字段变化，重新校验对应的税字段
+const handlePriceChange = (priceField) => {
+    if (priceField === 'settlementAmountPrice') {
+        // 结算款-价变化时，重新校验结算款-税
+        if (formData.value.settlementAmountTax) {
+            formRef.value?.validateField('settlementAmountTax')
+        }
+    } else if (priceField === 'approvedSettlementPrice') {
+        // 审定结算-价变化时，重新校验审定结算-税
+        if (formData.value.approvedSettlementTax) {
+            formRef.value?.validateField('approvedSettlementTax')
+        }
+    }
+}
+
+// 金额校验规则（0-99999999.99，可有2个小数点）
+const validateAmount = (value) => {
+    if (!value || value === '') {
+        return { valid: true, message: '' }
+    }
+    const regex = /^(0|[1-9]\d{0,7})(\.\d{1,2})?$/
+    if (!regex.test(value)) {
+        return { valid: false, message: '请输入0-99999999.99之间的金额，最多2位小数' }
+    }
+    const num = parseFloat(value)
+    if (num < 0 || num > 99999999.99) {
+        return { valid: false, message: '请输入0-99999999.99之间的金额' }
+    }
+    return { valid: true, message: '' }
+}
+
+// 执行计划金额输入处理
+const handlePlanAmountInput = (index, field, value) => {
+    const plan = formData.value.executionPlanList[index]
+    if (!plan) return
+
+    // 清除之前的错误
+    if (plan.errors) {
+        plan.errors[field] = ''
+    } else {
+        plan.errors = {}
+    }
+}
+
+// 执行计划金额校验
+const validatePlanAmount = (index, field) => {
+    const plan = formData.value.executionPlanList[index]
+    if (!plan) return
+
+    const displayField = `${field}Display`
+    const value = plan[displayField]
+
+    if (!plan.errors) {
+        plan.errors = {}
+    }
+
+    const result = validateAmount(value)
+    if (!result.valid) {
+        plan.errors[field] = result.message
+        proxy.$modal.msgError(result.message)
+    } else {
+        plan.errors[field] = ''
+        // 将元转换为分并更新原始字段
+        if (value && value !== '') {
+            plan[field] = Math.round(parseFloat(value) * 100)
+        } else {
+            plan[field] = 0
+        }
+    }
+}
+
+// 校验所有执行计划的金额
+const validateAllPlanAmounts = () => {
+    let hasError = false
+    formData.value.executionPlanList.forEach((plan, index) => {
+        if (!plan.errors) {
+            plan.errors = {}
+        }
+
+        // 校验分包人员费用
+        const personnelResult = validateAmount(plan.subcontractorPersonnelCostDisplay)
+        if (!personnelResult.valid) {
+            plan.errors.subcontractorPersonnelCost = personnelResult.message
+            hasError = true
+        } else {
+            plan.errors.subcontractorPersonnelCost = ''
+            if (
+                plan.subcontractorPersonnelCostDisplay &&
+                plan.subcontractorPersonnelCostDisplay !== ''
+            ) {
+                plan.subcontractorPersonnelCost = Math.round(
+                    parseFloat(plan.subcontractorPersonnelCostDisplay) * 100,
+                )
+            } else {
+                plan.subcontractorPersonnelCost = 0
+            }
+        }
+
+        // 校验分包车辆费用
+        const vehicleResult = validateAmount(plan.subcontractorVehicleCostDisplay)
+        if (!vehicleResult.valid) {
+            plan.errors.subcontractorVehicleCost = vehicleResult.message
+            hasError = true
+        } else {
+            plan.errors.subcontractorVehicleCost = ''
+            if (
+                plan.subcontractorVehicleCostDisplay &&
+                plan.subcontractorVehicleCostDisplay !== ''
+            ) {
+                plan.subcontractorVehicleCost = Math.round(
+                    parseFloat(plan.subcontractorVehicleCostDisplay) * 100,
+                )
+            } else {
+                plan.subcontractorVehicleCost = 0
+            }
+        }
+    })
+
+    if (hasError) {
+        proxy.$modal.msgError('请检查执行计划列表中的金额输入')
+    }
+
+    return !hasError
+}
+
+// 返回
+const onBack = () => {
+    proxy.$tab.closeOpenPage({
+        path: '/settlement/settlementManage',
+    })
+}
+
+// 提交
+const onSubmit = async () => {
+    try {
+        await formRef.value.validate()
+
+        if (formData.value.executionPlanList.length === 0) {
+            return Promise.reject(new Error('请选择执行计划'))
+        }
+
+        // 校验执行计划列表中的金额
+        if (!validateAllPlanAmounts()) {
+            return Promise.reject(new Error('执行计划金额校验失败'))
+        }
+
+        // 金额转换：元转分，根据11.md文件映射字段名
+        const params = {
+            contractId: formData.value.contractId,
+            projectSettlementName: formData.value.projectSettlementName,
+            estimatedAmount: formData.value.estimatedAmount
+                ? Math.round(parseFloat(formData.value.estimatedAmount) * 100)
+                : 0,
+            settlementStatus: formData.value.contractStatus, // 对应后端的 settlementStatus
+            settlementBatch: formData.value.settlementBatch,
+            settlementPayment: formData.value.settlementAmountPrice
+                ? Math.round(parseFloat(formData.value.settlementAmountPrice) * 100)
+                : 0, // 对应后端的 settlementPayment
+            settlementTax: formData.value.settlementAmountTax
+                ? Math.round(parseFloat(formData.value.settlementAmountTax) * 100)
+                : 0, // 对应后端的 settlementTax
+            approvedSettlement: formData.value.approvedSettlementPrice
+                ? Math.round(parseFloat(formData.value.approvedSettlementPrice) * 100)
+                : 0, // 对应后端的 approvedSettlement
+            approvedSettlementTax: formData.value.approvedSettlementTax
+                ? Math.round(parseFloat(formData.value.approvedSettlementTax) * 100)
+                : 0,
+            settlementDataNumber: formData.value.settlementDataNumber,
+        }
+
+        // 执行计划列表，根据11.md文件映射字段名
+        params.executionPlanList = formData.value.executionPlanList.map((plan) => ({
+            planId: plan.planId,
+            monthlyPlanId: plan.monthlyPlanId,
+            projectName: plan.planName, // 对应后端的 projectName
+            plannedTime: plan.planTime, // 对应后端的 plannedTime
+            projectCompletionTime: plan.projectCompletionTime,
+            projectSubSituation: plan.subcontractingStatus, // 对应后端的 projectSubSituation
+            subPersonnelCosts:
+                plan.subcontractorPersonnelCost !== null ? plan.subcontractorPersonnelCost : 0, // 对应后端的 subPersonnelCosts，null转为0
+            subVehicleCosts:
+                plan.subcontractorVehicleCost !== null ? plan.subcontractorVehicleCost : 0, // 对应后端的 subVehicleCosts，null转为0
+        }))
+
+        const API = mode.value === 'edit' ? updateSettlementAPI : addSettlementAPI
+        if (mode.value === 'edit') {
+            params.settlementId = route.query.id
+        }
+
+        const result = await API(params)
+        if (result.code === 200) {
+            proxy.$modal.msgSuccess(mode.value === 'edit' ? '编辑成功' : '新增成功')
+            // 重置表单数据
+            resetFormData()
+            // 延迟跳转，确保数据已重置
+            setTimeout(() => {
+                proxy.$tab.closeOpenPage({
+                    path: '/settlement/settlementManage',
+                })
+            }, 100)
+        }
+    } catch (error) {
+        console.error('表单校验失败或请求错误:', error)
+        return Promise.reject(error)
+    }
+}
+
+// 获取详情
+const getDetail = async () => {
+    if (!route.query.id) return
+
+    try {
+        const response = await getSettlementDetailAPI(route.query.id)
+        if (response.code === 200) {
+            const data = response.data
+            formData.value = {
+                contractId: data.contractId,
+                contractName: data.contractName || '',
+                projectSettlementName: data.projectSettlementName || '',
+                contractStatus: data.settlementStatus || data.contractStatus || '', // 优先使用 settlementStatus
+                estimatedAmount: data.estimatedAmount
+                    ? (data.estimatedAmount / 100).toFixed(2)
+                    : '',
+                settlementBatch: data.settlementBatch || '',
+                executionPlanList: (data.executionPlanList || []).map((plan) => {
+                    const personnelCost =
+                        plan.subPersonnelCosts ?? plan.subcontractorPersonnelCost ?? null
+                    const vehicleCost =
+                        plan.subVehicleCosts ?? plan.subcontractorVehicleCost ?? null
+                    return {
+                        planId: plan.planId,
+                        monthlyPlanId: plan.monthlyPlanId || plan.planId, // 用于编辑时弹框勾选状态回显
+                        planName: plan.projectName || plan.planName,
+                        planTime: plan.plannedTime || plan.planTime,
+                        projectCompletionTime: plan.projectCompletionTime || '',
+                        subcontractingStatus:
+                            plan.projectSubSituation || plan.subcontractingStatus || '',
+                        subcontractorPersonnelCost: personnelCost !== null ? personnelCost : 0,
+                        subcontractorPersonnelCostDisplay:
+                            personnelCost !== null ? (personnelCost / 100).toFixed(2) : '',
+                        subcontractorVehicleCost: vehicleCost !== null ? vehicleCost : 0,
+                        subcontractorVehicleCostDisplay:
+                            vehicleCost !== null ? (vehicleCost / 100).toFixed(2) : '',
+                        errors: {},
+                    }
+                }),
+                settlementAmountPrice: data.settlementPayment
+                    ? (data.settlementPayment / 100).toFixed(2)
+                    : data.settlementAmountPrice
+                    ? (data.settlementAmountPrice / 100).toFixed(2)
+                    : '',
+                settlementAmountTax: data.settlementTax
+                    ? (data.settlementTax / 100).toFixed(2)
+                    : data.settlementAmountTax
+                    ? (data.settlementAmountTax / 100).toFixed(2)
+                    : '',
+                approvedSettlementPrice: data.approvedSettlement
+                    ? (data.approvedSettlement / 100).toFixed(2)
+                    : data.approvedSettlementPrice
+                    ? (data.approvedSettlementPrice / 100).toFixed(2)
+                    : '',
+                approvedSettlementTax: data.approvedSettlementTax
+                    ? (data.approvedSettlementTax / 100).toFixed(2)
+                    : '',
+                settlementDataNumber: data.settlementDataNumber || '',
+            }
+        }
+    } catch (error) {
+        console.error('获取详情失败:', error)
+    }
+}
+
+// 重置表单数据
+const resetFormData = () => {
+    formData.value = getInitFormData()
+    // 清除表单校验
+    nextTick(() => {
+        formRef.value?.clearValidate()
+    })
+}
+
+onMounted(() => {
+    getContractList()
+    if (mode.value !== 'add') {
+        getDetail()
+    } else {
+        // 新增模式时重置表单数据
+        resetFormData()
+    }
+})
+
+// 监听路由变化，当进入新增模式时重置表单数据
+watch(
+    () => [route.query.mode, route.query.id],
+    ([newMode, newId]) => {
+        if (newMode === 'add' || (!newMode && !newId)) {
+            resetFormData()
+        } else if (newMode === 'edit' || newMode === 'detail') {
+            if (newId) {
+                getDetail()
+            }
+        }
+    },
+    { immediate: true },
+)
+
+// 组件卸载时重置表单数据
+onBeforeUnmount(() => {
+    resetFormData()
+})
+
+// 组件被激活时（keep-alive 缓存情况下），检查是否需要重置数据
+onActivated(() => {
+    // 如果是新增模式，重置表单数据
+    if (mode.value === 'add' || (!route.query.mode && !route.query.id)) {
+        resetFormData()
+    } else if (mode.value === 'edit' || mode.value === 'detail') {
+        // 如果是编辑或详情模式，重新获取数据
+        if (route.query.id) {
+            getDetail()
+        }
+    }
+})
+</script>
+
+<style scoped lang="scss">
+.settlement-edit {
+    .page-header {
+        margin-bottom: 20px;
+        padding: 16px 20px;
+        background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
+        border-radius: 8px;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+
+        :deep(.el-page-header__left) {
+            .el-page-header__back {
+                padding: 8px;
+                border-radius: 6px;
+                transition: all 0.3s ease;
+                background-color: transparent;
+
+                &:hover {
+                    background-color: #f0f2f5;
+                    color: #1677ff;
+                    transform: translateX(-2px);
+                }
+
+                &::before {
+                    font-size: 16px;
+                    font-weight: 600;
+                }
+            }
+        }
+
+        :deep(.el-page-header__content) {
+            font-size: 18px;
+            font-weight: 600;
+            color: #1f2937;
+            margin-left: 12px;
+        }
+    }
+
+    .card-section {
+        margin-bottom: 20px;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+        overflow: hidden;
+        transition: box-shadow 0.3s ease;
+
+        &:hover {
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        }
+
+        :deep(.el-card__header) {
+            padding: 16px 20px;
+            background-color: #fafbfc;
+            border-bottom: 1px solid #f0f2f5;
+        }
+
+        :deep(.el-card__body) {
+            padding: 24px 20px;
+        }
+    }
+
+    .card-header {
+        font-weight: 600;
+        font-size: 15px;
+        color: #1f2937;
+        position: relative;
+        padding-left: 12px;
+        display: flex;
+        align-items: center;
+
+        &::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 4px;
+            height: 16px;
+            background: linear-gradient(180deg, #1677ff 0%, #4096ff 100%);
+            border-radius: 2px;
+        }
+    }
+
+    .page-footer {
+        margin-top: 12px;
+        display: flex;
+        justify-content: flex-end;
+        gap: 12px;
+    }
+
+    .error-input {
+        :deep(.el-input__wrapper) {
+            border-color: #f56c6c;
+            box-shadow: 0 0 0 1px #f56c6c inset;
+        }
+    }
+
+    .error-message {
+        color: #f56c6c;
+        font-size: 12px;
+        margin-top: 4px;
+        line-height: 1.2;
+    }
+}
+</style>
+
diff --git a/src/views/settlementManage/index.vue b/src/views/settlementManage/index.vue
new file mode 100644
index 0000000..6485616
--- /dev/null
+++ b/src/views/settlementManage/index.vue
@@ -0,0 +1,185 @@
+<template>
+    <div class="app-container">
+        <!-- 结算管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listSettlementAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton
+                    type="primary"
+                    v-hasPermi="['settlement:add']"
+                    icon="Plus"
+                    @click="onHandleAdd"
+                    >新建</ComButton
+                >
+                <ComButton
+                    plain
+                    type="info"
+                    icon="Download"
+                    @click="onDownloadStatistic"
+                    v-hasPermi="['settlement:download']"
+                    >下载统计表</ComButton
+                >
+            </template>
+
+            <!-- 合同状态列插槽 -->
+            <template #contractStatus="{ row }">
+                <dict-tag :options="contract_satus" :value="row.settlementStatus" />
+            </template>
+        </ComTable>
+    </div>
+</template>
+
+<script setup name="settlementManage">
+import { ref, computed, getCurrentInstance, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+    listSettlementAPI,
+    delSettlementAPI,
+    downloadSettlementStatisticAPI,
+    getContractSelectAPI,
+} from '@/api/settlementManage/settlement'
+import { download } from '@/utils/request'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+
+const comTableRef = ref(null)
+const contractList = ref([])
+
+// 获取字典数据
+const { contract_satus } = proxy.useDict('contract_satus')
+
+// 动态构建搜索表单配置，添加字典选项
+const formColumns = computed(() => {
+    return config.formColumns.map((column) => {
+        if (column.prop === 'settlementStatus') {
+            return {
+                ...column,
+                options: contract_satus.value || [],
+            }
+        }
+
+        if (column.prop === 'contractId') {
+            return {
+                ...column,
+                options: contractList.value || [],
+            }
+        }
+        return column
+    })
+})
+
+const { tableColumns } = config
+
+const actionColumns = [
+    {
+        label: '详情',
+        type: 'primary',
+        link: true,
+        permission: ['settlement:detail'],
+        handler: (row) => {
+            router.push({
+                path: '/settlement/settlementEdit/index',
+                query: {
+                    id: row.settlementId,
+                    mode: 'detail',
+                },
+            })
+        },
+    },
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        permission: ['settlement:edit'],
+        handler: (row) => {
+            router.push({
+                path: '/settlement/settlementEdit/index',
+                query: {
+                    id: row.settlementId,
+                    mode: 'edit',
+                },
+            })
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        permission: ['settlement:remove'],
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该结算？').then(async () => {
+                const result = await delSettlementAPI({
+                    settlementId: row.settlementId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    router.push({
+        path: '/settlement/settlementEdit/index',
+        query: {
+            mode: 'add',
+            contractId: null,
+        },
+    })
+}
+
+// 下载统计表
+const onDownloadStatistic = async () => {
+    try {
+        const formData = comTableRef.value?.getFormData() || {}
+        const response = await downloadSettlementStatisticAPI(formData)
+        // 创建下载链接
+        const blob = new Blob([response], {
+            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        })
+        const url = window.URL.createObjectURL(blob)
+        const link = document.createElement('a')
+        link.href = url
+        link.download = `结算统计表_${new Date().getTime()}.xlsx`
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+        window.URL.revokeObjectURL(url)
+        proxy.$modal.msgSuccess('下载成功')
+    } catch (error) {
+        console.error('下载失败:', error)
+        proxy.$modal.msgError('下载失败')
+    }
+}
+
+// 获取合同列表
+const getContractList = async () => {
+    const response = await getContractSelectAPI({})
+    if (response.code === 200) {
+        contractList.value = response.rows.map((item) => ({
+            label: item.contractName,
+            value: item.contractId,
+        }))
+    }
+}
+
+onMounted(() => {
+    getContractList()
+})
+</script>
+