费用管理，支付申请

src/api/modules/expense/paymentRequest.js

@@ -0,0 +1,60 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+    //支付申请分页查询
+    async page(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/page',
+            method: 'post',
+            data: form
+        }, msg);
+    },
+    //支付申请草稿箱列表
+    async draft(form = {}, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/draft/list',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //支付申请信息详情
+    async detail(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/detail',
+            method: 'get',
+            params: form
+        }, msg);
+    },
+    //支付申请提交
+    async submit(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/submit',
+            method: 'post',
+            data: form
+        }, msg);
+    },
+    //支付申请记录物理删除
+    async remove(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/remove',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+    //支付申请记录上报撤销
+    async cancel(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/expense/pay/cancel',
+            method: 'post',
+            params: form
+        }, msg);
+    },
+    //获取项目合同段回款数据列表
+    async contractList(form, msg = false) {
+        return httpApi({
+            url: '/api/blade-control/ex/ma/project/contract/list',
+            method: 'get',
+            params: form
+        }, msg);
+    }
+}

src/views/expense/paymentRequest/index.vue

@@ -2,13 +2,14 @@
     <HcCard>
         <template #header>
             <div class="w-36">
-                <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-select v-model="searchForm.payeeUserId" block clearable placeholder="收款人" size="large">
+                    <el-option label="暂无接口1" value="1"/>
+                    <el-option label="暂无接口2" value="2"/>
                 </el-select>
             </div>
             <div class="w-72 ml-2">
-                <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-select v-model="searchForm.projectId" block clearable placeholder="项目名称" size="large">
+                    <el-option v-for="item in projectType" :label="item.projectName" :value="item.projectId"/>
                 </el-select>
             </div>
             <div class="ml-4">
@@ -27,7 +28,7 @@
         <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"/>
@@ -36,11 +37,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>
 
@@ -49,13 +54,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>
@@ -64,24 +71,39 @@
 </template>
 
 <script setup>
-import {ref} from "vue";
+import {onActivated, ref} from "vue";
 import {useRouter} from 'vue-router'
+import mainApi from "~api/expense/paymentRequest";
+import {getProjectList} from "~api/other";
+import {getArrValue} from "js-fast-way";
+import {delMessage} from "~uti/tools";
 
 const router = useRouter()
 
+onActivated(() => {
+    getApi()
+})
+
+const getApi = () => {
+    getProjectData()
+    getTableData()
+    getDraftNum()
+}
+
 //项目类型
-const projectType = ref([
-    {name: '二级路', key: '二级路'},
-    {name: '国道', key: '国道'},
-    {name: '水利水电', key: '水利水电'},
-    {name: '市政', key: '市政'},
-])
+const projectType = ref([])
+const getProjectData = async () => {
+    const {error, code, data} = await getProjectList()
+    //判断状态
+    if (!error && code === 200) {
+        projectType.value = getArrValue(data)
+    } else {
+        projectType.value = []
+    }
+}
 
 //搜索表单
