用车申请

src/api/modules/expense/vehicleRequest.js

@@ -0,0 +1,52 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+    //分页查询
+    async page(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/page',
+            method: 'post',
+            data: form
+        }, msg);
+    },
+    //草稿箱列表
+    async draft(form = {}, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/draft/list',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //数据详情
+    async detail(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/draft/detail',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //提交申请
+    async submit(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/submit',
+            method: 'post',
+            data: form
+        }, msg);
+    },
+    //记录物理删除
+    async remove(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/remove',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+    //记录撤销
+    async cancel(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/car/cancel',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+}

src/views/expense/vehicleRequest/index.vue

@@ -3,14 +3,27 @@
         <template #header>
             <div class="w-72">
                 <el-select v-model="searchForm.projectType" block clearable placeholder="申请部门" size="large">
-                    <el-option v-for="item in projectType" :label="item.name" :value="item.key"/>
+                    <el-option label="暂无接口1" value="1"/>
+                    <el-option label="暂无接口2" value="2"/>
                 </el-select>
             </div>
+            <div class="ml-4">
+                <el-button type="primary" @click="searchClick" size="large">
+                    <HcIcon name="search-2"/>
+                    <span>搜索</span>
+                </el-button>
+            </div>
+            <div class="ml-2">
+                <el-button size="large" @click="resetClick">
+                    <HcIcon name="close-circle"/>
+                    <span>重置</span>
+                </el-button>
+            </div>
         </template>
         <template #extra>
             <el-button size="large" type="warning" hc-btn @click="draftsClick">
                 <HcIcon name="draft"/>
-                <span>草稿箱(1)</span>
+                <span>草稿箱{{draftNum > 0 ? `(${draftNum})` : ''}}</span>
             </el-button>
             <el-button size="large" type="primary" hc-btn @click="addRowClick">
                 <HcIcon name="add"/>
@@ -19,11 +32,15 @@
         </template>
 
         <HcTable :column="tableColumn" :datas="tableData" :loading="tableLoading">
-            <template #key="{row}">
-                <span class="text-blue" @click="rowNameTap(row)">{{row.key}}</span>
-            </template>
             <template #action="{row,index}">
-                <el-button size="small" type="primary">撤销</el-button>
+                <el-popconfirm title="是否确认撤销?" hide-icon @confirm="rowCancel(row)">
+                    <template #reference>
+                        <el-button size="small" type="primary"
+                                   :disabled="row.status !== 1"
+                                   :loading="row.isCancelLoading"
+                        >撤销</el-button>
+                    </template>
+                </el-popconfirm>
             </template>
         </HcTable>
 
@@ -32,13 +49,15 @@
         </template>
 
         <!--草稿箱-->
-        <HcDialog bgColor="#ffffff" isToBody isTable :footer="false" :show="draftsModal" title="草稿箱(1)" widths="62rem" @close="draftsCloseClick">
+        <HcDialog isToBody isTable bgColor="#ffffff" widths="62rem" :footer="false" :show="draftsModal"
+                  :title="draftNum > 0 ? `草稿箱(${draftNum})` : '草稿箱'" @close="draftsCloseClick"
+        >
             <el-alert title="3个月内未更新的草稿将被自动删除" type="warning" show-icon />
             <div style="position: relative;height: calc(100% - 44px);">
                 <HcTable :isIndex="false" :column="tableDraftsColumn" :datas="tableDraftsData">
                     <template #action="{row,index}">
-                        <el-button size="small" type="primary">继续编辑</el-button>
-                        <el-button size="small" type="danger">删除</el-button>
+                        <el-button size="small" type="primary" @click="editDraftClick(row)">继续编辑</el-button>
+                        <el-button size="small" type="danger" @click="delDraftClick(row)">删除</el-button>
                     </template>
                 </HcTable>
             </div>
@@ -47,24 +66,26 @@
 </template>
 
 <script setup>
-import {ref} from "vue";
+import {onActivated, ref} from "vue";
 import {useRouter} from 'vue-router'
+import mainApi from "~api/expense/vehicleRequest";
+import {getArrValue} from "js-fast-way";
+import {delMessage} from "~uti/tools";
 
 const router = useRouter()
 
-//项目类型
-const projectType = ref([
-    {name: '二级路', key: '二级路'},
-    {name: '国道', key: '国道'},
-    {name: '水利水电', key: '水利水电'},
-    {name: '市政', key: '市政'},
-])
+onActivated(() => {
+    getApi()
+})
+
+const getApi = () => {
+    getTableData()
+    getDraftNum()
+}
+
 
 //搜索表单
-const searchForm = ref({
-    projectType: null, user: null, project: null,
-    current: 1, size: 20, total: 0
-})
+const searchForm = ref({projectType: null, current: 1, size: 20, total: 0})
 
 //搜索
 const searchClick = () => {
@@ -87,37 +108,48 @@ const pageChange = ({current, size}) => {
 //获取数据
 const tableLoading = ref(false)
 const tableColumn = [
-    {key: 'key1', name: '申请部门', minWidth: '200'},
-    {key: 'key2', name: '用车事由', minWidth: '200'},
-    {key: 'key3', name: '始发地点', minWidth: '200'},
-    {key: 'key4', name: '返回地点', minWidth: '200'},
-    {key: 'key5', name: '用车起止日期', width: '220', align: 'center'},
-    {key: 'key6', name: '车辆类型', width: '220', align: 'center'},
-    {key: 'key7', name: '审批结果', width: '140', align: 'center'},
-    {key: 'key8', name: '审批状态', width: '140', align: 'center'},
-    {key: 'key9', name: '报销时间', width: '160', align: 'center'},
-    {key: 'key10', name: '创建人', width: '140', align: 'center'},
-    {key: 'key11', name: '创建时间', width: '160', align: 'center'},
+    {key: 'ucOrgName', name: '申请部门', minWidth: '200'},
+    {key: 'ucDesc', name: '用车事由', minWidth: '200'},
+    {key: 'startLocations', name: '始发地点', minWidth: '200'},
+    {key: 'endLocations', name: '返回地点', minWidth: '200'},
+    {key: 'useReturnDate', name: '用车起止日期', width: '220', align: 'center'},
+    {key: 'carType', name: '车辆类型', width: '220', align: 'center'},
+    {key: 'approvalResultName', name: '审批结果', width: '140', align: 'center'},
+    {key: 'approvalStatusName', name: '审批状态', width: '140', align: 'center'},
+    {key: 'createName', name: '创建人', width: '140', align: 'center'},
+    {key: 'createTime', name: '创建时间', width: '160', align: 'center'},
     {key: 'action', name: '操作', width: '90', align: 'center', fixed: 'right'},
 ]
-const tableData = ref([
-    {id: 1, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-    {id: 2, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-    {id: 3, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-    {id: 4, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-    {id: 5, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-    {id: 6, key: 'YS-01', key1: 'xxxx', key2: 'xxxx', key3: '65632', key4: '35654', key5: '12312', key6: 'xxxx'},
-])
-
-const getTableData = () => {
-
+const tableData = ref([])
+const getTableData = async () => {
+    tableLoading.value = true
+    const {error, code, data} = await mainApi.page(searchForm.value)
+    //判断状态
+    tableLoading.value = false
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data['records'])
+        searchForm.value.total = data['total'] || 0
+    } else {
+        tableData.value = []
+        searchForm.value.total = 0
+    }
 }
 
-//预览
-const rowNameTap = (row) => {
-
+//撤销
+const rowCancel = async (row) => {
+    row.isCancelLoading = true
+    const {error, code, msg} = await mainApi.cancel({id: row.id})
+    //判断状态
+    row.isCancelLoading = false
+    if (!error && code === 200) {
+        window.$message?.success(msg)
+        getTableData().then()
+    } else {
+        window.$message?.error(msg)
+    }
 }
 
+
 //新增
 const addRowClick = () => {
     router.push({
@@ -135,11 +167,47 @@ const draftsCloseClick = () => {
 }
 
 //草稿箱数据
+const draftNum = ref(0)
 const tableDraftsColumn = [
-    {key: 'key1', name: '标题'},
-    {key: 'key2', name: '更新时间', width: '200'},
+    {key: 'title', name: '标题'},
+    {key: 'updateTime', name: '更新时间', width: '200'},
     {key: 'action', name: '操作', width: '170', align: 'center'},
 ]
-const tableDraftsData = ref([{id: 1, key1: 'xxxx', key2: 'xxxx'}, {id: 2, key1: 'xxxx', key2: 'xxxx'}, {id: 3, key1: 'xxxx', key2: 'xxxx'}])
+const tableDraftsData = ref([])
+//获取草稿数量
+const getDraftNum = async () => {
+    const {error, code, data} = await mainApi.draft()
+    //判断状态
+    if (!error && code === 200) {
+        const res = getArrValue(data)
+        tableDraftsData.value = res
+        draftNum.value = res.length
+    } else {
+        tableDraftsData.value = []
+        draftNum.value = 0
+    }
+}
 
+//继续编辑
+const editDraftClick = ({emdraftIds}) => {
+    draftsModal.value = false
+    router.push({
+        name: 'expense-vehicleRequest-record',
+        query: {id: emdraftIds}
+    })
+}
+
+//删除草稿
+const delDraftClick = ({groupId}) => {
+    delMessage(async () => {
+        const {error, code, msg} = await mainApi.remove({groupId})
+        //判断状态
+        if (!error && code === 200) {
+            window.$message?.success(msg)
+            getDraftNum().then()
+        } else {
+            window.$message?.error(msg)
+        }
+    })
+}
 </script>

src/views/expense/vehicleRequest/record.vue

@@ -1,64 +1,71 @@
 <template>
     <HcCard>
         <template #header>
-            <div class="hc-expense-total-title">车量：1520</div>
+            <div class="hc-expense-total-title">车量：{{totalFrMoney}}</div>
         </template>
         <div class="hac-expense-record-body">
             <div class="record-form-box">
                 <el-scrollbar>
-                    <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" size="large">
+                    <el-form ref="formRef" :model="detailsData" :rules="formRules" label-position="top" size="large">
                         <el-form-item label="用车事由：">
-                            <el-input type="textarea" v-model="formModel.key1" :autosize="{ minRows: 2, maxRows: 3 }"/>
+                            <el-input type="textarea" v-model="detailsData.ucDesc" :autosize="{ minRows: 2, maxRows: 3 }"/>
                         </el-form-item>
                         <div class="hc-form-item">
                             <el-form-item label="始发地点：">
-                                <el-input v-model="formModel.key2"/>
+                                <el-input v-model="detailsData.startLocations"/>
                             </el-form-item>
-                            <el-form-item label="返回地点：" prop="key3">
-                                <el-input v-model="formModel.key3"/>
+                            <el-form-item label="返回地点：">
+                                <el-input v-model="detailsData.endLocations"/>
                             </el-form-item>
                         </div>
                         <div class="hc-form-item">
-                            <el-form-item label="用车日期：" prop="key4">
-                                <el-date-picker type="date" class="block" v-model="formModel.key4" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
+                            <el-form-item label="用车日期：" prop="useStartDate">
+                                <el-date-picker type="date" class="block" v-model="detailsData.useStartDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
                             </el-form-item>
-                            <el-form-item label="返回日期：" prop="key5">
-                                <el-date-picker type="date" class="block" v-model="formModel.key5" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
+                            <el-form-item label="返回日期：" prop="useEndDate">
+                                <el-date-picker type="date" class="block" v-model="detailsData.useEndDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
                             </el-form-item>
                         </div>
                     </el-form>
-
-                    <HcCardItem title="车辆明细1" ui="hac-bg-grey" class="mt-6">
-                        <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" size="large">
-                            <div class="hc-form-item">
-                                <el-form-item label="车辆类型：">
-                                    <el-input v-model="formModel.key2"/>
-                                </el-form-item>
-                                <el-form-item label="数量：" prop="key2">
-                                    <el-input v-model="formModel.key2">
-                                        <template slot="append">辆</template>
-                                    </el-input>
-                                </el-form-item>
-                                <el-form-item label="其它要求：" prop="key3">
-                                    <el-input v-model="formModel.key2"/>
-                                </el-form-item>
-                            </div>
-                        </el-form>
-                    </HcCardItem>
+                    <template v-for="(item, index) in detailsData.details">
+                        <HcCardItem :title="'车辆明细' + (index + 1)" ui="hac-bg-grey" class="mt-6">
+                            <template #extra>
+                                <el-button type="danger" size="small" @click="delDetailsData(index)" v-if="index > 0">
+                                    <HcIcon name="delete-bin"/>
+                                    <span>删除明细</span>
+                                </el-button>
+                            </template>
+                            <el-form :ref="(el) => setFormItemRefs(el, index)" :model="item" :rules="formItemRules" label-position="top" size="large">
+                                <div class="hc-form-item">
+                                    <el-form-item label="车辆类型：" prop="carType">
+                                        <el-input v-model="item.carType"/>
+                                    </el-form-item>
+                                    <el-form-item label="数量：" prop="carCount">
+                                        <el-input v-model="item.carCount">
+                                            <template slot="append">辆</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="其它要求：">
+                                        <el-input v-model="item.otherRequirements"/>
+                                    </el-form-item>
+                                </div>
+                            </el-form>
+                        </HcCardItem>
+                    </template>
                     <div class="text-gray text-sm mt-6">如需多种车型，请点击增加车辆</div>
                     <div class="record-form-action-box mt-8">
                         <el-divider content-position="right" border-style="dashed">
-                            <el-button type="primary" hc-btn>
+                            <el-button type="primary" hc-btn @click="addDetailsData">
                                 <HcIcon name="add"/>
                                 <span>增加车辆</span>
                             </el-button>
                         </el-divider>
-                        <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" size="large">
+                        <el-form :model="detailsData" label-position="top" size="large">
                             <el-form-item label="备注：">
-                                <el-input type="textarea" v-model="formInline.key1" :autosize="{ minRows: 3, maxRows: 5 }"/>
+                                <el-input type="textarea" v-model="detailsData.remarks" :autosize="{ minRows: 3, maxRows: 5 }"/>
                             </el-form-item>
                             <el-form-item label="图片：">
-                                <HcFormUpload :src="formModel.key6" @item="formFileClick"/>
+                                <HcFormUpload type="preview" :src="detailsData.photoUrl" @upload="formItemUpload" @change="formItemChange"/>
                             </el-form-item>
                         </el-form>
                     </div>
@@ -77,55 +84,207 @@
                     </el-scrollbar>
                 </div>
                 <div class="action">
-                    <el-button type="warning" hc-btn>
+                    <el-button type="warning" :loading="tempLoading" hc-btn @click="tempDraftData">
                         <HcIcon name="draft"/>
                         <span>暂存草稿</span>
                     </el-button>
-                    <el-button type="primary" hc-btn>
+                    <el-button type="primary" :loading="submitLoading" hc-btn @click="submitFormData">
                         <HcIcon name="check-double"/>
-                        <span>提交报销申请</span>
+                        <span>提交申请</span>
                     </el-button>
                 </div>
             </div>
         </div>
 
         <!--上传控件-->
-        <HcUploadFile ref="HcUploadFileRef" :options="uploadFileOptions" :echoParams="uploadEchoParams" @success="HcUploadFileSuccess"/>
+        <HcUploadFile ref="HcUploadFileRef" :options="uploadFileOptions" @item="HcUploadFileItem" @success="HcUploadFileSuccess"/>
+
     </HcCard>
 </template>
 
 <script setup>
-import {ref} from "vue";
-import {useRouter} from 'vue-router'
+import {ref, onActivated} from "vue";
+import {useRouter, useRoute} from 'vue-router'
+import mainApi from "~api/expense/vehicleRequest";
 import {getTokenHeader} from "~src/api/request/header";
+import {arrIndex, deepClone, formValidate, getArrValue} from "js-fast-way";
+import {delMessage} from "~uti/tools";
 
+//初始变量
 const router = useRouter()
+const useRoutes = useRoute()
+
+//路由参数
+const dataId = ref(useRoutes?.query?.id ?? '')
+
+onActivated(() => {
+    dataId.value = useRoutes?.query?.id ?? ''
+    getApi()
+})
+
+const getApi = () => {
+    //获取数据详情
+    if (dataId.value > 0) {
+        getDetailsData()
+    } else {
+        totalFrMoney.value = '0'
+        detailsData.value = {
+            ...detailsObj,
+            details: [detailsObj1]
+        }
+    }
+}
+
+//基础详情
+const detailsObj = {
+    ucDesc: '',                 // 用车事由
+    startLocations: '',         // 始发地点
+    endLocations: '',           // 返回地点
+    useStartDate: null,         // 用车日期
+    useEndDate: null,           // 返回日期
+    remarks: '',                // 备注
+    photoUrl: '',               // 图片
+    cashierUser: {},            // 出纳人
+    ccUserList: {},             // 抄送人列表
+    finalConfirmationUser: {},  // 最终确认付款人
+    financeUser: {},            // 财务人员
+    responsibleUser: {},        // 部门负责人
+    //details: [detailsObj1],
+}
+
+//明细
+const detailsObj1 = {
+    carType: '',            // 车辆类型
+    carCount: '',           // 车辆数量
+    otherRequirements: '',  // 其它要求
+}
+
+//基础详情表单
+const formRef = ref(null)
+const formRules = {
+    useStartDate: [{required: true, message: '请选择用车日期', trigger: 'change'}],
+    useEndDate: [{required: true, message: '请选择返回日期', trigger: 'change'}]
+}
+
+//明细表单
+const formItemRules = {
+    carType: [{required: true, message: '请输入车辆类型', trigger: 'blur'}],
+    carCount: [{required: true, message: '请输入车辆数量', trigger: 'blur'}]
+}
+const formRefs = ref([])
+const setFormItemRefs = (el, index) => {
+    if (el) {
+        let indexs = arrIndex(formRefs.value, 'index', index)
+        if (indexs !== -1) {
+            formRefs.value[index].ref = el
+        } else {
+            formRefs.value.push({index: index, ref: el});
+        }
+    }
+}
+
+//获取表单的ref
+const getFormRef = async (index) => {
+    const indexs = arrIndex(formRefs.value, 'index', index)
+    return formRefs.value[indexs].ref
+}
+
+//添加明细
+const addDetailsData = () => {
+    detailsData.value?.details.push({})
+}
+
+//删除明细
+const delDetailsData = (index) => {
+    delMessage(() => {
+        detailsData.value?.details.splice(index, 1)
+    })
+}
+
+//获取详情数据
+const totalFrMoney = ref('')
+const detailsData = ref({})
+const getDetailsData = async () => {
+    const {error, code, data} = await mainApi.detail({
+        eMDraftIds: dataId.value
+    })
+    //判断状态
+    const res = getArrValue(data)
+    if (!error && code === 200 && res.length > 0) {
+        let newDetails = {}, newDetailsArr = [], frMoney = 0
+        res.forEach((item, index) => {
+            //基础数据
+            if (index === 0) {
+                Object.keys(detailsObj).forEach(key => {
+                    newDetails[key] = item[key]
+                })
+            }
+            //明细数据
+            let newDetails1 = {}
+            Object.keys(detailsObj1).forEach(key => {
+                newDetails1[key] = item[key]
+            })
+            newDetails1.id = item?.id
+            newDetailsArr.push(newDetails1)
+            frMoney = Number(frMoney) + Number(item?.carCount)
+        })
+        newDetails.details = newDetailsArr
+        totalFrMoney.value = frMoney
+        detailsData.value = newDetails
+    } else {
+        totalFrMoney.value = '0'
+        detailsData.value = {
+            ...detailsObj,
+            details: [detailsObj1]
+        }
+    }
+}
 
 //上传配置
 const HcUploadFileRef = ref(null)
-const uploadEchoParams = ref({})
 const uploadFileOptions = {
     headers: getTokenHeader(),
 }
 
-//明细表单
-const formRef = ref(null)
-const formModel = ref({
-    key1: '', key2: '', key3: '', key4: '', key5: '',
-})
-const formRules = {}
-
-//附件
-const formFileClick = () => {
+//图片上传
+const formItemUpload = () => {
     HcUploadFileRef.value?.selectFile();
 }
 
+//文件数据改变
+const formItemChange = (src) => {
+    detailsData.value.photoUrl = src
+}
+
 //上传完成
-const HcUploadFileSuccess = (res) => {
+const HcUploadFileSuccess = ({resData}) => {
+    setUploadFileData(resData)
+}
 
+//使用某个文件
+const HcUploadFileItem = ({item}) => {
+    const {photoUrl} = detailsData.value, {link} = item.resData
+    const urls = photoUrl.split(',')
+    if (urls.indexOf(link) === -1) {
+        setUploadFileData(item.resData)
+    } else {
+        window.$message?.warning('文件已存在')
+    }
 }
 
-const formInline = ref({})
+//设置上传后的数据
+const setUploadFileData = (resData) => {
+    const {photoUrl} = detailsData.value, {link} = resData
+    let url = photoUrl
+    if (url) {
+        url += `,${link}`
+    } else {
+        url = link
+    }
+    detailsData.value.photoUrl = url
+}
+
+//流程数据
 const timeLineData = ref([
     {title: '审批人', section: '部门负责人'},
     {title: '财务审核', section: '财务'},
@@ -133,6 +292,79 @@ const timeLineData = ref([
     {title: '出纳付款', section: '出纳'},
     {title: '抄送人', section: '总经理、财务、申请人'},
 ])
+
+//处理表单数据
+const getFormData = (submitStatus = 1) => {
+    const res = deepClone(detailsData.value)
+    const cashierUser = {userId: ''}            //出纳人
+    const ccUserList = [{userId: ''}]           //抄送人列表
+    const finalConfirmationUser = {userId: ''}  //最终确认付款人
+    const financeUser = {userId: ''}            //财务人员
+    const responsibleUser = {userId: ''}        //部门负责人
+    //----处理数据----
+    let newFormData = [], newDetails = {}
+    //基础数据
+    Object.keys(detailsObj).forEach(key => {
+        newDetails[key] = res[key]
+    })
+    //组装为数组集合的表单数据
+    const list = res?.details
+    list.forEach(item => {
+        newFormData.push({
+            ...newDetails,
+            ...item,
+            cashierUser,
+            ccUserList,
+            finalConfirmationUser,
+            financeUser,
+            responsibleUser,
+            submitStatus //提交状态 1=暂存 2=提交审批
+        })
+    })
+    return newFormData
+}
+
+//暂存数据
+const tempLoading = ref(false)
+const tempDraftData = async () => {
+    tempLoading.value = true
+    const form = getFormData(1)
+    const {error, code, msg} = await mainApi.submit(form)
+    //判断状态
+    tempLoading.value = false
+    if (!error && code === 200) {
+        window.$message?.success('暂存成功')
+    } else {
+        window.$message?.error(msg)
+    }
+}
+
+//提交报销申请
+const submitLoading = ref(false)
+const submitFormData = async () => {
+    const res = await formValidate(formRef.value)
+    if (!res) return false;
+    //处理明细表单效验
+    submitLoading.value = true
+    const form = getFormData(2)
+    for (let i = 0; i < form.length; i++) {
+        const refs = await getFormRef(i)
+        const res = await formValidate(refs)
+        if (!res) {
+            submitLoading.value = false
+            return
+        }
+    }
+    //发起请求
+    const {error, code, msg} = await mainApi.submit(form)
+    //判断状态
+    submitLoading.value = false
+    if (!error && code === 200) {
+        window.$message?.success('提交成功')
+    } else {
+        window.$message?.error(msg)
+    }
+}
 </script>
 
 <style scoped lang="scss">