| | |
| | | </ProFormCol> |
| | | </ProForm> |
| | | </ChunkCell> |
| | | <!-- <ChunkCell title="结算流程"> |
| | | <div class="step-wrapper"> |
| | | <el-steps :active="1" align-center finish-status="process"> |
| | | <el-step title="结算单上传" :icon="Edit"> |
| | | <template #description> |
| | | <div>创建人:{{ form.name }}</div> |
| | | <div>时间:{{ form.name }}</div> |
| | | <TextOverTooltip>备注:{{ form.name }}</TextOverTooltip> |
| | | </template> |
| | | </el-step> |
| | | <el-step title="结算付款" :icon="Upload"> |
| | | <template #description> |
| | | <div>创建人:{{ form.name }}</div> |
| | | <div>时间:{{ form.name }}</div> |
| | | <TextOverTooltip |
| | | >备注:{{ 'form.nameform.nameform.eform.nameform.nameform.name' }}</TextOverTooltip |
| | | > |
| | | </template> |
| | | </el-step> |
| | | </el-steps> |
| | | </div> |
| | | </ChunkCell> --> |
| | | <ChunkCell title="结算名单" style="flex: 1" class="settlement-user-list-chunk"> |
| | | <ProTableQueryFilterBar @on-reset="reset"> |
| | | <template #query> |
| | |
| | | </SearchInput> |
| | | </QueryFilterItem> |
| | | </template> |
| | | <template #btn> |
| | | <template #btn v-if="isSettlement"> |
| | | <BlFileUpload |
| | | v-model:file-url="form.settlementUrl" |
| | | ref="uploadRef" |
| | |
| | | :limit="1" |
| | | accept="xlsx,xls" |
| | | > |
| | | <el-button text type="primary" class="pro-table-operation-btn">上传</el-button> |
| | | <el-button text type="primary" class="pro-table-operation-btn">导入</el-button> |
| | | </BlFileUpload> |
| | | <el-button type="primary" link @click="handleAdd()">导出</el-button> |
| | | <el-button type="primary" link @click="handleDownload()">导出</el-button> |
| | | </template> |
| | | </ProTableQueryFilterBar> |
| | | <ProTableV2 |
| | |
| | | </ChunkCell> |
| | | </AppContainer> |
| | | <EditAccountInfoDialog v-bind="dialogProps"></EditAccountInfoDialog> |
| | | <SettleDetailDialog v-bind="dialogSettleProps" /> |
| | | </LoadingLayout> |
| | | </template> |
| | | <script setup lang="ts"> |
| | |
| | | import * as taskServices from '@/services/api/task'; |
| | | import * as taskUserServices from '@/services/api/taskUser'; |
| | | import EditAccountInfoDialog from './components/EditAccountInfoDialog.vue'; |
| | | import SettleDetailDialog from './components/SettleDetailDialog.vue'; |
| | | import { Message } from '@bole-core/core'; |
| | | import { paginateList, setOssFileName, toThousand } from '@/utils'; |
| | | |
| | |
| | | }, |
| | | }, |
| | | ]); |
| | | |
| | | const route = useRoute(); |
| | | const id = (route.params.id as string) ?? ''; |
| | | const url = (route.query.url as string) ?? ''; |
| | |
| | | |
| | | async function handleAddOrEdit() {} |
| | | |
| | | async function handleSubmit() { |
| | | async function sureTaskSettlementOrder() { |
| | | try { |
| | | let params: API.SureTaskSettlementOrderCommand = { |
| | | taskInfoId: id, |
| | |
| | | |
| | | function handleUploadSuccess(response: UploadUserFile & { file: File & { uid: number } }) { |
| | | if (response.path) { |
| | | // |
| | | // sureTaskSettlementOrder(); |
| | | } |
| | | } |
| | | |
| | | function handleSubmit() { |
| | | handleSettleEdit({ |
| | | id: id, |
| | | name: form.name, |
| | | code: form.code, |
| | | settlementUserCount: form.settlementTaskUsers.length, |
| | | actualSettlementAmount: form.actualSettlementAmount, |
| | | }); |
| | | } |
| | | |
| | | const { |
| | | dialogProps: dialogSettleProps, |
| | | handleEdit: handleSettleEdit, |
| | | editForm: settleEditForm, |
| | | } = useFormDialog({ |
| | | onConfirm: handleSettle, |
| | | defaultFormParams: { |
| | | id: '', |
| | | name: '', |
| | | code: '', |
| | | settlementUserCount: 0, |
| | | actualSettlementAmount: 0, |
| | | }, |
| | | }); |
| | | |
| | | async function handleSettle() { |
| | | try { |
| | | let params: API.SureTaskSettlementCommand = { |
| | | taskInfoId: settleEditForm.id, |
| | | }; |
| | | console.log('params: ', params); |
| | | // let res = await taskServices.sureTaskSettlement(params); |
| | | // if (res) { |
| | | // Message.successMessage('操作成功'); |
| | | // eventContext.emit('sureTaskSettlementOrder'); |
| | | // handleBack(); |
| | | // } |
| | | } catch (error) {} |
| | | } |
| | | |
| | | function handleDownload() {} |
| | | |
| | | function handleBack() { |
| | | closeViewPush(route, { |
| | | name: 'ServiceChargeManageList', |