-const searchForm = ref({
-    projectType: null, user: null, project: null,
-    current: 1, size: 20, total: 0
-})
+const searchForm = ref({payeeUserId: null, projectId: null, current: 1, size: 20, total: 0})
 
 //搜索
 const searchClick = () => {
@@ -104,35 +126,48 @@ const pageChange = ({current, size}) => {
 //获取数据
 const tableLoading = ref(false)
 const tableColumn = [
-    {key: 'key1', name: '申请时间', minWidth: '160'},
-    {key: 'key2', name: '收款人', minWidth: '160'},
-    {key: 'key3', name: '收款金额', width: '160', align: 'center'},
-    {key: 'key4', name: '收款用途', width: '160', align: 'center'},
-    {key: 'key5', name: '审批结果', width: '160', align: 'center'},
-    {key: 'key6', name: '审批状态', width: '140', align: 'center'},
-    {key: 'key7', name: '报销时间', width: '160', align: 'center'},
-    {key: 'key8', name: '创建人', width: '140', align: 'center'},
-    {key: 'key9', name: '创建时间', width: '160', align: 'center'},
+    {key: 'afDate', name: '申请时间', minWidth: '160'},
+    {key: 'payeeUserName', name: '收款人', minWidth: '160'},
+    {key: 'afMoney', name: '收款金额', width: '160', align: 'center'},
+    {key: 'payeeUseInfo', name: '收款用途', width: '160', align: 'center'},
+    {key: 'approvalResultName', name: '审批结果', width: '160', align: 'center'},
+    {key: 'approvalStatusName', name: '审批状态', width: '140', align: 'center'},
+    {key: 'afDate', name: '申请时间', width: '160', 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({
@@ -150,11 +185,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 = ({id}) => {
+    draftsModal.value = false
+    router.push({
+        name: 'expense-paymentRequest-record',
+        query: {id: id}
+    })
+}
 
+//删除草稿
+const delDraftClick = ({id}) => {
+    delMessage(async () => {
+        const {error, code, msg} = await mainApi.remove({id})
+        //判断状态
+        if (!error && code === 200) {
+            window.$message?.success(msg)
+            getDraftNum().then()
+        } else {
+            window.$message?.error(msg)
+        }
+    })
+}
 </script>

src/views/expense/paymentRequest/record.vue

@@ -1,54 +1,79 @@
 <template>
     <HcCard>
         <template #header>
-            <div class="hc-expense-total-title">请款总额(元)：1520</div>
+            <div class="hc-expense-total-title">请款总额(元)：{{formModel.afMoney}}</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-item label="申请时间：" prop="key1">
-                            <el-date-picker type="date" class="block" v-model="formModel.key1" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
+                        <el-form-item label="申请时间：" prop="afDate">
+                            <el-date-picker type="date" class="block" v-model="formModel.afDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
                         </el-form-item>
                         <div class="hc-form-item">
-                            <el-form-item label="申请人：" prop="key2">
-                                <el-select block v-model="formModel.key2">
-                                    <el-option label="选项1" value="选项1"/>
-                                    <el-option label="选项2" value="选项2"/>
+                            <el-form-item label="申请人：" prop="afUserId">
+                                <el-select block v-model="formModel.afUserId">
+                                    <el-option label="暂无接口1" value="1" />
+                                    <el-option label="暂无接口2" value="2" />
                                 </el-select>
                             </el-form-item>
-                            <el-form-item label="是否为项目提成申请：" prop="key3">
-                                <el-select block v-model="formModel.key3">
-                                    <el-option label="选项1" value="选项1"/>
-                                    <el-option label="选项2" value="选项2"/>
+                            <el-form-item label="是否为项目提成申请：" prop="isProjectBonus">
+                                <el-select block v-model="formModel.isProjectBonus">
+                                    <el-option label="否" :value="0"/>
+                                    <el-option label="是" :value="1"/>
                                 </el-select>
                             </el-form-item>
                         </div>
-                        <el-form-item label="收款人：" prop="key4">
-                            <el-input v-model="formModel.key4"/>
+                        <div class="hc-form-item" v-if="formModel.isProjectBonus === 1">
+                            <el-form-item label="关联项目：" prop="projectId">
+                                <el-select block v-model="formModel.projectId">
+                                    <el-option v-for="items in projectData" :label="items.projectName" :value="items.projectId"/>
+                                </el-select>
+                            </el-form-item>
+                            <div class="ml-2">
+                                <el-button type="default" style="margin-top: 34px;" @click="budgetModalShow">
+                                    <HcIcon name="add"/>
+                                    <span>关联合同数据</span>
+                                </el-button>
+                            </div>
+                        </div>
+                        <el-form-item label="回款时间：" prop="collectionDate" v-if="formModel.isProjectBonus === 1">
+                            <el-input v-model="formModel.collectionDate" disabled/>
                         </el-form-item>
-                        <el-form-item label="收款人开户行：" prop="key5">
-                            <el-input v-model="formModel.key5"/>
+                        <el-form-item label="回款金额：" prop="collectionMoney" v-if="formModel.isProjectBonus === 1">
+                            <el-input v-model="formModel.collectionMoney" disabled>
+                                <template #append>元</template>
+                            </el-input>
                         </el-form-item>
-                        <el-form-item label="收款账号：" prop="key6">
-                            <el-input v-model="formModel.key6"/>
+                        <el-form-item label="申请比例：" prop="afProportion" v-if="formModel.isProjectBonus === 1">
+                            <el-input v-model="formModel.afProportion">
+                                <template #append>%</template>
+                            </el-input>
                         </el-form-item>
-                        <el-form-item label="收款金额：" prop="key7">
-                            <el-input v-model="formModel.key7">
+                        <el-form-item label="请款金额：" prop="afMoney">
+                            <el-input v-model="formModel.afMoney" :disabled="formModel.isProjectBonus === 1">
                                 <template #append>元</template>
                             </el-input>
                         </el-form-item>
-                        <el-form-item label="请款用途：">
-                            <el-input type="textarea" v-model="formModel.key8" :autosize="{ minRows: 3, maxRows: 5 }"/>
+                        <el-form-item label="收款人：" prop="payeeUserName">
+                            <el-input v-model="formModel.payeeUserName"/>
+                        </el-form-item>
+                        <el-form-item label="收款人开户行：" prop="payeeUserBankName">
+                            <el-input v-model="formModel.payeeUserBankName"/>
+                        </el-form-item>
+                        <el-form-item label="收款账号：" prop="payeeUserBankId">
+                            <el-input v-model="formModel.payeeUserBankId"/>
                         </el-form-item>
-                        <el-form-item label="关联项目：" prop="key9">
-                            <el-select block v-model="formModel.key9">
-                                <el-option label="选项1" value="选项1"/>
-                                <el-option label="选项2" value="选项2"/>
+                        <el-form-item label="请款用途：" prop="payeeUseInfo" v-if="formModel.isProjectBonus !== 1">
+                            <el-input type="textarea" v-model="formModel.payeeUseInfo" :autosize="{ minRows: 3, maxRows: 5 }"/>
+                        </el-form-item>
+                        <el-form-item label="关联项目：" v-if="formModel.isProjectBonus !== 1">
+                            <el-select block v-model="formModel.projectId">
+                                <el-option v-for="items in projectData" :label="items.projectName" :value="items.projectId"/>
                             </el-select>
                         </el-form-item>
                         <el-form-item label="备注：">
-                            <el-input type="textarea" v-model="formModel.key10" :autosize="{ minRows: 3, maxRows: 5 }"/>
+                            <el-input type="textarea" v-model="formModel.remarks" :autosize="{ minRows: 3, maxRows: 5 }"/>
                         </el-form-item>
                     </el-form>
                 </el-scrollbar>
@@ -66,33 +91,187 @@
                     </el-scrollbar>
                 </div>
                 <div class="action">
-                    <el-button type="warning" hc-btn>
+                    <el-button type="warning" hc-btn :loading="tempLoading" @click="tempDraftData">
                         <HcIcon name="draft"/>
                         <span>暂存草稿</span>
                     </el-button>
-                    <el-button type="primary" hc-btn>
+                    <el-button type="primary" hc-btn :loading="submitLoading" @click="submitFormData">
                         <HcIcon name="check-double"/>
-                        <span>提交报销申请</span>
+                        <span>提交申请</span>
                     </el-button>
                 </div>
             </div>
         </div>
+
+        <!--关联合同回款数据-->
+        <HcDialog bgColor="#ffffff" isToBody isTable title="关联合同回款数据" widths="80%" saveText="保存"
+                  :show="relatedModal" @close="relatedCloseClick" @save="relatedSaveClick"
+        >
+            <HcTable :column="tableRelatedColumn" :datas="tableRelatedData" :loading="tableRelatedLoading">
+                <template #action="{row,index}">
+                    <el-button size="small" type="danger" @click="rowDisassociate(row)" v-if="row.isRelevance">取消关联</el-button>
+                    <el-button size="small" type="primary" @click="rowRelevance(row)" v-else>关联</el-button>
+                </template>
+            </HcTable>
+        </HcDialog>
+
     </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 {getProjectList} from "~api/other";
+import mainApi from "~api/expense/paymentRequest";
+import {formValidate, getArrValue, getObjValue} from "js-fast-way";
 
+//初始变量
 const router = useRouter()
+const useRoutes = useRoute()
 
-//明细表单
-const formRef = ref(null)
-const formModel = ref({
-    key1: '', key2: '', key3: '', key4: '', key5: '',
+//路由参数
+const dataId = ref(useRoutes?.query?.id ?? '')
+
+//页面被激活
+onActivated(() => {
+    dataId.value = useRoutes?.query?.id ?? ''
+    getApi()
 })
-const formRules = {}
 
+//请求接口
+const getApi = () => {
+    //下拉框相关数据
+    getProjectData()
+    //获取数据详情
+    if (dataId.value > 0) {
+        getDetailsData()
+    } else {
+        formModel.value = {}
+    }
+}
+
+//获取项目数据
+const projectData = ref([])
+const getProjectData = async () => {
+    const {error, code, data} = await getProjectList()
+    //判断状态
+    if (!error && code === 200) {
+        projectData.value = getArrValue(data)
+    } else {
+        projectData.value = []
+    }
+}
+
+//表单
+const formRef = ref(null)
+const formModel = ref({})
+const formRules = {
+    afDate: [{required: true, message: '请选择申请时间', trigger: 'change'}],
+    afUserId: [{required: true, message: '请选择申请人', trigger: 'change'}],
+    isProjectBonus: [{required: true, message: '请选择是否为项目提成申请', trigger: 'change'}],
+    projectId: [{required: true, message: '请选择关联项目', trigger: 'change'}],
+    collectionDate: [{required: true, message: '请选择回款时间', trigger: 'change'}],
+    collectionMoney: [{required: true, message: '请选择回款金额', trigger: 'change'}],
+    afProportion: [{required: true, message: '请输入申请比例', trigger: 'blur'}],
+    afMoney: [{required: true, message: '请输入请款金额', trigger: 'blur'}],
+    payeeUserName: [{required: true, message: '请输入收款人', trigger: 'blur'}],
+    payeeUserBankName: [{required: true, message: '请输入收款人开户行', trigger: 'blur'}],
+    payeeUserBankId: [{required: true, message: '请输入收款账号', trigger: 'blur'}],
+    payeeUseInfo: [{required: true, message: '请输入请款用途', trigger: 'blur'}],
+}
+
+//草稿数据详情
+const getDetailsData = async () => {
+    const {error, code, data} = await mainApi.detail({
+        id: dataId.value
+    })
+    //判断状态
+    if (!error && code === 200) {
+        formModel.value = getObjValue(data)
+    } else {
+        formModel.value = {}
+    }
+}
+
+//关联预算计划
+const relatedModal = ref(false)
+const relatedIds = ref([])
+const budgetModalShow = () => {
+    const {projectId, contractCollectionDataId} = formModel.value
+    relatedModal.value = true
+    relatedIds.value = contractCollectionDataId?.split(',') || []
+    getBudgetTableData(projectId)
+}
+
+//关联预算计划表格
+const tableRelatedLoading = ref(false)
+const tableRelatedColumn = [
+    {key: 'returnedCondition', name: '回款条件'},
+    {key: 'shouldReturnedTime', name: '应收回款时间',  width: '180', align: 'center'},
+    {key: 'shouldReturnedMoney', name: '应收回款金额(元)',  width: '140', align: 'center'},
+    {key: 'practicalReturnedTime', name: '实际回款时间', width: '180', align: 'center'},
+    {key: 'practicalReturnedMoney', name: '实际回款金额(元)', width: '140', align: 'center'},
+    {key: 'reminderUserName', name: '催款执行人', width: '100', align: 'center'},
+    {key: 'action', name: '操作', width: '100', align: 'center'},
+]
+const tableRelatedData = ref([])
+const getBudgetTableData = async (projectId) => {
+    tableRelatedLoading.value = true
+    const {error, code, data} = await mainApi.contractList({
+        projectId: projectId
+    })
+    //判断状态
+    tableRelatedLoading.value = false
+    if (!error && code === 200) {
+        tableRelatedData.value = await isRowRelevance(data)
+    } else {
+        tableRelatedData.value = []
+    }
+}
+
+//判断是否关联
+const isRowRelevance = async (data) => {
+    const res = getArrValue(data)
+    const ids = relatedIds.value
+    res.forEach(item => {
+        item.isRelevance = ids.includes(item.id)
+    })
+    return res
+}
+
+//取消关联
+const rowDisassociate = (row) => {
+    const ids = relatedIds.value
+    const index = ids.indexOf(row.id)
+    if (index > -1) {
+        ids.splice(index, 1)
+    }
+    relatedIds.value = ids
+    row.isRelevance = false
+}
+
+//关联
+const rowRelevance = (row) => {
+    const ids = relatedIds.value
+    ids.push(row.id)
+    relatedIds.value = ids
+    row.isRelevance = true
+}
+
+
+//确认关联数据
+const relatedSaveClick = () => {
+    const ids = relatedIds.value?.join(',')
+    console.log('ids', ids)
+}
+
+//关闭关联数据
+const relatedCloseClick = () => {
+    relatedModal.value = false
+}
+
+
+//流程数据
 const timeLineData = ref([
     {title: '审批人', section: '部门负责人'},
     {title: '财务审核', section: '财务'},
@@ -100,6 +279,45 @@ const timeLineData = ref([
     {title: '出纳付款', section: '出纳'},
     {title: '抄送人', section: '总经理、财务、申请人'},
 ])
+
+
+//暂存数据
+const tempLoading = ref(false)
+const tempDraftData = async () => {
+    tempLoading.value = true
+    const {error, code, msg} = await mainApi.submit({
+        ...formModel.value,
+        submitStatus: 1
+    })
+    //判断状态
+    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) {
+        submitLoading.value = true
+        //发起请求
+        const {error, code, msg} = await mainApi.submit({
+            ...formModel.value,
+            submitStatus: 2
+        })
+        //判断状态
+        submitLoading.value = false
+        if (!error && code === 200) {
+            window.$message?.success('提交成功')
+        } else {
+            window.$message?.error(msg)
+        }
+    }
+}
 </script>
 
 <style scoped lang="scss">