diff --git a/src/views/custom/edit.vue b/src/views/custom/edit.vue
index 0583241..abbeac6 100644
--- a/src/views/custom/edit.vue
+++ b/src/views/custom/edit.vue
@@ -30,6 +30,9 @@
                         <el-col :span="8">
                             <el-form-item label="上级公司" prop="parent_company">
                                 <el-input v-model="formData.parent_company" type="number" placeholder="请输入上级公司" clearable :style="{ width: '100%' }">
+                                    <template #append>
+                                        <el-button>选择</el-button>
+                                    </template>
                                 </el-input>
                             </el-form-item>
                         </el-col>
@@ -202,6 +205,9 @@
                 </el-card>
             </el-form>
         </popup>
+        <el-dialog v-model="showDialog" title="选择客户" width="70%">
+            <customDialog @customEvent="customEvent"></customDialog>
+        </el-dialog>
     </div>
 </template>
 
@@ -211,6 +217,7 @@ import {
     apiAreaList,
     apiProvinceList,
 } from "@/api/common";
+import customDialog from '@/components/custom-dialog/index.vue'
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
 import { apiCustomAdd, apiCustomEdit, apiCustomDetail } from '@/api/custom'
@@ -227,6 +234,7 @@ const formRef = shallowRef<FormInstance>()
 const popupRef = shallowRef<InstanceType<typeof Popup>>()
 const mode = ref('add')
 const list1 = reactive([])
+const showDialog = ref(false);
 const list2 = reactive([])
 import { deptAll } from '@/api/org/department'
 import { getAll } from '@/api/org/organization'
@@ -236,6 +244,13 @@ const datas = reactive({
     areaOptions: [],
 });
 
