bug修复
This commit is contained in:
lxz
parent
55027fe0cd
commit
cab1b44363
26
src/api/project_cost_adjustment.ts
Normal file
26
src/api/project_cost_adjustment.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-成本调整列表
|
||||
export function apiProjectCostAdjustmentLists(params: any) {
|
||||
return request.get({ url: '/project.project_cost_adjustment/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-成本调整
|
||||
export function apiProjectCostAdjustmentAdd(params: any) {
|
||||
return request.post({ url: '/project.project_cost_adjustment/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-成本调整
|
||||
export function apiProjectCostAdjustmentEdit(params: any) {
|
||||
return request.post({ url: '/project.project_cost_adjustment/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-成本调整
|
||||
export function apiProjectCostAdjustmentDelete(params: any) {
|
||||
return request.post({ url: '/project.project_cost_adjustment/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-成本调整详情
|
||||
export function apiProjectCostAdjustmentDetail(params: any) {
|
||||
return request.get({ url: '/project.project_cost_adjustment/detail', params })
|
||||
}
|
||||
0
src/api/project_job_type copy.ts
Normal file
0
src/api/project_job_type copy.ts
Normal file
26
src/api/project_loan_apply.ts
Normal file
26
src/api/project_loan_apply.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-借款申请列表
|
||||
export function apiProjectLoanApplyLists(params: any) {
|
||||
return request.get({ url: '/project.project_loan_apply/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-借款申请
|
||||
export function apiProjectLoanApplyAdd(params: any) {
|
||||
return request.post({ url: '/project.project_loan_apply/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-借款申请
|
||||
export function apiProjectLoanApplyEdit(params: any) {
|
||||
return request.post({ url: '/project.project_loan_apply/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-借款申请
|
||||
export function apiProjectLoanApplyDelete(params: any) {
|
||||
return request.post({ url: '/project.project_loan_apply/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-借款申请详情
|
||||
export function apiProjectLoanApplyDetail(params: any) {
|
||||
return request.get({ url: '/project.project_loan_apply/detail', params })
|
||||
}
|
||||
26
src/api/project_travel_reimbursement.ts
Normal file
26
src/api/project_travel_reimbursement.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-差旅报销列表
|
||||
export function apiProjectTravelReimbursementLists(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-差旅报销
|
||||
export function apiProjectTravelReimbursementAdd(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-差旅报销
|
||||
export function apiProjectTravelReimbursementEdit(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-差旅报销
|
||||
export function apiProjectTravelReimbursementDelete(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-差旅报销详情
|
||||
export function apiProjectTravelReimbursementDetail(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement/detail', params })
|
||||
}
|
||||
26
src/api/project_travel_reimbursement_detail.ts
Normal file
26
src/api/project_travel_reimbursement_detail.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-差旅报销-报销明细列表
|
||||
export function apiProjectTravelReimbursementDetailLists(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement_detail/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-差旅报销-报销明细
|
||||
export function apiProjectTravelReimbursementDetailAdd(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_detail/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-差旅报销-报销明细
|
||||
export function apiProjectTravelReimbursementDetailEdit(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_detail/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-差旅报销-报销明细
|
||||
export function apiProjectTravelReimbursementDetailDelete(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_detail/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-差旅报销-报销明细详情
|
||||
export function apiProjectTravelReimbursementDetailDetail(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement_detail/detail', params })
|
||||
}
|
||||
26
src/api/project_travel_reimbursement_invoice_detail.ts
Normal file
26
src/api/project_travel_reimbursement_invoice_detail.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-差旅报销-发票明细列表
|
||||
export function apiProjectTravelReimbursementInvoiceDetailLists(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement_invoice_detail/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-差旅报销-发票明细
|
||||
export function apiProjectTravelReimbursementInvoiceDetailAdd(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_invoice_detail/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-差旅报销-发票明细
|
||||
export function apiProjectTravelReimbursementInvoiceDetailEdit(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_invoice_detail/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-差旅报销-发票明细
|
||||
export function apiProjectTravelReimbursementInvoiceDetailDelete(params: any) {
|
||||
return request.post({ url: '/project.project_travel_reimbursement_invoice_detail/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-差旅报销-发票明细详情
|
||||
export function apiProjectTravelReimbursementInvoiceDetailDetail(params: any) {
|
||||
return request.get({ url: '/project.project_travel_reimbursement_invoice_detail/detail', params })
|
||||
}
|
||||
26
src/api/project_trip_apply.ts
Normal file
26
src/api/project_trip_apply.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 项目财务-出差申请列表
|
||||
export function apiProjectTripApplyLists(params: any) {
|
||||
return request.get({ url: '/project.project_trip_apply/lists', params })
|
||||
}
|
||||
|
||||
// 添加项目财务-出差申请
|
||||
export function apiProjectTripApplyAdd(params: any) {
|
||||
return request.post({ url: '/project.project_trip_apply/add', params })
|
||||
}
|
||||
|
||||
// 编辑项目财务-出差申请
|
||||
export function apiProjectTripApplyEdit(params: any) {
|
||||
return request.post({ url: '/project.project_trip_apply/edit', params })
|
||||
}
|
||||
|
||||
// 删除项目财务-出差申请
|
||||
export function apiProjectTripApplyDelete(params: any) {
|
||||
return request.post({ url: '/project.project_trip_apply/delete', params })
|
||||
}
|
||||
|
||||
// 项目财务-出差申请详情
|
||||
export function apiProjectTripApplyDetail(params: any) {
|
||||
return request.get({ url: '/project.project_trip_apply/detail', params })
|
||||
}
|
||||
@ -41,7 +41,7 @@
|
||||
</el-table>
|
||||
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
@ -58,12 +58,14 @@ import { timeFormat } from '@/utils/util'
|
||||
const props = defineProps({
|
||||
custom_id: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
is_budget: Number
|
||||
})
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
name: '',
|
||||
custom_id: props.custom_id
|
||||
custom_id: props.custom_id,
|
||||
is_budget: props.is_budget
|
||||
});
|
||||
const { dictData } = useDictData('project_type,project_content,bidding_method,relationship,information_sources,construction_funds_sources,construction_financial_status,construction_recognition,my_construction_recognition,strategic_significance,industry,unit_nature')
|
||||
|
||||
|
||||
70
src/components/projectCostBudget/index.vue
Normal file
70
src/components/projectCostBudget/index.vue
Normal file
@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="查询" prop="name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入内容" />
|
||||
</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" @cell-click="handleCurrentChange">
|
||||
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
|
||||
<el-table-column label="费用预算单号" prop="cost_budget_code" show-overflow-tooltip />
|
||||
<el-table-column label="金额" prop="total_amount" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip align="center">
|
||||
<template #default="{ row }">
|
||||
<el-link style="margin-right: 4px;" type="primary" :href="item.uri"
|
||||
v-for="(item, index) in row.annex">文件{{
|
||||
index + 1 }}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { usePaging } from "@/hooks/usePaging"
|
||||
import { useDictData } from "@/hooks/useDictOptions"
|
||||
import { apiProjectCostBudgetLists } from '@/api/project_cost_budget'
|
||||
|
||||
|
||||
import { defineEmits } from "vue"
|
||||
import { timeFormat } from '@/utils/util'
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// custom_name: '',
|
||||
// project_type: ""
|
||||
});
|
||||
const { dictData } = useDictData('contract_type,contract_pricing_method')
|
||||
|
||||
// 选中数据
|
||||
const emits = defineEmits(["customEvent"]);
|
||||
|
||||
// 选中数据子父传递
|
||||
const handleCurrentChange = (value: any) => {
|
||||
emits("customEvent", value);
|
||||
};
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectCostBudgetLists,
|
||||
params: queryParams,
|
||||
|
||||
});
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
68
src/components/project_loan_apply/index.vue
Normal file
68
src/components/project_loan_apply/index.vue
Normal file
@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="查询" prop="name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入内容" />
|
||||
</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" @cell-click="handleCurrentChange">
|
||||
<el-table-column label="借款单号" prop="loan_apply_code" show-overflow-tooltip />
|
||||
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="借款人" prop="apply_user" show-overflow-tooltip />
|
||||
<el-table-column label="借款申请日期" prop="loan_date" show-overflow-tooltip />
|
||||
<el-table-column label="借款金额" prop="loan_amount" show-overflow-tooltip />
|
||||
<el-table-column label="收款人姓名" prop="payee_name" show-overflow-tooltip />
|
||||
<el-table-column label="收款银行" prop="payee_bank" show-overflow-tooltip />
|
||||
<el-table-column label="收款账号" prop="payee_account" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="付款银行账户id" prop="bank_account_id" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { usePaging } from "@/hooks/usePaging"
|
||||
import { useDictData } from "@/hooks/useDictOptions"
|
||||
import { apiProjectLoanApplyLists } from '@/api/project_loan_apply'
|
||||
import { defineEmits } from "vue"
|
||||
import { timeFormat } from '@/utils/util'
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// custom_name: '',
|
||||
// project_type: ""
|
||||
});
|
||||
const { dictData } = useDictData('contract_type,contract_pricing_method')
|
||||
|
||||
// 选中数据
|
||||
const emits = defineEmits(["customEvent"]);
|
||||
|
||||
// 选中数据子父传递
|
||||
const handleCurrentChange = (value: any) => {
|
||||
emits("customEvent", value);
|
||||
};
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectLoanApplyLists,
|
||||
params: queryParams,
|
||||
|
||||
});
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
74
src/components/project_travel_reimbursement/index.vue
Normal file
74
src/components/project_travel_reimbursement/index.vue
Normal file
@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="查询" prop="name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入内容" />
|
||||
</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" @cell-click="handleCurrentChange">
|
||||
<el-table-column label="出差申请单id" prop="trip_apply_id" show-overflow-tooltip />
|
||||
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="报销类型" prop="reimbursement_type" show-overflow-tooltip />
|
||||
<el-table-column label="借款单id" prop="loan_apply_id" show-overflow-tooltip />
|
||||
<el-table-column label="初始报销金额" prop="reimbursement_amount" show-overflow-tooltip />
|
||||
<el-table-column label="实际报销金额" prop="actual_reimbursement_amount" show-overflow-tooltip />
|
||||
<el-table-column label="冲抵借款金额" prop="offset_loan_amount" show-overflow-tooltip />
|
||||
<el-table-column label="报销人" prop="apply_user" show-overflow-tooltip />
|
||||
<el-table-column label="报销日期" prop="apply_date" show-overflow-tooltip />
|
||||
<el-table-column label="收款人姓名" prop="payee_name" show-overflow-tooltip />
|
||||
<el-table-column label="收款银行" prop="payee_bank" show-overflow-tooltip />
|
||||
<el-table-column label="收款账号" prop="payee_account" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="付款银行账户id" prop="bank_account_id" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { usePaging } from "@/hooks/usePaging"
|
||||
import { useDictData } from "@/hooks/useDictOptions"
|
||||
import { apiProjectTravelReimbursementLists } from '@/api/project_travel_reimbursement'
|
||||
|
||||
|
||||
import { defineEmits } from "vue"
|
||||
import { timeFormat } from '@/utils/util'
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// custom_name: '',
|
||||
// project_type: ""
|
||||
});
|
||||
const { dictData } = useDictData('contract_type,contract_pricing_method')
|
||||
|
||||
// 选中数据
|
||||
const emits = defineEmits(["customEvent"]);
|
||||
|
||||
// 选中数据子父传递
|
||||
const handleCurrentChange = (value: any) => {
|
||||
emits("customEvent", value);
|
||||
};
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTravelReimbursementLists,
|
||||
params: queryParams,
|
||||
|
||||
});
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
69
src/components/project_trip_apply/index.vue
Normal file
69
src/components/project_trip_apply/index.vue
Normal file
@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="查询" prop="name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入内容" />
|
||||
</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" @cell-click="handleCurrentChange">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="申请单号" prop="trip_apply_code" show-overflow-tooltip />
|
||||
<el-table-column label="出差起始地" prop="origin_address" show-overflow-tooltip />
|
||||
<el-table-column label="出差目的地" prop="target_address" show-overflow-tooltip />
|
||||
<el-table-column label="交通工具" prop="traffic" show-overflow-tooltip />
|
||||
<el-table-column label="出差时间" prop="start_date" show-overflow-tooltip />
|
||||
<el-table-column label="结束时间" prop="end_date" show-overflow-tooltip />
|
||||
<el-table-column label="出差事由" prop="reason" show-overflow-tooltip />
|
||||
<el-table-column label="历时天数" prop="days" 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>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { usePaging } from "@/hooks/usePaging"
|
||||
import { useDictData } from "@/hooks/useDictOptions"
|
||||
import { apiProjectTripApplyLists } from '@/api/project_trip_apply'
|
||||
|
||||
import { defineEmits } from "vue"
|
||||
import { timeFormat } from '@/utils/util'
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// custom_name: '',
|
||||
// project_type: ""
|
||||
});
|
||||
const { dictData } = useDictData('contract_type,contract_pricing_method')
|
||||
|
||||
// 选中数据
|
||||
const emits = defineEmits(["customEvent"]);
|
||||
|
||||
// 选中数据子父传递
|
||||
const handleCurrentChange = (value: any) => {
|
||||
emits("customEvent", value);
|
||||
};
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTripApplyLists,
|
||||
params: queryParams,
|
||||
|
||||
});
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
71
src/components/projectcostTemLists/index.vue
Normal file
71
src/components/projectcostTemLists/index.vue
Normal file
@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="查询" prop="name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入内容" />
|
||||
</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" @cell-click="handleCurrentChange">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="序号" type="index" width="55" />
|
||||
<el-table-column label="项目类型" prop="project_type_name" show-overflow-tooltip />
|
||||
<el-table-column label="科目编码" prop="subject_code" show-overflow-tooltip />
|
||||
<el-table-column label="一级科目" prop="first_level_subject" show-overflow-tooltip />
|
||||
<el-table-column label="二级科目" prop="second_level_subject" show-overflow-tooltip />
|
||||
<el-table-column label="三级科目" prop="third_level_subject" show-overflow-tooltip />
|
||||
<el-table-column label="单位" prop="unit" show-overflow-tooltip />
|
||||
<el-table-column label="差旅科目" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
{{ row.is_travel == 1 ? '是' : '否' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { usePaging } from "@/hooks/usePaging"
|
||||
import { useDictData } from "@/hooks/useDictOptions"
|
||||
import { apiProjectcostLists } from '@/api/project_cost_temp_set.ts'
|
||||
|
||||
import { defineEmits } from "vue"
|
||||
import { timeFormat } from '@/utils/util'
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
// custom_name: '',
|
||||
// project_type: ""
|
||||
});
|
||||
const { dictData } = useDictData('contract_type,contract_pricing_method')
|
||||
|
||||
// 选中数据
|
||||
const emits = defineEmits(["customEvent"]);
|
||||
|
||||
// 选中数据子父传递
|
||||
const handleCurrentChange = (value: any) => {
|
||||
emits("customEvent", value);
|
||||
};
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectcostLists,
|
||||
params: queryParams,
|
||||
|
||||
});
|
||||
|
||||
getLists();
|
||||
</script>
|
||||
178
src/views/project_cost_adjustment/edit.vue
Normal file
178
src/views/project_cost_adjustment/edit.vue
Normal file
@ -0,0 +1,178 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="项目名称" prop="project_id">
|
||||
<el-input v-model="formData.project_name" readonly clearable placeholder="点击选择项目"
|
||||
@click="showDialog = true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调整日期" prop="adjust_date">
|
||||
<el-input v-model="formData.adjust_date" clearable placeholder="请输入调整日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调整金额" prop="adjust_amount">
|
||||
<el-input v-model="formData.adjust_amount" clearable placeholder="请输入调整金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="field127">
|
||||
<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 formData.annex" 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-form>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
</el-dialog>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectCostAdjustmentEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectCostAdjustmentAdd, apiProjectCostAdjustmentEdit, apiProjectCostAdjustmentDetail } from '@/api/project_cost_adjustment'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore();
|
||||
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 showDialog = ref(false)
|
||||
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
// 删除上传的文件
|
||||
const delFileFn = (index: number) => {
|
||||
formData.annex.splice(index, 1)
|
||||
}
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-成本调整' : '新增项目财务-成本调整'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"project_id": 2,
|
||||
"adjust_date": "2024-01-17",
|
||||
"adjust_amount": "1000",
|
||||
"remark": "bbb",
|
||||
"annex": []
|
||||
})
|
||||
|
||||
const customEvent = (e: any) => {
|
||||
console.log(e)
|
||||
formData.project_id = e.id
|
||||
formData.project_code = e.project_code
|
||||
showDialog.value = false
|
||||
}
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
project_id: [{
|
||||
required: true,
|
||||
message: '请输入项目id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
adjust_date: [{
|
||||
required: true,
|
||||
message: '请输入调整日期',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
adjust_amount: [{
|
||||
required: true,
|
||||
message: '请输入调整金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
add_user: [{
|
||||
required: true,
|
||||
message: '请输入添加人',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
update_user: [{
|
||||
required: true,
|
||||
message: '请输入更新人',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectCostAdjustmentDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectCostAdjustmentEdit(data)
|
||||
: await apiProjectCostAdjustmentAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
121
src/views/project_cost_adjustment/index.vue
Normal file
121
src/views/project_cost_adjustment/index.vue
Normal file
@ -0,0 +1,121 @@
|
||||
<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="project_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
|
||||
</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="['project.project_cost_adjustment/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_cost_adjustment/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="项目名称" prop="project_name" show-overflow-tooltip />
|
||||
<el-table-column label="项目编码" prop="project_code" show-overflow-tooltip />
|
||||
<el-table-column label="调整日期" prop="adjust_date" show-overflow-tooltip />
|
||||
<el-table-column label="调整金额" prop="adjust_amount" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip align="center">
|
||||
<template #default="{ row }">
|
||||
<el-link style="margin-right: 4px;" type="primary" :href="item.uri"
|
||||
v-for="(item, index) in row.annex">文件{{
|
||||
index + 1 }}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project.project_cost_adjustment/edit']" type="primary" link
|
||||
@click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_cost_adjustment/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectCostAdjustmentLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectCostAdjustmentLists, apiProjectCostAdjustmentDelete } from '@/api/project_cost_adjustment'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
project_id: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectCostAdjustmentLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectCostAdjustmentDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
@ -55,12 +55,20 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="一级科目">
|
||||
<template #default="{ row }">
|
||||
<!-- <el-select v-model="row.type">
|
||||
<el-option label="电工" :value="1"></el-option>
|
||||
</el-select> -->
|
||||
<el-input v-model="row.project_cost_temp_id" />
|
||||
</template></el-table-column>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.project_cost_temp_name" @click="openDialog1(scope)"
|
||||
readonly placeholder="点击选择" />
|
||||
</template>
|
||||
<!-- <template #default="scope">
|
||||
<div style="display: flex; align-items: center">
|
||||
<el-icon @click="openDialog1(scope)">
|
||||
<timer />
|
||||
</el-icon>
|
||||
</div>
|
||||
</template> -->
|
||||
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="单位">
|
||||
<template #default="{ row }"> <el-input v-model="row.unit" />
|
||||
</template></el-table-column>
|
||||
@ -85,11 +93,11 @@
|
||||
|
||||
</el-form>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
<projectDialog @customEvent="customEvent" :is_budget="1"></projectDialog>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog1" title="选择科目" width="70%">
|
||||
<projectcostTemLists @customEvent="customEvent1"></projectcostTemLists>
|
||||
</el-dialog>
|
||||
<!-- <el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
</el-dialog> -->
|
||||
|
||||
</popup>
|
||||
</div>
|
||||
@ -101,18 +109,21 @@ import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectCostBudgetAdd, apiProjectCostBudgetEdit, apiProjectCostBudgetDetail } from '@/api/project_cost_budget'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
import { deptAll } from '@/api/org/department'
|
||||
import { getAll } from '@/api/org/organization'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
import projectcostTemLists from '@/components/projectcostTemLists/index.vue'
|
||||
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
|
||||
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore();
|
||||
const list1 = reactive([])
|
||||
const list2 = reactive([])
|
||||
const showDialog = ref(false)
|
||||
const showDialog1 = ref(false)
|
||||
|
||||
|
||||
defineProps({
|
||||
@ -145,6 +156,7 @@ const formData = reactive({
|
||||
"cost_budget_detail": [
|
||||
{
|
||||
"project_cost_temp_id": 2,
|
||||
project_cost_temp_name: "",
|
||||
"unit": "元",
|
||||
"amount": 100,
|
||||
"standard": "aaaa22",
|
||||
@ -152,7 +164,7 @@ const formData = reactive({
|
||||
}
|
||||
]
|
||||
})
|
||||
const customEvent = (e) => {
|
||||
const customEvent = (e: any) => {
|
||||
console.log(e)
|
||||
formData.project_id = e.id
|
||||
formData.project_code = e.project_code
|
||||
@ -160,6 +172,19 @@ const customEvent = (e) => {
|
||||
showDialog.value = false
|
||||
}
|
||||
|
||||
// 获取点击行的index
|
||||
let rowIndex = 0
|
||||
const openDialog1 = (e: any) => {
|
||||
rowIndex = e.$index
|
||||
showDialog1.value = true
|
||||
}
|
||||
const customEvent1 = (e: any) => {
|
||||
formData.cost_budget_detail[rowIndex].project_cost_temp_name = e.project_type_name
|
||||
formData.cost_budget_detail[rowIndex].project_cost_temp_id = e.id
|
||||
showDialog1.value = false
|
||||
}
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
project_id: [{
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="700px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="项目id" prop="project_id">
|
||||
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
|
||||
<el-form-item label="项目名称" prop="cost_budget_id">
|
||||
<el-input v-model="formData.cost_budget_name" clearable placeholder="点击选择" @click="showDialog = true"
|
||||
readonly />
|
||||
</el-form-item>
|
||||
<el-form-item label="费用预算id" prop="cost_budget_id">
|
||||
<el-input v-model="formData.cost_budget_id" clearable placeholder="请输入费用预算id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目费用模板id" prop="project_cost_temp_id">
|
||||
<el-input v-model="formData.project_cost_temp_id" clearable placeholder="请输入项目费用模板id" />
|
||||
<el-form-item label="项目费用模板" prop="project_cost_temp_id" label-width="120px">
|
||||
<el-input v-model="formData.project_cost_temp_name" clearable placeholder="点击选择"
|
||||
@click="showDialog1 = true" readonly />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="单位" prop="unit">
|
||||
<el-input v-model="formData.unit" clearable placeholder="请输入单位" />
|
||||
</el-form-item>
|
||||
@ -20,10 +20,16 @@
|
||||
<el-form-item label="编制标准" prop="standard">
|
||||
<el-input v-model="formData.standard" clearable placeholder="请输入编制标准" />
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="remark">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog1" title="选择科目" width="70%">
|
||||
<projectcostTemLists @customEvent="customEvent1"></projectcostTemLists>
|
||||
</el-dialog>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
@ -34,6 +40,8 @@ import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectCostBudgetDetailAdd, apiProjectCostBudgetDetailEdit, apiProjectCostBudgetDetailDetail } from '@/api/project_cost_budget_detail'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import projectDialog from '@/components/projectCostBudget/index.vue'
|
||||
import projectcostTemLists from '@/components/projectcostTemLists/index.vue'
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
@ -44,6 +52,8 @@ const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
const showDialog = ref(false)
|
||||
const showDialog1 = ref(false)
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
@ -54,15 +64,28 @@ const popupTitle = computed(() => {
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
project_id: '',
|
||||
cost_budget_id: '',
|
||||
project_cost_temp_id: '',
|
||||
unit: '',
|
||||
amount: '',
|
||||
standard: '',
|
||||
remark: '',
|
||||
"cost_budget_id": '',
|
||||
cost_budget_name: "",
|
||||
"project_cost_temp_id": '',
|
||||
project_cost_temp_name: "",
|
||||
"unit": "",
|
||||
"amount": '',
|
||||
"standard": "",
|
||||
"remark": ""
|
||||
})
|
||||
|
||||
const customEvent = (e: any) => {
|
||||
formData.cost_budget_id = e.id
|
||||
formData.cost_budget_name = e.project_name
|
||||
showDialog.value = false
|
||||
}
|
||||
|
||||
const customEvent1 = (e: any) => {
|
||||
formData.project_cost_temp_name = e.project_type_name
|
||||
formData.project_cost_temp_id = e.id
|
||||
showDialog1.value = false
|
||||
}
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
|
||||
@ -56,9 +56,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="机具类别">
|
||||
<template #default="{ row }">
|
||||
<el-select v-model="row.type">
|
||||
<el-option label="电工" :value="1"></el-option>
|
||||
</el-select>
|
||||
<el-input v-model="row.type" placeholder="请输入" />
|
||||
</template></el-table-column>
|
||||
<el-table-column label="机具名称">
|
||||
<template #default="{ row }"> <el-input v-model="row.name" />
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="机具预算id" prop="equipment_budget_id">
|
||||
<el-form-item label="项目名称" prop="equipment_budget_id">
|
||||
<!-- <el-input v-model="formData.equipment_budget_id" clearable placeholder="请输入机具预算id" /> -->
|
||||
<el-input v-model="formData.project_name" readonly clearable placeholder="点击选择项目"
|
||||
@click="showDialog = true" />
|
||||
@ -74,16 +74,16 @@ const customEvent = (e) => {
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"equipment_budget_id": 1,
|
||||
"equipment_budget_id": 0,
|
||||
project_name: "",
|
||||
"type": "testaa",
|
||||
"name": "aaa",
|
||||
"spec": "bbb",
|
||||
"unit": "ccc",
|
||||
"num": "25",
|
||||
"price": "12",
|
||||
"remark": "fffff",
|
||||
amount: 565
|
||||
"type": "",
|
||||
"name": "",
|
||||
"spec": "",
|
||||
"unit": "",
|
||||
"num": "",
|
||||
"price": "",
|
||||
"remark": "",
|
||||
amount: ''
|
||||
})
|
||||
|
||||
const getAmout = () => {
|
||||
|
||||
@ -57,7 +57,8 @@
|
||||
<el-table-column label="工种名称">
|
||||
<template #default="{ row }">
|
||||
<el-select v-model="row.job_type_id">
|
||||
<el-option label="电工" :value="1"></el-option>
|
||||
<el-option :label="item.type_name" :value="item.id"
|
||||
v-for="item in jobList"></el-option>
|
||||
</el-select>
|
||||
</template></el-table-column>
|
||||
<el-table-column label="人工说明">
|
||||
@ -92,7 +93,7 @@
|
||||
|
||||
</el-form>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
<projectDialog @customEvent="customEvent" :is_budget="1"></projectDialog>
|
||||
</el-dialog>
|
||||
|
||||
</popup>
|
||||
@ -104,11 +105,13 @@ import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectLaborBudgetAdd, apiProjectLaborBudgetEdit, apiProjectLaborBudgetDetail } from '@/api/project_labor_budget'
|
||||
import type { PropType } from 'vue'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
import { projectjobtypeLists } from "@/api/project_job_type.ts";
|
||||
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
import { deptAll } from '@/api/org/department'
|
||||
import { getAll } from '@/api/org/organization'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
|
||||
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
@ -129,6 +132,14 @@ const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
|
||||
|
||||
// 工种信息
|
||||
const jobList = ref([])
|
||||
const getJobList = async () => {
|
||||
let res = await projectjobtypeLists()
|
||||
jobList.value = res.lists
|
||||
}
|
||||
getJobList()
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑人工预算' : '新增人工预算'
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="工种" prop="job_type_id">
|
||||
<el-select v-model="formData.job_type_id">
|
||||
<el-option label="电工" :value="1"></el-option>
|
||||
<el-option :label="item.type_name" :value="item.id" v-for="item in jobList"></el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="formData.job_type_id" clearable placeholder="请输入工种id" /> -->
|
||||
|
||||
@ -45,6 +45,9 @@ import { apiProjectLaborBudgetDetailAdd, apiProjectLaborBudgetDetailEdit, apiPro
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import projectDialog from "@/components/project_labor_contract/index.vue"
|
||||
import { projectjobtypeLists } from "@/api/project_job_type.ts ";
|
||||
|
||||
|
||||
defineProps({
|
||||
dictData: {
|
||||
type: Object as PropType<Record<string, any[]>>,
|
||||
@ -81,6 +84,15 @@ const customEvent = (e) => {
|
||||
showDialog.value = false
|
||||
}
|
||||
|
||||
// 工种信息
|
||||
const jobList = ref([])
|
||||
const getJobList = async () => {
|
||||
let res = await projectjobtypeLists()
|
||||
jobList.value = res.lists
|
||||
}
|
||||
getJobList()
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
project_id: [{
|
||||
|
||||
@ -118,7 +118,7 @@
|
||||
</el-form>
|
||||
</popup>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
<projectDialog @customEvent="customEvent" :is_budget="1"></projectDialog>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog1" title="选择项目人员" width="70%">
|
||||
<customDialog @customEvent="customEvent1" :project_id="formData.project_id"></customDialog>
|
||||
|
||||
233
src/views/project_loan_apply/edit.vue
Normal file
233
src/views/project_loan_apply/edit.vue
Normal file
@ -0,0 +1,233 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="700px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||
<!-- <el-form-item label="借款单号" prop="loan_apply_code">
|
||||
<el-input v-model="formData.loan_apply_code" clearable placeholder="请输入借款单号" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="项目名称" prop="project_id">
|
||||
<el-input v-model="formData.project_name" clearable placeholder="点击选择" readonly
|
||||
@click="showDialog = true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款人" prop="apply_user">
|
||||
<el-input v-model="formData.apply_user" clearable placeholder="请输入借款人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款申请日期" prop="loan_date">
|
||||
<el-input v-model="formData.loan_date" clearable placeholder="请输入借款申请日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款金额" prop="loan_amount">
|
||||
<el-input v-model="formData.loan_amount" clearable placeholder="请输入借款金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款人姓名" prop="payee_name">
|
||||
<el-input v-model="formData.payee_name" clearable placeholder="请输入收款人姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款银行" prop="payee_bank">
|
||||
<el-input v-model="formData.payee_bank" clearable placeholder="请输入收款银行" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账号" prop="payee_account">
|
||||
<el-input v-model="formData.payee_account" clearable placeholder="请输入收款账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="附件" prop="field127">
|
||||
<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 formData.annex" 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-form-item label="付款银行账户" prop="bank_account_id">
|
||||
<el-input v-model="formData.bank_account_name" clearable placeholder="点击选择" @click="showDialog1 = true"
|
||||
readonly />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog1" title="选择银行" width="70%">
|
||||
<bankAccount @customEvent="customEvent1"></bankAccount>
|
||||
</el-dialog>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectLoanApplyEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectLoanApplyAdd, apiProjectLoanApplyEdit, apiProjectLoanApplyDetail } from '@/api/project_loan_apply'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
import bankAccount from "@/components/bankaccount/index.vue"
|
||||
import type { PropType } from 'vue'
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
|
||||
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore()
|
||||
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 showDialog = ref(false)
|
||||
const showDialog1 = ref(false)
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-借款申请' : '新增项目财务-借款申请'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"project_id": 2,
|
||||
project_name: "",
|
||||
"apply_user": "张三",
|
||||
"loan_date": "2024-01-17",
|
||||
"loan_amount": 1000,
|
||||
"payee_name": "张三",
|
||||
"payee_bank": "收款银行",
|
||||
"payee_account": "123456789",
|
||||
"remark": "bbb",
|
||||
"annex": [],
|
||||
"bank_account_id": 1,
|
||||
"bank_account_name": ''
|
||||
})
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
const customEvent = (e: any) => {
|
||||
console.log(e)
|
||||
formData.project_id = e.id
|
||||
formData.project_name = e.name
|
||||
showDialog.value = false
|
||||
}
|
||||
const customEvent1 = (e: any) => {
|
||||
formData.bank_account_id = e.id
|
||||
formData.bank_account_name = e.account_name
|
||||
showDialog1.value = false
|
||||
}
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
loan_apply_code: [{
|
||||
required: true,
|
||||
message: '请输入借款单号',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
project_id: [{
|
||||
required: true,
|
||||
message: '请输入项目id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
apply_user: [{
|
||||
required: true,
|
||||
message: '请输入借款人',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
loan_date: [{
|
||||
required: true,
|
||||
message: '请输入借款申请日期',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
loan_amount: [{
|
||||
required: true,
|
||||
message: '请输入借款金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_name: [{
|
||||
required: true,
|
||||
message: '请输入收款人姓名',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_bank: [{
|
||||
required: true,
|
||||
message: '请输入收款银行',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_account: [{
|
||||
required: true,
|
||||
message: '请输入收款账号',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
bank_account_id: [{
|
||||
required: true,
|
||||
message: '请输入付款银行账户id',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectLoanApplyDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectLoanApplyEdit(data)
|
||||
: await apiProjectLoanApplyAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
161
src/views/project_loan_apply/index.vue
Normal file
161
src/views/project_loan_apply/index.vue
Normal file
@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="借款单号" prop="loan_apply_code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.loan_apply_code" clearable placeholder="请输入借款单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目id" prop="project_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款人" prop="apply_user">
|
||||
<el-input class="w-[280px]" v-model="queryParams.apply_user" clearable placeholder="请输入借款人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款申请日期" prop="loan_date">
|
||||
<el-input class="w-[280px]" v-model="queryParams.loan_date" clearable placeholder="请输入借款申请日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款金额" prop="loan_amount">
|
||||
<el-input class="w-[280px]" v-model="queryParams.loan_amount" clearable placeholder="请输入借款金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款人姓名" prop="payee_name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.payee_name" clearable placeholder="请输入收款人姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款银行" prop="payee_bank">
|
||||
<el-input class="w-[280px]" v-model="queryParams.payee_bank" clearable placeholder="请输入收款银行" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账号" prop="payee_account">
|
||||
<el-input class="w-[280px]" v-model="queryParams.payee_account" clearable placeholder="请输入收款账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input class="w-[280px]" v-model="queryParams.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="annex">
|
||||
<!-- <template #default="{ row }">
|
||||
<el-link style="margin-right: 4px;" type="primary" :href="item.uri"
|
||||
v-for="(item, index) in row.annex">文件{{
|
||||
index + 1 }}</el-link>
|
||||
</template> -->
|
||||
</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="['project_loan_apply/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project_loan_apply/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="借款单号" prop="loan_apply_code" show-overflow-tooltip />
|
||||
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="借款人" prop="apply_user" show-overflow-tooltip />
|
||||
<el-table-column label="借款申请日期" prop="loan_date" show-overflow-tooltip />
|
||||
<el-table-column label="借款金额" prop="loan_amount" show-overflow-tooltip />
|
||||
<el-table-column label="收款人姓名" prop="payee_name" show-overflow-tooltip />
|
||||
<el-table-column label="收款银行" prop="payee_bank" show-overflow-tooltip />
|
||||
<el-table-column label="收款账号" prop="payee_account" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="付款银行账户id" prop="bank_account_id" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project_loan_apply/edit']" type="primary" link @click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project_loan_apply/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</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" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectLoanApplyLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectLoanApplyLists, apiProjectLoanApplyDelete } from '@/api/project_loan_apply'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
loan_apply_code: '',
|
||||
project_id: '',
|
||||
apply_user: '',
|
||||
loan_date: '',
|
||||
loan_amount: '',
|
||||
payee_name: '',
|
||||
payee_bank: '',
|
||||
payee_account: '',
|
||||
remark: '',
|
||||
annex: '',
|
||||
bank_account_id: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectLoanApplyLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectLoanApplyDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
@ -30,6 +30,8 @@
|
||||
<el-button @click="showDialog1 = true" type="primary" plain>清空</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="24">
|
||||
<div style="margin-bottom: 30px;">材料预算清单</div>
|
||||
<div style="margin-bottom: 30px;">
|
||||
|
||||
477
src/views/project_travel_reimbursement/edit.vue
Normal file
477
src/views/project_travel_reimbursement/edit.vue
Normal file
@ -0,0 +1,477 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="85vw" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||
<el-form-item label="出差申请单号" prop="trip_apply_id">
|
||||
<el-input v-model="formData.trip_apply_code" clearable placeholder="点击选择" readonle
|
||||
@click="showDialog = true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报销类型" prop="reimbursement_type">
|
||||
<el-radio-group v-model="formData.reimbursement_type" class="ml-4">
|
||||
<el-radio :label="item.value" size="large" v-for="item in dictData.reimbursement_type ">{{ item.name
|
||||
}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="借款单号" prop="loan_apply_id">
|
||||
<el-input v-model="formData.loan_apply_code" clearable placeholder="点击选择" readonly
|
||||
@click="showDialog1 = true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="冲抵借款金额" prop="offset_loan_amount">
|
||||
<el-input v-model="formData.offset_loan_amount" clearable placeholder="请输入冲抵借款金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报销人" prop="apply_user">
|
||||
<el-input v-model="formData.apply_user" clearable placeholder="请输入报销人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报销日期" prop="apply_date">
|
||||
<el-input v-model="formData.apply_date" clearable placeholder="请输入报销日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款人姓名" prop="payee_name">
|
||||
<el-input v-model="formData.payee_name" clearable placeholder="请输入收款人姓名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款银行" prop="payee_bank">
|
||||
<el-input v-model="formData.payee_bank" clearable placeholder="请输入收款银行" />
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账号" prop="payee_account">
|
||||
<el-input v-model="formData.payee_account" clearable placeholder="请输入收款账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="field127">
|
||||
<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 formData.annex" 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-form-item label="付款银行账户" prop="bank_account_id">
|
||||
<el-input v-model="formData.account_name" clearable placeholder="点击选择银行" readonly
|
||||
@click="showDialog2 = true" />
|
||||
</el-form-item>
|
||||
|
||||
<el-col :span="24">
|
||||
<div style="margin-bottom: 30px;">报销明细</div>
|
||||
<div style="margin-bottom: 30px;">
|
||||
<el-table :data="formData.reimbursement_detail">
|
||||
<el-table-column label="序号">
|
||||
<template #default="{ row }">
|
||||
<el-button @click="handleAdd(row)" size="small">+</el-button>
|
||||
<el-button @click="handleDelete(row)" size="small">-</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="一级科目">
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.project_cost_temp_name" @click="openDialog1(scope)"
|
||||
readonly placeholder="点击选择" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="交通">
|
||||
<template #default="{ row }"> <el-input v-model="row.traffic_fee" type="number" />
|
||||
</template></el-table-column>
|
||||
<el-table-column label="住宿">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.stay_fee" type="number" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="餐饮">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.restaurant_fee" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="补助" prop="remark">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.subsidy_fee" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="其它" prop="remark">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.other_fee" />
|
||||
</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-col>
|
||||
<el-col :span="24">
|
||||
<div style="margin-bottom: 30px;">发票明细</div>
|
||||
<div style="margin-bottom: 30px;">
|
||||
<el-table :data="formData.invoice_detail">
|
||||
<el-table-column label="序号">
|
||||
<template #default="{ row }">
|
||||
<el-button @click="handleAdd1(row)" size="small">+</el-button>
|
||||
<el-button @click="handleDelete1(row)" size="small">-</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发票类型">
|
||||
<template #default="{ row }">
|
||||
<el-select v-model="row.invoice_type" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value"
|
||||
v-for="item in dictData.invoice_type"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="发票号">
|
||||
<template #default="{ row }"> <el-input v-model="row.invoice_sn" type="number" />
|
||||
</template></el-table-column>
|
||||
<el-table-column label="发票税率">
|
||||
<template #default="{ row }">
|
||||
<el-select v-model="row.tax_rate" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value"
|
||||
v-for="item in dictData.tax_rate"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发票形式">
|
||||
<template #default="{ row }">
|
||||
<el-select v-model="row.invoice_form" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value"
|
||||
v-for="item in dictData.invoice_form"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发票金额" prop="remark">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.invoice_amount" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发票附件" prop="remark">
|
||||
<template #default="scope">
|
||||
<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_four1" ref="upload">
|
||||
<el-button type="primary" @click="invoiceIndex = scope.$index">
|
||||
上传
|
||||
</el-button>
|
||||
</el-upload>
|
||||
<div>
|
||||
<div v-for="(item, index) in scope.row.annex"
|
||||
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="scope.row.annex.splice(index, 1)">x</span>
|
||||
</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-col>
|
||||
</el-form>
|
||||
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectTripApply @customEvent="customEvent"></projectTripApply>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog1" title="选择项目" width="70%">
|
||||
<projectLoanApply @customEvent="customEvent1"></projectLoanApply>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog2" title="选择账户" width="70%">
|
||||
<bankaccount @customEvent="customEvent2"></bankaccount>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showDialog3" title="选择科目" width="70%">
|
||||
<projectcostTemLists @customEvent="customEvent3"></projectcostTemLists>
|
||||
</el-dialog>
|
||||
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectTravelReimbursementAdd, apiProjectTravelReimbursementEdit, apiProjectTravelReimbursementDetail } from '@/api/project_travel_reimbursement'
|
||||
import type { PropType } from 'vue'
|
||||
|
||||
import projectTripApply from "@/components/project_trip_apply/index.vue"
|
||||
import projectLoanApply from "@/components/project_loan_apply/index.vue"
|
||||
import bankaccount from "@/components/bankaccount/index.vue"
|
||||
import projectcostTemLists from '@/components/projectcostTemLists/index.vue'
|
||||
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore();
|
||||
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 showDialog = ref(false)
|
||||
const showDialog1 = ref(false)
|
||||
const showDialog2 = ref(false)
|
||||
const showDialog3 = ref(false)
|
||||
|
||||
const customEvent = (e) => {
|
||||
formData.trip_apply_id = e.id
|
||||
formData.trip_apply_code = e.trip_apply_code
|
||||
showDialog.value = false
|
||||
}
|
||||
const customEvent1 = (e) => {
|
||||
formData.loan_apply_code = e.loan_apply_code
|
||||
formData.loan_apply_id = e.id
|
||||
showDialog1.value = false
|
||||
}
|
||||
const customEvent2 = (e) => {
|
||||
formData.account_name = e.account_name
|
||||
formData.bank_account_id = e.id
|
||||
showDialog2.value = false
|
||||
console.log(e)
|
||||
}
|
||||
// 获取点击行的index
|
||||
let rowIndex = 0
|
||||
const openDialog1 = (e: any) => {
|
||||
rowIndex = e.$index
|
||||
showDialog3.value = true
|
||||
}
|
||||
const customEvent3 = (e: any) => {
|
||||
formData.reimbursement_detail[rowIndex].project_cost_temp_name = e.project_type_name
|
||||
formData.reimbursement_detail[rowIndex].project_cost_temp_id = e.id
|
||||
showDialog3.value = false
|
||||
}
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-差旅报销' : '新增项目财务-差旅报销'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"trip_apply_id": "1", //必填，出差申请单id
|
||||
"trip_apply_code": "1", //必填，出差申请单id
|
||||
"reimbursement_type": "1,2", //必填，报销类型
|
||||
"loan_apply_id": "", //借款单id，当报销类型包含借款冲抵选项时必填
|
||||
"loan_apply_code": "", //借款单id，当报销类型包含借款冲抵选项时必填
|
||||
"offset_loan_amount": "50", //冲抵借款金额，当报销类型包含借款冲抵选项时必填
|
||||
"apply_user": "test", //必填，报销人
|
||||
"apply_date": "2024-01-18", //必填，报销日期
|
||||
"payee_name": "aaa", //必填，收款人姓名
|
||||
"payee_bank": "bbb", //必填，收款银行
|
||||
"payee_account": "ccc", //必填，收款账号
|
||||
"remark": "", //可选，备注
|
||||
"annex": [], //可选，附件
|
||||
"bank_account_id": "1", //必填，付款银行账户id
|
||||
account_name: "",
|
||||
"reimbursement_detail": [ //必填，报销明细
|
||||
{
|
||||
"project_cost_temp_id": "1", //必填，项目费用模板id
|
||||
project_cost_temp_name: "",
|
||||
"traffic_fee": "15", //可选，交通
|
||||
"stay_fee": "24", //可选，住宿
|
||||
"restaurant_fee": "30", //可选，餐饮
|
||||
"subsidy_fee": "40", //可选，补助
|
||||
"other_fee": "50", //可选，其它
|
||||
"remark": "" //可选，备注
|
||||
}
|
||||
],
|
||||
"invoice_detail": [ //必填，发票明细
|
||||
{
|
||||
"invoice_type": "1", //必填，发票类型
|
||||
"invoice_sn": "FPSN-0001", //必填，发票号
|
||||
"tax_rate": "1", //必填，发票税率
|
||||
"invoice_form": "1", //必填，发票形式
|
||||
"invoice_amount": "150", //必填，发票金额
|
||||
"annex": [], //可选，发票附件
|
||||
"remark": "test" //可选，备注
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
// 删除上传的文件
|
||||
const delFileFn = (index: number) => {
|
||||
formData.annex.splice(index, 1)
|
||||
}
|
||||
const invoiceIndex = ref(0)
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four1 = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.invoice_detail[invoiceIndex.value].annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
trip_apply_id: [{
|
||||
required: true,
|
||||
message: '请输入出差申请单id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
project_id: [{
|
||||
required: true,
|
||||
message: '请输入项目id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
reimbursement_type: [{
|
||||
required: true,
|
||||
message: '请输入报销类型',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
loan_apply_id: [{
|
||||
required: true,
|
||||
message: '请输入借款单id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
reimbursement_amount: [{
|
||||
required: true,
|
||||
message: '请输入初始报销金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
actual_reimbursement_amount: [{
|
||||
required: true,
|
||||
message: '请输入实际报销金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
offset_loan_amount: [{
|
||||
required: true,
|
||||
message: '请输入冲抵借款金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
apply_user: [{
|
||||
required: true,
|
||||
message: '请输入报销人',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
apply_date: [{
|
||||
required: true,
|
||||
message: '请输入报销日期',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_name: [{
|
||||
required: true,
|
||||
message: '请输入收款人姓名',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_bank: [{
|
||||
required: true,
|
||||
message: '请输入收款银行',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
payee_account: [{
|
||||
required: true,
|
||||
message: '请输入收款账号',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
bank_account_id: [{
|
||||
required: true,
|
||||
message: '请输入付款银行账户id',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
const handleAdd = (row: any) => {
|
||||
// 在 row 后面插入一行数据
|
||||
const index = formData.reimbursement_detail.indexOf(row);
|
||||
formData.reimbursement_detail.splice(index + 1, 0, {});
|
||||
};
|
||||
|
||||
const handleDelete = (row: any) => {
|
||||
// 删除 row
|
||||
if (formData.reimbursement_detail.length <= 1) return
|
||||
const index = formData.reimbursement_detail.indexOf(row);
|
||||
formData.reimbursement_detail.splice(index, 1);
|
||||
};
|
||||
|
||||
const handleAdd1 = (row: any) => {
|
||||
// 在 row 后面插入一行数据
|
||||
const index = formData.invoice_detail.indexOf(row);
|
||||
formData.invoice_detail.splice(index + 1, 0,
|
||||
{
|
||||
"invoice_type": "1",
|
||||
"invoice_sn": "FPSN-0001",
|
||||
"tax_rate": "1",
|
||||
"invoice_form": "1",
|
||||
"invoice_amount": "150",
|
||||
"annex": [],
|
||||
"remark": "test"
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
const handleDelete1 = (row: any) => {
|
||||
// 删除 row
|
||||
if (formData.invoice_detail.annex <= 1) return
|
||||
const index = formData.invoice_detail.indexOf(row);
|
||||
formData.invoice_detail.splice(index, 1);
|
||||
};
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectTravelReimbursementDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectTravelReimbursementEdit(data)
|
||||
: await apiProjectTravelReimbursementAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
140
src/views/project_travel_reimbursement/index.vue
Normal file
140
src/views/project_travel_reimbursement/index.vue
Normal file
@ -0,0 +1,140 @@
|
||||
<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="trip_apply_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.trip_apply_id" clearable placeholder="请输入出差申请单id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目id" prop="project_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报销类型" prop="reimbursement_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.reimbursement_type" clearable placeholder="请输入报销类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="借款单id" prop="loan_apply_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.loan_apply_id" clearable placeholder="请输入借款单id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="报销人" prop="apply_user">
|
||||
<el-input class="w-[280px]" v-model="queryParams.apply_user" clearable placeholder="请输入报销人" />
|
||||
</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="['project.project_travel_reimbursement/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement/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="出差申请单id" prop="trip_apply_id" show-overflow-tooltip />
|
||||
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="报销类型" prop="reimbursement_type" show-overflow-tooltip />
|
||||
<el-table-column label="借款单id" prop="loan_apply_id" show-overflow-tooltip />
|
||||
<el-table-column label="初始报销金额" prop="reimbursement_amount" show-overflow-tooltip />
|
||||
<el-table-column label="实际报销金额" prop="actual_reimbursement_amount" show-overflow-tooltip />
|
||||
<el-table-column label="冲抵借款金额" prop="offset_loan_amount" show-overflow-tooltip />
|
||||
<el-table-column label="报销人" prop="apply_user" show-overflow-tooltip />
|
||||
<el-table-column label="报销日期" prop="apply_date" show-overflow-tooltip />
|
||||
<el-table-column label="收款人姓名" prop="payee_name" show-overflow-tooltip />
|
||||
<el-table-column label="收款银行" prop="payee_bank" show-overflow-tooltip />
|
||||
<el-table-column label="收款账号" prop="payee_account" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="付款银行账户id" prop="bank_account_id" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project.project_travel_reimbursement/edit']" type="primary" link
|
||||
@click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectTravelReimbursementLists, apiProjectTravelReimbursementDelete } from '@/api/project_travel_reimbursement'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
trip_apply_id: '',
|
||||
project_id: '',
|
||||
reimbursement_type: '',
|
||||
loan_apply_id: '',
|
||||
apply_user: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('reimbursement_type,invoice_type,tax_rate,invoice_form')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTravelReimbursementLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectTravelReimbursementDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
194
src/views/project_travel_reimbursement_detail/edit.vue
Normal file
194
src/views/project_travel_reimbursement_detail/edit.vue
Normal file
@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||
<el-form-item label="项目名称" prop="travel_reimbursement_id">
|
||||
<el-input v-model="formData.project_name" clearable placeholder="请输入差旅报销单id" @click="showDialog = true"
|
||||
readonly />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目费用模板" prop="project_cost_temp_id">
|
||||
<el-input v-model="formData.project_type_name" clearable placeholder="请输入项目费用模板id"
|
||||
@click="showDialog1 = true" readonly />
|
||||
</el-form-item>
|
||||
<el-form-item label="交通" prop="traffic_fee">
|
||||
<el-input v-model="formData.traffic_fee" clearable placeholder="请输入交通" />
|
||||
</el-form-item>
|
||||
<el-form-item label="住宿" prop="stay_fee">
|
||||
<el-input v-model="formData.stay_fee" clearable placeholder="请输入住宿" />
|
||||
</el-form-item>
|
||||
<el-form-item label="餐饮" prop="restaurant_fee">
|
||||
<el-input v-model="formData.restaurant_fee" clearable placeholder="请输入餐饮" />
|
||||
</el-form-item>
|
||||
<el-form-item label="补助" prop="subsidy_fee">
|
||||
<el-input v-model="formData.subsidy_fee" clearable placeholder="请输入补助" />
|
||||
</el-form-item>
|
||||
<el-form-item label="其它" prop="other_fee">
|
||||
<el-input v-model="formData.other_fee" clearable placeholder="请输入其它" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectTravelReimbursement @customEvent="customEvent"></projectTravelReimbursement>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog v-model="showDialog1" title="选择项目" width="70%">
|
||||
<projectcostTemLists @customEvent="customEvent1"></projectcostTemLists>
|
||||
</el-dialog>
|
||||
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementDetailEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectTravelReimbursementDetailAdd, apiProjectTravelReimbursementDetailEdit, apiProjectTravelReimbursementDetailDetail } from '@/api/project_travel_reimbursement_detail'
|
||||
// project_travel_reimbursement
|
||||
|
||||
import projectTravelReimbursement from "@/components/project_travel_reimbursement/index.vue"
|
||||
import projectcostTemLists from "@/components/projectcostTemLists/index.vue"
|
||||
|
||||
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
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 showDialog = ref(false)
|
||||
const showDialog1 = ref(false)
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-差旅报销-报销明细' : '新增项目财务-差旅报销-报销明细'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"travel_reimbursement_id": "1",
|
||||
project_name: "",
|
||||
"project_cost_temp_id": "2",
|
||||
project_type_name: "",
|
||||
"traffic_fee": "100",
|
||||
"stay_fee": "110",
|
||||
"restaurant_fee": "130",
|
||||
"subsidy_fee": "150",
|
||||
"other_fee": "170",
|
||||
"remark": "aaa"
|
||||
})
|
||||
|
||||
const customEvent = (e: any) => {
|
||||
formData.travel_reimbursement_id = e.id
|
||||
formData.project_name = e.project_name
|
||||
showDialog.value = false
|
||||
}
|
||||
const customEvent1 = (e: any) => {
|
||||
formData.project_cost_temp_id = e.id
|
||||
formData.project_type_name = e.project_type_name
|
||||
showDialog1.value = false
|
||||
|
||||
}
|
||||
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
travel_reimbursement_id: [{
|
||||
required: true,
|
||||
message: '请输入差旅报销单id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
project_cost_temp_id: [{
|
||||
required: true,
|
||||
message: '请输入项目费用模板id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
traffic_fee: [{
|
||||
required: true,
|
||||
message: '请输入交通',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
stay_fee: [{
|
||||
required: true,
|
||||
message: '请输入住宿',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
restaurant_fee: [{
|
||||
required: true,
|
||||
message: '请输入餐饮',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
subsidy_fee: [{
|
||||
required: true,
|
||||
message: '请输入补助',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
other_fee: [{
|
||||
required: true,
|
||||
message: '请输入其它',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectTravelReimbursementDetailDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectTravelReimbursementDetailEdit(data)
|
||||
: await apiProjectTravelReimbursementDetailAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
118
src/views/project_travel_reimbursement_detail/index.vue
Normal file
118
src/views/project_travel_reimbursement_detail/index.vue
Normal file
@ -0,0 +1,118 @@
|
||||
<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="travel_reimbursement_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.travel_reimbursement_id" clearable
|
||||
placeholder="请输入差旅报销单id" />
|
||||
</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="['project.project_travel_reimbursement_detail/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement_detail/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="差旅报销单id" prop="travel_reimbursement_id" show-overflow-tooltip />
|
||||
<el-table-column label="项目费用模板id" prop="project_cost_temp_id" show-overflow-tooltip />
|
||||
<el-table-column label="交通" prop="traffic_fee" show-overflow-tooltip />
|
||||
<el-table-column label="住宿" prop="stay_fee" show-overflow-tooltip />
|
||||
<el-table-column label="餐饮" prop="restaurant_fee" show-overflow-tooltip />
|
||||
<el-table-column label="补助" prop="subsidy_fee" show-overflow-tooltip />
|
||||
<el-table-column label="其它" prop="other_fee" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project.project_travel_reimbursement_detail/edit']" type="primary" link
|
||||
@click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement_detail/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementDetailLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectTravelReimbursementDetailLists, apiProjectTravelReimbursementDetailDelete } from '@/api/project_travel_reimbursement_detail'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
travel_reimbursement_id: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTravelReimbursementDetailLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectTravelReimbursementDetailDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
209
src/views/project_travel_reimbursement_invoice_detail/edit.vue
Normal file
209
src/views/project_travel_reimbursement_invoice_detail/edit.vue
Normal file
@ -0,0 +1,209 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="差旅报销id" prop="travel_reimbursement_id">
|
||||
<el-input v-model="formData.project_name" clearable placeholder="点击选则" @click="showDialog = true"
|
||||
readonly />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票类型" prop="invoice_type">
|
||||
<el-select v-model="formData.invoice_type" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value" v-for="item in dictData.invoice_type"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发票号" prop="invoice_sn">
|
||||
<el-input v-model="formData.invoice_sn" clearable placeholder="请输入发票号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票税率" prop="tax_rate">
|
||||
<el-select v-model="formData.tax_rate" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value" v-for="item in dictData.tax_rate"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发票形式" prop="invoice_form">
|
||||
<el-select v-model="formData.invoice_form" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value" v-for="item in dictData.invoice_form"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发票金额" prop="invoice_amount">
|
||||
<el-input v-model="formData.invoice_amount" clearable placeholder="请输入发票金额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票税额" prop="tax_amount">
|
||||
<el-input v-model="formData.tax_amount" clearable placeholder="请输入发票税额" />
|
||||
</el-form-item>
|
||||
<el-form-item label="附件" prop="field127">
|
||||
<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 formData.annex" 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-form-item label="发票备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入发票备注" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectTravelReimbursement @customEvent="customEvent"></projectTravelReimbursement>
|
||||
</el-dialog>
|
||||
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementInvoiceDetailEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectTravelReimbursementInvoiceDetailAdd, apiProjectTravelReimbursementInvoiceDetailEdit, apiProjectTravelReimbursementInvoiceDetailDetail } from '@/api/project_travel_reimbursement_invoice_detail'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import projectTravelReimbursement from "@/components/project_travel_reimbursement/index.vue"
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore();
|
||||
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 showDialog = ref(false)
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-差旅报销-发票明细' : '新增项目财务-差旅报销-发票明细'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"travel_reimbursement_id": "1",
|
||||
project_name: "",
|
||||
"invoice_type": "2",
|
||||
"invoice_sn": "100",
|
||||
"tax_rate": "1",
|
||||
"invoice_form": "1",
|
||||
"invoice_amount": "150",
|
||||
"annex": [],
|
||||
"remark": "灌灌灌灌"
|
||||
})
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
// 删除上传的文件
|
||||
const delFileFn = (index: number) => {
|
||||
formData.annex.splice(index, 1)
|
||||
}
|
||||
const customEvent = (e: any) => {
|
||||
formData.travel_reimbursement_id = e.id
|
||||
formData.project_name = e.project_name
|
||||
showDialog.value = false
|
||||
}
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
travel_reimbursement_id: [{
|
||||
required: true,
|
||||
message: '请输入差旅报销id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
invoice_type: [{
|
||||
required: true,
|
||||
message: '请输入发票类型',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
invoice_sn: [{
|
||||
required: true,
|
||||
message: '请输入发票号',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
tax_rate: [{
|
||||
required: true,
|
||||
message: '请输入发票税率',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
invoice_form: [{
|
||||
required: true,
|
||||
message: '请输入发票形式',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
invoice_amount: [{
|
||||
required: true,
|
||||
message: '请输入发票金额',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
tax_amount: [{
|
||||
required: true,
|
||||
message: '请输入发票税额',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectTravelReimbursementInvoiceDetailDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectTravelReimbursementInvoiceDetailEdit(data)
|
||||
: await apiProjectTravelReimbursementInvoiceDetailAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
133
src/views/project_travel_reimbursement_invoice_detail/index.vue
Normal file
133
src/views/project_travel_reimbursement_invoice_detail/index.vue
Normal file
@ -0,0 +1,133 @@
|
||||
<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="travel_reimbursement_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.travel_reimbursement_id" clearable
|
||||
placeholder="请输入差旅报销id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票类型" prop="invoice_type">
|
||||
<el-input class="w-[280px]" v-model="queryParams.invoice_type" clearable placeholder="请输入发票类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票号" prop="invoice_sn">
|
||||
<el-input class="w-[280px]" v-model="queryParams.invoice_sn" clearable placeholder="请输入发票号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="发票形式" prop="invoice_form">
|
||||
<el-input class="w-[280px]" v-model="queryParams.invoice_form" clearable placeholder="请输入发票形式" />
|
||||
</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="['project.project_travel_reimbursement_invoice_detail/add']" type="primary"
|
||||
@click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement_invoice_detail/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="差旅报销id" prop="travel_reimbursement_id" show-overflow-tooltip />
|
||||
<el-table-column label="发票类型" prop="invoice_type" show-overflow-tooltip />
|
||||
<el-table-column label="发票号" prop="invoice_sn" show-overflow-tooltip />
|
||||
<el-table-column label="发票税率" prop="tax_rate" show-overflow-tooltip />
|
||||
<el-table-column label="发票形式" prop="invoice_form" show-overflow-tooltip />
|
||||
<el-table-column label="发票金额" prop="invoice_amount" show-overflow-tooltip />
|
||||
<el-table-column label="发票税额" prop="tax_amount" show-overflow-tooltip />
|
||||
<el-table-column label="发票附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="发票备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project.project_travel_reimbursement_invoice_detail/edit']" type="primary"
|
||||
link @click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_travel_reimbursement_invoice_detail/delete']"
|
||||
type="danger" link @click="handleDelete(row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTravelReimbursementInvoiceDetailLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectTravelReimbursementInvoiceDetailLists, apiProjectTravelReimbursementInvoiceDetailDelete } from '@/api/project_travel_reimbursement_invoice_detail'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
travel_reimbursement_id: '',
|
||||
invoice_type: '',
|
||||
invoice_sn: '',
|
||||
invoice_form: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('reimbursement_type,invoice_type,tax_rate,invoice_form')
|
||||
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTravelReimbursementInvoiceDetailLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectTravelReimbursementInvoiceDetailDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
222
src/views/project_trip_apply/edit.vue
Normal file
222
src/views/project_trip_apply/edit.vue
Normal file
@ -0,0 +1,222 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="600px" @confirm="handleSubmit" @close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-form-item label="项目名称" prop="project_id">
|
||||
<el-input v-model="formData.project_name" clearable placeholder="点击选择" readonly
|
||||
@click="showDialog = true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请单号" prop="trip_apply_code">
|
||||
<el-input v-model="formData.trip_apply_code" clearable placeholder="请输入申请单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="出差起始地" prop="origin_address" label-width="100px">
|
||||
<el-input v-model="formData.origin_address" clearable placeholder="请输入出差起始地" />
|
||||
</el-form-item>
|
||||
<el-form-item label="出差目的地" prop="target_address" label-width="100px">
|
||||
<el-input v-model="formData.target_address" clearable placeholder="请输入出差目的地" />
|
||||
</el-form-item>
|
||||
<el-form-item label="交通工具" prop="traffic">
|
||||
<!-- <el-input v-model="formData.traffic" clearable placeholder="请输入交通工具" /> -->
|
||||
<el-select v-model="formData.traffic" placeholder="请选择">
|
||||
<el-option :label="item.name" :value="item.value" v-for="item in dictData.traffic"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出差时间" prop="start_date">
|
||||
<el-date-picker class="flex-1 !flex" v-model="formData.start_date" clearable value-format="YYYY-MM-DD "
|
||||
placeholder="请输入出差时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束时间" prop="end_date">
|
||||
<el-date-picker class="flex-1 !flex" v-model="formData.end_date" clearable value-format="YYYY-MM-DD "
|
||||
placeholder="请输入结束时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="出差事由" prop="reason">
|
||||
<el-input v-model="formData.reason" clearable placeholder="请输入出差事由" />
|
||||
</el-form-item>
|
||||
<el-form-item label="历时天数" prop="days">
|
||||
<el-input v-model="formData.days" clearable placeholder="请输入历时天数" type="number" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="附件" prop="field127">
|
||||
<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 formData.annex" 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-form>
|
||||
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<projectDialog @customEvent="customEvent"></projectDialog>
|
||||
</el-dialog>
|
||||
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTripApplyEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
import { apiProjectTripApplyAdd, apiProjectTripApplyEdit, apiProjectTripApplyDetail } from '@/api/project_trip_apply'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import type { PropType } from 'vue'
|
||||
import projectDialog from '@/components/project/index.vue'
|
||||
import configs from "@/config"
|
||||
import useUserStore from "@/stores/modules/user";
|
||||
import { deptAll } from '@/api/org/department'
|
||||
import { getAll } from '@/api/org/organization'
|
||||
|
||||
|
||||
const base_url = configs.baseUrl + configs.urlPrefix
|
||||
const userStore = useUserStore();
|
||||
|
||||
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 showDialog = ref(false)
|
||||
|
||||
|
||||
// 弹窗标题
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑项目财务-出差申请' : '新增项目财务-出差申请'
|
||||
})
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
"project_id": '',
|
||||
"project_name": '',
|
||||
"origin_address": 1,
|
||||
"target_address": 1,
|
||||
"traffic": '2',
|
||||
"start_date": "2024-01-17",
|
||||
"end_date": "2024-02-20",
|
||||
"reason": "aaa",
|
||||
"remark": "bbb",
|
||||
"annex": []
|
||||
})
|
||||
// 上传文件
|
||||
const handleAvatarSuccess_four = (response: any) => {
|
||||
// @ts-ignore
|
||||
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
|
||||
};
|
||||
const customEvent = (e) => {
|
||||
console.log(e)
|
||||
formData.project_id = e.id
|
||||
formData.project_name = e.name
|
||||
showDialog.value = false
|
||||
}
|
||||
|
||||
// 表单验证
|
||||
const formRules = reactive<any>({
|
||||
project_id: [{
|
||||
required: true,
|
||||
message: '请输入项目id',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
trip_apply_code: [{
|
||||
required: true,
|
||||
message: '请输入申请单号',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
origin_address: [{
|
||||
required: true,
|
||||
message: '请输入出差起始地',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
target_address: [{
|
||||
required: true,
|
||||
message: '请输入出差目的地',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
traffic: [{
|
||||
required: true,
|
||||
message: '请输入交通工具',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
start_date: [{
|
||||
required: true,
|
||||
message: '请输入出差时间',
|
||||
trigger: ['blur']
|
||||
}],
|
||||
end_date: [{
|
||||
required: true,
|
||||
message: '请输入结束时间',
|
||||
trigger: ['blur']
|
||||
}]
|
||||
})
|
||||
|
||||
|
||||
// 获取详情
|
||||
const setFormData = async (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const getDetail = async (row: Record<string, any>) => {
|
||||
const data = await apiProjectTripApplyDetail({
|
||||
id: row.id
|
||||
})
|
||||
setFormData(data)
|
||||
}
|
||||
|
||||
|
||||
// 提交按钮
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
const data = { ...formData, }
|
||||
mode.value == 'edit'
|
||||
? await apiProjectTripApplyEdit(data)
|
||||
: await apiProjectTripApplyAdd(data)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
//打开弹窗
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
// 关闭回调
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData,
|
||||
getDetail
|
||||
})
|
||||
</script>
|
||||
136
src/views/project_trip_apply/index.vue
Normal file
136
src/views/project_trip_apply/index.vue
Normal file
@ -0,0 +1,136 @@
|
||||
<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="project_id">
|
||||
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请单号" prop="trip_apply_code">
|
||||
<el-input class="w-[280px]" v-model="queryParams.trip_apply_code" clearable placeholder="请输入申请单号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="出差起始地" prop="origin_address">
|
||||
<el-input class="w-[280px]" v-model="queryParams.origin_address" clearable placeholder="请输入出差起始地" />
|
||||
</el-form-item>
|
||||
<el-form-item label="出差目的地" prop="target_address">
|
||||
<el-input class="w-[280px]" v-model="queryParams.target_address" clearable placeholder="请输入出差目的地" />
|
||||
</el-form-item>
|
||||
<el-form-item label="交通工具" prop="traffic">
|
||||
<el-input class="w-[280px]" v-model="queryParams.traffic" clearable placeholder="请输入交通工具" />
|
||||
</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="['project.project_trip_apply/add']" type="primary" @click="handleAdd">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_trip_apply/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="项目id" prop="project_id" show-overflow-tooltip />
|
||||
<el-table-column label="申请单号" prop="trip_apply_code" show-overflow-tooltip />
|
||||
<el-table-column label="出差起始地" prop="origin_address" show-overflow-tooltip />
|
||||
<el-table-column label="出差目的地" prop="target_address" show-overflow-tooltip />
|
||||
<el-table-column label="交通工具" prop="traffic" show-overflow-tooltip />
|
||||
<el-table-column label="出差时间" prop="start_date" show-overflow-tooltip />
|
||||
<el-table-column label="结束时间" prop="end_date" show-overflow-tooltip />
|
||||
<el-table-column label="出差事由" prop="reason" show-overflow-tooltip />
|
||||
<el-table-column label="历时天数" prop="days" show-overflow-tooltip />
|
||||
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-perms="['project.project_trip_apply/edit']" type="primary" link
|
||||
@click="handleEdit(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button v-perms="['project.project_trip_apply/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">
|
||||
删除
|
||||
</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" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="projectTripApplyLists">
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { useDictData } from '@/hooks/useDictOptions'
|
||||
import { apiProjectTripApplyLists, apiProjectTripApplyDelete } from '@/api/project_trip_apply'
|
||||
import { timeFormat } from '@/utils/util'
|
||||
import feedback from '@/utils/feedback'
|
||||
import EditPopup from './edit.vue'
|
||||
import { nextTick, reactive, ref } from "vue"
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
// 是否显示编辑框
|
||||
const showEdit = ref(false)
|
||||
|
||||
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
project_id: '',
|
||||
trip_apply_code: '',
|
||||
origin_address: '',
|
||||
target_address: '',
|
||||
traffic: ''
|
||||
})
|
||||
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData('traffic')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiProjectTripApplyLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 添加
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
// 编辑
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await apiProjectTripApplyDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user