+const customEvent = (e: any) => {
+    formData.custom_id = e.id;
+    formData.custom_name = e.name;
+    showDialog.value = false;
+};
+
+
 // 弹窗标题
 const popupTitle = computed(() => {
     return mode.value == 'edit' ? '编辑客户表' : '新增客户表'
diff --git a/src/views/financialManagement/reimbursement/DailyExpenses.vue b/src/views/expense_reimbursement/DailyExpenses.vue
similarity index 100%
rename from src/views/financialManagement/reimbursement/DailyExpenses.vue
rename to src/views/expense_reimbursement/DailyExpenses.vue
diff --git a/src/views/financialManagement/reimbursement/detail.vue b/src/views/expense_reimbursement/detail.vue
similarity index 100%
rename from src/views/financialManagement/reimbursement/detail.vue
rename to src/views/expense_reimbursement/detail.vue
diff --git a/src/views/financialManagement/reimbursement/edit.vue b/src/views/expense_reimbursement/edit.vue
similarity index 100%
rename from src/views/financialManagement/reimbursement/edit.vue
rename to src/views/expense_reimbursement/edit.vue
diff --git a/src/views/financialManagement/reimbursement/index.vue b/src/views/expense_reimbursement/index.vue
similarity index 100%
rename from src/views/financialManagement/reimbursement/index.vue
rename to src/views/expense_reimbursement/index.vue
diff --git a/src/views/expense_reimbursement_detail/index.vue b/src/views/expense_reimbursement_detail/index.vue
new file mode 100644
index 0000000..f073233
--- /dev/null
+++ b/src/views/expense_reimbursement_detail/index.vue
@@ -0,0 +1,102 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+
+                <el-form-item label="报销id" prop="expense_id">
+                    <el-input class="w-[280px]" v-model="queryParams.expense_id" clearable placeholder="请输入报销id" />
+                </el-form-item>
+                <el-form-item label="费用科目id" prop="cost_subject_id">
+                    <el-select class="w-[280px]" v-model="queryParams.cost_subject_id" clearable placeholder="请选择费用科目id">
+
+                        <el-option v-for="(item, index) in dictData.invoice_type" :key="index" :label="item.name" :value="item.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="序号" type="index" show-overflow-tooltip />
+
+                    <el-table-column label="组织名称" prop="org_name" show-overflow-tooltip />
+                    <el-table-column label="部门名称" prop="dept_name" show-overflow-tooltip />
+                    <el-table-column label="客户名称" prop="customer_name" show-overflow-tooltip />
+                    <el-table-column label="报销人" prop="reimburser" show-overflow-tooltip />
+                    <el-table-column label="报销金额" prop="reimbursement_amount" show-overflow-tooltip />
+
+                    <el-table-column label="付款方式" prop="pay_type">
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.pay_type" :value="row.pay_type" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="年份" prop="year" show-overflow-tooltip />
+                    <el-table-column label="月份" prop="month" show-overflow-tooltip />
+                    <el-table-column label="科目编码" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="一级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="二级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="用途" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="金额" prop="remark" show-overflow-tooltip />
+
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+
+
+                </el-table>
+            </div>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <!-- <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+        <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> -->
+    </div>
+</template>
+
+<script lang="ts" setup name="projectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { reimbursementdetails } from '@/api/expense_reimbursement'
+import { timeFormat } from '@/utils/util'
+
+import feedback from '@/utils/feedback'
+
+// 是否显示编辑框
+const showEdit = ref(false)
+const showDtail = ref(false)
+
+// 查询条件
+const queryParams = reactive({
+    commitor: '',
+    expense_id: '',
+    invoice_type: '',
+
+})
+
+
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('pay_type,invoice_type,tax_rate,invoice_form')
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: reimbursementdetails,
+    params: queryParams
+})
+
+
+getLists()
+</script>
+
diff --git a/src/views/financialManagement/expense_reimbursement/DailyExpenses.vue b/src/views/financialManagement/expense_reimbursement/DailyExpenses.vue
new file mode 100644
index 0000000..497b33c
--- /dev/null
+++ b/src/views/financialManagement/expense_reimbursement/DailyExpenses.vue
@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+
+                <el-form-item label="报销id" prop="expense_id">
+                    <el-input class="w-[280px]" v-model="queryParams.expense_id" clearable placeholder="请输入报销id" />
+                </el-form-item>
+                <el-form-item label="费用科目id" prop="cost_subject_id">
+                    <el-select class="w-[280px]" v-model="queryParams.cost_subject_id" clearable placeholder="请选择费用科目id">
+
+                        <el-option v-for="(item, index) in dictData.invoice_type" :key="index" :label="item.name" :value="item.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="序号" type="index" show-overflow-tooltip />
+
+                    <el-table-column label="组织名称" prop="org_name" show-overflow-tooltip />
+                    <el-table-column label="部门名称" prop="dept_name" show-overflow-tooltip />
+                    <el-table-column label="客户名称" prop="customer_name" show-overflow-tooltip />
+                    <el-table-column label="报销人" prop="reimburser" show-overflow-tooltip />
+                    <el-table-column label="报销金额" prop="reimbursement_amount" show-overflow-tooltip />
+
+                    <el-table-column label="付款方式" prop="pay_type">
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.pay_type" :value="row.pay_type" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="年份" prop="year" show-overflow-tooltip />
+                    <el-table-column label="月份" prop="month" show-overflow-tooltip />
+                    <el-table-column label="科目编码" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="一级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="二级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="用途" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="金额" prop="remark" show-overflow-tooltip />
+
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+
+
+                </el-table>
+            </div>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+        <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="projectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { reimbursementdetails } from '@/api/expense_reimbursement'
+import { timeFormat } from '@/utils/util'
+
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+import DetailPopup from './detail.vue'
+const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+const showDtail = ref(false)
+
+// 查询条件
+const queryParams = reactive({
+    commitor: '',
+    expense_id: '',
+    invoice_type: '',
+
+})
+
+
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('pay_type,invoice_type,tax_rate,invoice_form')
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: reimbursementdetails,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+
+// 编辑
+const handleEdit = async (data: any) => {
+    console.log(data.id)
+    let res = await expensereimbursementDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await expensereimbursementDelete({ id })
+    getLists()
+}
+const handledetail = async (data: any) => {
+    let res = await expensereimbursementDetail({ id: data.id })
+    showDtail.value = true
+    await nextTick()
+    detailRef.value?.open()
+    detailRef.value?.setFormData(res)
+}
+
+
+getLists()
+</script>
+
diff --git a/src/views/financialManagement/expense_reimbursement/detail.vue b/src/views/financialManagement/expense_reimbursement/detail.vue
new file mode 100644
index 0000000..fd1f3ad
--- /dev/null
+++ b/src/views/financialManagement/expense_reimbursement/detail.vue
@@ -0,0 +1,184 @@
+
+<template>
+    <div class="detail-popup">
+        <popup ref="popupRef" title="行政付款详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="160px">
+                <el-card class="mb-2">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="合同编号">
+                                {{ formData.contract.contract_no }}
+                            </el-form-item>
+                        </el-col>
+
+
+                        <el-col :span="12">
+                            <el-form-item label="合同名称">
+                                {{ formData.contract.contract_name
+                                }}
+                            </el-form-item>
+                        </el-col>
+
+
+                        <!-- <el-col :span="12">
+                            <el-form-item label="供应商名称">
+                                {{ formData.custom.name
+                                }}
+                            </el-form-item>
+                        </el-col> -->
+                        <el-col :span="12">
+                            <el-form-item label="申请日期">
+                                {{ formData.apply_date
+                                }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="申请人">
+                                {{ formData.applier }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="合同金额">
+                                {{ formData.amount_daxie }}
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="付款方式">
+                                <dict-value :options="dictData.pay_type" :value="formData.pay_type" />
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="12">
+                            <el-form-item label="本次支付金额">
+                                {{ formData.payment_amount }}
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="12">
+                            <el-form-item label="收款银行">
+                                {{ formData.deposit_bank }}
+                            </el-form-item>
+                        </el-col>
+
+
+                        <el-col :span="12">
+                            <el-form-item label="备注">
+                                {{ formData.remark
+                                }}
+                            </el-form-item>
+                        </el-col>
+
+
+                        <el-col :span="24">
+                            <el-form-item label="附件">
+                                <div>
+                                    <div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
+                                        <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
+                                        <span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
+                                    </div>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+
+                    </el-row>
+                </el-card>
+            </el-form>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="customdetail">
+
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiCustomDetail } from '@/api/custom'
+import { timeFormat } from '@/utils/util'
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const formDataannex = reactive([])
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+
+const datas = reactive({
+    provinceOptions: [],
+    cityOptions: [],
+    areaOptions: [],
+});
+
+
+// 表单数据
+const formData = reactive({
+
+})
+
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    Object.assign(formData, data)
+    if (data.return_desc && data.return_desc.length > 0) {
+
+        const arry1 = data.return_desc.map((item: any, index: any) => {
+            return {
+                name: `文件${index + 1}`,
+                uri: item
+            };
+        });
+        Object.assign(formDataannex, arry1)
+
+
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiCustomDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    popupRef.value?.close()
+
+}
+
+//打开弹窗
+const open = () => {
+    console.log('1111111')
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+
+
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>
+<style lang="scss">
+.tit {
+    font-size: 1.2em;
+    margin-bottom: 10px;
+}
+</style>
diff --git a/src/views/financialManagement/expense_reimbursement/edit.vue b/src/views/financialManagement/expense_reimbursement/edit.vue
new file mode 100644
index 0000000..b705df3
--- /dev/null
+++ b/src/views/financialManagement/expense_reimbursement/edit.vue
@@ -0,0 +1,586 @@
+<template>
+    <div class="edit-popup">
+
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
+
+            <el-form ref="formRef" :model="formData" label-width="auto" :rules="formRules">
+                <div style="display: flex; flex-direction: row-reverse; justify-content: flex-start;margin-bottom: 30px;">
+
+                    <el-select class="w-[180px]" v-model="formData.dept_id" clearable placeholder="请选择部门">
+                        <el-option v-for="(item, index) in list2" :key="index" :label="item.name" :value="item.id" />
+                    </el-select>
+                    <el-select class="w-[180px]" v-model="formData.org_id" clearable placeholder="请选择组织" @change="deptrmt">
+                        <el-option v-for="(item, index) in list1" :key="index" :label="item.name" :value="item.id" />
+                    </el-select>
+                </div>
+
+                <el-row :gutter="10">
+
+
+                    <el-col :span="8">
+                        <el-form-item label="报销人" prop="reimburser">
+                            <el-input v-model="formData.reimburser" clearable placeholder="请输入报销人" />
+
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item label="报销日期" prop="reimbursement_date" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.reimbursement_date" clearable type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择报销日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="客户名称" prop="customer_id" @click="showDialog = true">
+                            <el-input v-model="customer_name" readonly clearable placeholder="请输入客户名称" />
+
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24">
+                        <el-form-item label="付款方式" prop="pay_type" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
+                            <el-radio-group v-model="formData.pay_type" placeholder="请选择付款方式">
+                                <el-radio v-for="(item, index) in dictData.pay_type" :key="index" :label="parseInt(item.value)">
+                                    {{ item.name }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item label="报销金额" prop="reimbursement_amount">
+                            <el-input v-model="formData.reimbursement_amount" readonly clearable placeholder="请输入报销金额" @input="amountinput" />
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="报销金额大写" prop="invoice_amount_daxie">
+                            <el-input v-model="invoice_amount_daxie" readonly clearable placeholder="请输入报销金额大写" />
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="收款人姓名" prop="payee_name" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
+                            <el-input v-model="formData.payee_name" clearable placeholder="请输入收款人姓名" />
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="收款银行" prop="payee_bank" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
+                            <el-input v-model="formData.payee_bank" clearable placeholder="请输入收款银行" />
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="收款账号" prop="payee_account" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
+                            <el-input v-model="formData.payee_account" clearable placeholder="请输入收款账号" />
+
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input v-model="formData.remark" type="textarea" clearable placeholder="请输入备注" />
+                        </el-form-item>
+                    </el-col>
+
+
+                    <el-col :span="24">
+
+                        <el-form-item label="附件" prop="field87">
+                            <el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
+                                <el-button type="primary">
+                                    上传
+                                </el-button>
+                            </el-upload>
+
+                            <div>
+                                <div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
+                                    <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
+                                    <span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
+                                </div>
+                            </div>
+
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <div class="tit">报销明细</div>
+                <el-row>
+
+                    <el-table :data="tablist1">
+                        <el-table-column label="序号">
+                            <template #default="{ row }">
+                                <el-button @click="handleAdd(row)">+</el-button>
+                                <el-button @click="handleDelete(row)">-</el-button>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="一级科目" prop="name1">
+                            <template #default="{ row, $index }">
+                                <el-input v-model="row.name1" readonly @click="subjectmu(row, $index)" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="二级科目" prop="name2">
+                            <template #default="{ row }">
+                                <el-input v-model="row.name2" readonly />
+                            </template></el-table-column>
+                        <el-table-column label="用途" prop="use_to">
+                            <template #default="{ row }">
+                                <el-input v-model="row.use_to" /> </template>
+                        </el-table-column>
+                        <el-table-column label="金额" prop="amount">
+                            <template #default="{ row }">
+                                <el-input v-model="row.amount" type="number" @input="amountnum" /> </template>
+                        </el-table-column>
+
+                        <el-table-column label="备注" prop="remark">
+                            <template #default="{ row }">
+                                <el-input v-model="row.remark" /> </template>
+                        </el-table-column>
+
+
+                    </el-table>
+
+
+                </el-row>
+                <br />
+                <div class="tit">发票明细</div>
+
+                <div style="margin-bottom: 30px;">
+                    <el-table :data="tablist2">
+                        <el-table-column label="序号">
+                            <template #default="{ row }">
+                                <el-button @click="handleAdd1(row)">+</el-button>
+                                <el-button @click="handleDelete1(row)">-</el-button>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="发票类型" prop="invoice_type">
+                            <template #default="{ row }">
+                                <el-select v-model="row.invoice_type" clearable placeholder="请选择发票类型">
+                                    <el-option v-for="(item, index) in dictData.invoice_type" :key="index" :label="item.name" :value="item.value" />
+                                </el-select>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="发票号" prop="invoice_sn">
+                            <template #default="{ row }">
+                                <el-input v-model="row.invoice_sn" />
+                            </template></el-table-column>
+                        <el-table-column label="发票税率" prop="tax_rate">
+                            <template #default="{ row }">
+                                <el-select v-model="row.tax_rate" clearable placeholder="请选择发票类型">
+                                    <el-option v-for="(item, index) in dictData.tax_rate" :key="index" :label="item.name" :value="item.value" />
+                                </el-select> </template>
+                        </el-table-column>
+                        <el-table-column label="发票形式" prop="invoice_form">
+                            <template #default="{ row }">
+                                <el-select v-model="row.invoice_form" clearable placeholder="请选择发票类型">
+                                    <el-option v-for="(item, index) in dictData.invoice_form" :key="index" :label="item.name" :value="item.value" />
+                                </el-select> </template>
+                        </el-table-column>
+
+                        <el-table-column label="发票金额" prop="amount">
+                            <template #default="{ row }">
+                                <el-input v-model="row.amount" /> </template>
+                        </el-table-column>
+
+                        <el-table-column label="发票税额" prop="tax">
+                            <template #default="{ row }">
+                                <el-input v-model="row.tax" /> </template>
+                        </el-table-column>
+                        <el-table-column label="发票附件" prop="annex">
+                            <template #default="{ row, $index }">
+                                <!-- <el-input v-model="row.annex" /> -->
+                                <div>
+                                    <el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="(response, file, fileList) => { return handleAvatarSuccess_four1($index, response, file, fileList) }" ref="upload">
+                                        <el-button type="primary">
+                                            上传
+                                        </el-button>
+                                    </el-upload>
+                                    <div v-if="row.annex">
+                                        <div v-for="(item, index) in row.annex" style="margin-left: 5px;display: block;">
+
+                                            <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item" target="_blank">{{ item }}</a>
+                                            <span style="cursor: pointer;margin-left: 5px;" @click="delFileFn1(row, index)">x</span>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="发票备注" prop="remark">
+                            <template #default="{ row }">
+                                <el-input v-model="row.remark" /> </template>
+                        </el-table-column>
+
+
+
+                    </el-table>
+
+                </div>
+
+
+
+                <el-dialog v-model="showDialog1" title="选择科目" width="70%">
+                    <budgetDialog @customEvent="customEvent1"></budgetDialog>
+                </el-dialog>
+
+
+                <el-dialog v-model="showDialog" title="选择客户" width="70%">
+                    <customDialog @customEvent="customEvent"></customDialog>
+                </el-dialog>
+
+            </el-form>
+        </popup>
+
+    </div>
+</template>
+
+<script lang="ts" setup name="projectEdit">
+import customDialog from '@/components/custom-dialog/index.vue'
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import budgetDialog from '@/components/budget/index.vue'
+
+import { expensereimbursementAdd, expensereimbursementEdit, expensereimbursementDetail } from '@/api/expense_reimbursement'
+import { toChinesNum } from "@/utils/util";
+import { getAllProjectTypes } from '@/api/projecttype'
+import { timeFormat } from '@/utils/util'
+import { isEmail, isIdCard, isPhone } from '@/utils/validate'
+import type { PropType } from 'vue'
+import { deptAll } from '@/api/org/department'
+import { getAll } from '@/api/org/organization'
+import configs from "@/config"
+import useUserStore from "@/stores/modules/user";
+
+const base_url = configs.baseUrl + configs.urlPrefix
+const userStore = useUserStore();
+const active = ref(0)
+const formDataannex = reactive([])
+const formDataannex1 = reactive([])
+const contract_name = ref('')
+const invoice_amount_daxie = ref('')
+const contract_no = ref('')
+const supplier_name = ref('')
+const supplier_no = ref('')
+const list1 = reactive([])
+const list2 = reactive([])
+const tablist1 = reactive([{}])
+const tablist2 = reactive([{}])
+const userInfo = userStore.userInfo
+console.log(userInfo, '222222')
+// 上传文件
+const handleAvatarSuccess_four = (
+    response,
+    uploadFile
+) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg);
+        return;
+    }
+    formDataannex.push(
+        response.data.uri
+    );
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => {
+    formDataannex.splice(index, 1)
+}
+
+// 上传文件
+const handleAvatarSuccess_four1 = (index, response, file, fileList) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg);
+        return;
+    }
+    if (!tablist2[index].annex) {
+        tablist2[index].annex = [];  // 如果 annex 不存在，先创建一个空数组
+    }
+    console.log(tablist2[index], index, tablist2)
+    // console.log(index, response)
+    tablist2[index].annex.push({ uri: response.data.uri, name: response.data.name });
+
+
+
+
+    // console.log(response.data.uri, index, tablist2)
+    // formDataannex1.push(
+    //     { uri: response.data.uri, name: response.data.name }
+    // );
+};
+
+// 删除上传的文件
+const delFileFn1 = (index: number) => {
+    // 删除附件文件
+    row.annex.splice(index, 1);
+}
+
+//金额计算
+
+const amountnum = () => {
+    // console.log(tablist1)
+    formData.reimbursement_amount = tablist1.reduce((total, item) => {
+        return total + parseInt(item.amount);
+    }, 0);
+
+    setTimeout(() => {
+        toChinesNum(formData.reimbursement_amount)
+    }, 10)
+}
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const amount_daxie = ref('')
+const showDialog = ref(false)
+const showDialog1 = ref(false)
+const customer_name = ref('')
+const tabnum = ref(0)
+const customEvent = (e: any) => {
+    formData.customer_id = e.id;
+    customer_name.value = e.name;
+    showDialog.value = false;
+};
+
+const customEvent1 = (e: any) => {
+    tablist1[tabnum.value].name1 = e.subject1;
+    tablist1[tabnum.value].name2 = e.subject2;
+    showDialog1.value = false;
+};
+
+//报销明细赋值
+const subjectmu = (a: any, b: number) => {
+    tabnum.value = b
+    showDialog1.value = true
+}
+
+//获取所有组织
+const getlist = () => {
+    getAll().then((res) => {
+        Object.assign(list1, res)
+        if (res.length > 0 && !formData.org_id) {
+            formData.org_id = res[0].id
+            deptAll({ 'org_id': res[0].id }).then((res) => {
+                if (res.length > 0) {
+                    Object.assign(list2, res)
+                    formData.dept_id = res[0].id
+                }
+
+            })
+        }
+    })
+}
+//获取部门
+const deptrmt = (e: any) => {
+    formData.dept_id = ''
+    getlist1(e)
+
+}
+//获取所有部门
+const getlist1 = (id: any) => {
+    deptAll({ 'org_id': id }).then((res) => {
+        list2.splice(0, list2.length, ...res)
+    })
+}
+
+//监听输入
+const amountinput = (e) => {
+    // console.log(e)
+    if (e && e > 0) {
+        invoice_amount_daxie.value = toChinesNum(e)
+    }
+}
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑日常费用报销表' : '新增日常费用报销表'
+})
+// 删除上传的文件
+const delFileFn2 = (index: number) => {
+    formDataannex2.splice(index, 1)
+}
+
+const handleAdd = (row: any) => {
+    // 在 row 后面插入一行数据
+    const index = tablist1.indexOf(row);
+    tablist1.splice(index + 1, 0, {});
+};
+
+const handleDelete = (row: any) => {
+    // 删除 row
+    const index = tablist1.indexOf(row);
+    tablist1.splice(index, 1);
+};
+const handleAdd1 = (row: any) => {
+    // 在 row 后面插入一行数据
+    const index = tablist2.indexOf(row);
+    tablist2.splice(index + 1, 0, {});
+};
+
+const handleDelete1 = (row: any) => {
+    // 删除 row
+    const index = tablist2.indexOf(row);
+    tablist2.splice(index, 1);
+};
+// 表单数据
+const formData = reactive({
+    id: '',
+    org_id: 0,
+    dept_id: 0,
+    approve_id: 0,
+    reimburser: '',
+    reimbursement_date: "",
+    customer_id: "",
+    pay_type: 0,
+    reimbursement_amount: 0,
+    payee_name: "",
+    payee_bank: "",
+    payee_account: "",
+    remark: "",
+    annex: "",
+    detail: [
+        {
+            cost_subject_id: 0,
+            use_to: "",
+            amount: 0,
+            remark: ""
+        }
+    ],
+    invoice: [
+        {
+            invoice_type: '',
+            invoice_sn: "",
+            tax_rate: "",
+            invoice_form: '',
+            amount: '',
+            tax: "",
+            annex: "",
+            remark: ""
+        }
+    ]
+
+})
+
+
+// 表单验证
+const formRules = reactive<any>({
+
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    if (data.annex && data.annex.length > 0) {
+        if (data.annex.includes(",")) {
+            const arry1 = data.annex.split(',').map((item: any, index: any) => {
+                return {
+                    name: `文件${index + 1}`,
+                    uri: item
+                };
+            });
+            Object.assign(formDataannex, arry1)
+        } else {
+            const arry1 = [{ name: `文件1`, uri: data.annex }]
+            Object.assign(formDataannex, arry1)
+            console.log(formDataannex)
+
+        }
+    }
+    if (data.detail && data.detail.length > 0) {
+        const arry1 = data.detail.map((item, i) => {
+            if (item.subject && item.subject.subject1) {
+                item.name1 = item.subject.subject1
+            }
+            if (item.subject && item.subject.subject2) {
+                item.name2 = item.subject.subject2
+            }
+
+            return item
+        })
+
+        Object.assign(tablist1, arry1)
+        console.log(arry1, '22222222')
+    }
+    if (data.invoice && data.invoice.length > 0) {
+        Object.assign(tablist2, data.invoice)
+    }
+
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+    customer_name.value = data.custom.name
+    if (formData.reimbursement_amount) {
+        toChinesNum(Number(formData.reimbursement_amount))
+    }
+
+
+
+
+}
+const getDetail = async (row: Record<string, any>) => {
+    const data = await expensereimbursementDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    if (formDataannex.length > 0) {
+        formData.annex = JSON.stringify(formDataannex.map((item: any) => item.uri))
+    }
+    if (tablist1.length > 0) {
+        const arr1 = tablist1.map(({ name1, name2, ...rest }) => rest)
+        Object.assign(formData.detail, arr1)
+    }
+    if (tablist2.length > 0) {
+
+
+
+        Object.assign(formData.invoice, tablist2)
+    }
+
+
+
+
+    console.log(formRef.value?.validate(), '22222222')
+    await formRef.value?.validate()
+
+
+    const data = { ...formData }
+    mode.value == 'edit'
+        ? await expensereimbursementEdit(data)
+        : await expensereimbursementAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+
+    getlist()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+formData.reimburser = userInfo.name
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>
diff --git a/src/views/financialManagement/expense_reimbursement/index.vue b/src/views/financialManagement/expense_reimbursement/index.vue
new file mode 100644
index 0000000..1ba0b2b
--- /dev/null
+++ b/src/views/financialManagement/expense_reimbursement/index.vue
@@ -0,0 +1,153 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+
+                <el-form-item label="报销id" prop="expense_id">
+                    <el-input class="w-[280px]" v-model="queryParams.expense_id" clearable placeholder="请输入报销id" />
+                </el-form-item>
+                <el-form-item label="费用科目id" prop="cost_subject_id">
+                    <el-select class="w-[280px]" v-model="queryParams.cost_subject_id" clearable placeholder="请选择费用科目id">
+
+                        <el-option v-for="(item, index) in dictData.invoice_type" :key="index" :label="item.name" :value="item.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['refund.refund/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['refund.refund/delete']" :disabled="!selectData.length" @click="handleDelete(selectData)">
+                删除
+            </el-button>
+
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="序号" type="index" show-overflow-tooltip />
+                    <el-table-column label="处理流程" prop="project_code" show-overflow-tooltip />
+                    <el-table-column label="流程步骤" prop="project_code" show-overflow-tooltip />
+                    <el-table-column label="付款单号" prop="approve_no" show-overflow-tooltip />
+                    <el-table-column label="组织名称" prop="org_name" show-overflow-tooltip />
+                    <el-table-column label="部门名称" prop="dept_name" show-overflow-tooltip />
+                    <el-table-column label="供应商名称" prop="supplier_name" show-overflow-tooltip />
+                    <el-table-column label="客户名称" prop="customer_name" show-overflow-tooltip />
+                    <el-table-column label="报销人" prop="reimburser" show-overflow-tooltip />
+                    <el-table-column label="报销金额" prop="reimbursement_amount" show-overflow-tooltip />
+                    <el-table-column label="付款方式" prop="pay_type">
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.pay_type" :value="row.pay_type" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+
+                    <el-table-column label="操作" width="150" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['refund.refund/edit']" type="primary" link @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['refund.refund/delete']" type="danger" link @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                            <!-- <el-button v-perms="['refund.refund/detail']" link @click="handledetail(row)">
+                                详情
+                            </el-button> -->
+
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+        <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="projectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { expensereimbursementLists, expensereimbursementDelete, expensereimbursementDetail } from '@/api/expense_reimbursement'
+import { timeFormat } from '@/utils/util'
+
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+import DetailPopup from './detail.vue'
+const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+const showDtail = ref(false)
+
+// 查询条件
+const queryParams = reactive({
+    commitor: '',
+    expense_id: '',
+    invoice_type: '',
+
+})
+
+
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('pay_type,invoice_type,tax_rate,invoice_form')
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: expensereimbursementLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+
+// 编辑
+const handleEdit = async (data: any) => {
+    console.log(data.id)
+    let res = await expensereimbursementDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await expensereimbursementDelete({ id })
+    getLists()
+}
+const handledetail = async (data: any) => {
+    let res = await expensereimbursementDetail({ id: data.id })
+    showDtail.value = true
+    await nextTick()
+    detailRef.value?.open()
+    detailRef.value?.setFormData(res)
+}
+
+
+getLists()
+</script>
+
diff --git a/src/views/financialManagement/expense_reimbursement_detail/index.vue b/src/views/financialManagement/expense_reimbursement_detail/index.vue
new file mode 100644
index 0000000..497b33c
--- /dev/null
+++ b/src/views/financialManagement/expense_reimbursement_detail/index.vue
@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+
+                <el-form-item label="报销id" prop="expense_id">
+                    <el-input class="w-[280px]" v-model="queryParams.expense_id" clearable placeholder="请输入报销id" />
+                </el-form-item>
+                <el-form-item label="费用科目id" prop="cost_subject_id">
+                    <el-select class="w-[280px]" v-model="queryParams.cost_subject_id" clearable placeholder="请选择费用科目id">
+
+                        <el-option v-for="(item, index) in dictData.invoice_type" :key="index" :label="item.name" :value="item.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="序号" type="index" show-overflow-tooltip />
+
+                    <el-table-column label="组织名称" prop="org_name" show-overflow-tooltip />
+                    <el-table-column label="部门名称" prop="dept_name" show-overflow-tooltip />
+                    <el-table-column label="客户名称" prop="customer_name" show-overflow-tooltip />
+                    <el-table-column label="报销人" prop="reimburser" show-overflow-tooltip />
+                    <el-table-column label="报销金额" prop="reimbursement_amount" show-overflow-tooltip />
+
+                    <el-table-column label="付款方式" prop="pay_type">
+                        <template #default="{ row }">
+                            <dict-value :options="dictData.pay_type" :value="row.pay_type" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="年份" prop="year" show-overflow-tooltip />
+                    <el-table-column label="月份" prop="month" show-overflow-tooltip />
+                    <el-table-column label="科目编码" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="一级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="二级科目" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="用途" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="金额" prop="remark" show-overflow-tooltip />
+
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+
+
+                </el-table>
+            </div>
+            <div class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+        <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="projectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { reimbursementdetails } from '@/api/expense_reimbursement'
+import { timeFormat } from '@/utils/util'
+
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+import DetailPopup from './detail.vue'
+const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+const showDtail = ref(false)
+
+// 查询条件
+const queryParams = reactive({
+    commitor: '',
+    expense_id: '',
+    invoice_type: '',
+
+})
+
+
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('pay_type,invoice_type,tax_rate,invoice_form')
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: reimbursementdetails,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+
+// 编辑
+const handleEdit = async (data: any) => {
+    console.log(data.id)
+    let res = await expensereimbursementDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await expensereimbursementDelete({ id })
+    getLists()
+}
+const handledetail = async (data: any) => {
+    let res = await expensereimbursementDetail({ id: data.id })
+    showDtail.value = true
+    await nextTick()
+    detailRef.value?.open()
+    detailRef.value?.setFormData(res)
+}
+
+
+getLists()
+</script>
+