|
@@ -1,13 +1,14 @@
|
|
|
<script setup lang="ts">
|
|
|
import AForm from '@/components/AForm/index.vue'
|
|
|
-import {FormConfigType} from '@/components/AForm/type'
|
|
|
-import {ToolbarConfigType} from '@/components/AToolbar/type'
|
|
|
-import {ColumnConfigType} from '@/components/ATable/type'
|
|
|
-import {StrAnyObj, StrAnyObjArr} from '@/typings'
|
|
|
-import {confirmArrivalAccountApi, getDetailApi, getPageApi} from '@/api/business/contract/fundReceived'
|
|
|
-import {getPageApi as getCapitalAccountPageApi} from '@/api/business/capital/account'
|
|
|
+import { FormConfigType } from '@/components/AForm/type'
|
|
|
+import { ToolbarConfigType } from '@/components/AToolbar/type'
|
|
|
+import { ColumnConfigType } from '@/components/ATable/type'
|
|
|
+import { StrAnyObj, StrAnyObjArr } from '@/typings'
|
|
|
+import { confirmArrivalAccountApi, getDetailApi, getPageApi } from '@/api/business/contract/fundReceived'
|
|
|
+import { getPageApi as getCapitalAccountPageApi } from '@/api/business/capital/account'
|
|
|
import Detail from '@/views/business/contract/info/detail.vue'
|
|
|
-import {getPageApi as getContractPageApi} from "@/api/business/contract/info";
|
|
|
+import { getPageApi as getContractPageApi } from '@/api/business/contract/info'
|
|
|
+import UserOperation from '@/views/business/log/userOperation/index.vue'
|
|
|
|
|
|
const queryRef = ref<InstanceType<typeof AForm>>()
|
|
|
const formRef = ref<InstanceType<typeof AForm>>()
|
|
@@ -16,9 +17,11 @@ const showQuery = ref<boolean>(true)
|
|
|
const selectKeys = ref<string[]>([])
|
|
|
const pageTotal = ref<number>(0)
|
|
|
|
|
|
-const queryData = ref<StrAnyObj>({pageNum: 1, pageSize: 10})
|
|
|
+const queryData = ref<StrAnyObj>({ pageNum: 1, pageSize: 10 })
|
|
|
const tableData = ref<StrAnyObjArr>([])
|
|
|
const formData = ref<StrAnyObj>({})
|
|
|
+const logData = ref<StrAnyObj>({})
|
|
|
+const operationLog = ref<boolean>(false)
|
|
|
|
|
|
const dialogTitle = ref<string>('')
|
|
|
const dialogVisible = ref<boolean>(false)
|
|
@@ -85,6 +88,13 @@ const columnConfig: ColumnConfigType[] = [
|
|
|
width: 180,
|
|
|
handleConfig: [
|
|
|
{
|
|
|
+ text: '操作日志',
|
|
|
+ click(row) {
|
|
|
+ logData.value = row
|
|
|
+ operationLog.value = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
if: (row) => {
|
|
|
return row.hasReceived == 0
|
|
|
},
|
|
@@ -92,7 +102,7 @@ const columnConfig: ColumnConfigType[] = [
|
|
|
click(row) {
|
|
|
dialogVisible.value = true
|
|
|
dialogTitle.value = '到账认领'
|
|
|
- getDetailApi({id: row.id}).then((resp: StrAnyObj) => {
|
|
|
+ getDetailApi({ id: row.id }).then((resp: StrAnyObj) => {
|
|
|
formData.value = resp
|
|
|
})
|
|
|
}
|
|
@@ -107,7 +117,7 @@ const formConfig: FormConfigType[] = [
|
|
|
label: '合同',
|
|
|
prop: 'contractId',
|
|
|
option: () => {
|
|
|
- return getContractPageApi({searchAll: true}).then((res: StrAnyObjArr) => {
|
|
|
+ return getContractPageApi({ searchAll: true }).then((res: StrAnyObjArr) => {
|
|
|
if (res.records && res.records.length > 0) {
|
|
|
return res.records.map((item) => {
|
|
|
return {
|
|
@@ -135,10 +145,10 @@ const formConfig: FormConfigType[] = [
|
|
|
labelName: 'accountAlias',
|
|
|
disabled: true,
|
|
|
async option() {
|
|
|
- const data = await getCapitalAccountPageApi({searchAll: true})
|
|
|
+ const data = await getCapitalAccountPageApi({ searchAll: true })
|
|
|
return data.records
|
|
|
},
|
|
|
- rule: [{required: true, message: '资金账号不能为空', trigger: 'blur'}]
|
|
|
+ rule: [{ required: true, message: '资金账号不能为空', trigger: 'blur' }]
|
|
|
},
|
|
|
{
|
|
|
type: 'datePicker',
|
|
@@ -148,7 +158,7 @@ const formConfig: FormConfigType[] = [
|
|
|
format: 'YYYY-MM-DD hh:mm:ss',
|
|
|
valueFormat: 'YYYY-MM-DD hh:mm:ss',
|
|
|
disabled: true,
|
|
|
- rule: [{required: true, message: '到账时间不能为空', trigger: 'blur'}]
|
|
|
+ rule: [{ required: true, message: '到账时间不能为空', trigger: 'blur' }]
|
|
|
},
|
|
|
{
|
|
|
type: 'input',
|
|
@@ -205,46 +215,34 @@ function clickContract(item: StrAnyObjArr) {
|
|
|
</el-card>
|
|
|
|
|
|
<a-table
|
|
|
- :data="tableData"
|
|
|
- :page-total="pageTotal"
|
|
|
- :toolbar-config="toolbarConfig"
|
|
|
- :column-config="columnConfig"
|
|
|
- v-model:showQuery="showQuery"
|
|
|
- v-model:page-num="queryData.pageNum"
|
|
|
- v-model:page-size="queryData.pageSize"
|
|
|
- @page-num-change="getPage"
|
|
|
- @page-size-change="getPage"
|
|
|
- @selection-change="tableSelectionChange"
|
|
|
+ :data="tableData"
|
|
|
+ :page-total="pageTotal"
|
|
|
+ :toolbar-config="toolbarConfig"
|
|
|
+ :column-config="columnConfig"
|
|
|
+ v-model:showQuery="showQuery"
|
|
|
+ v-model:page-num="queryData.pageNum"
|
|
|
+ v-model:page-size="queryData.pageSize"
|
|
|
+ @page-num-change="getPage"
|
|
|
+ @page-size-change="getPage"
|
|
|
+ @selection-change="tableSelectionChange"
|
|
|
>
|
|
|
<template #contractNo="{ row }">
|
|
|
<div>
|
|
|
- <a
|
|
|
- style="color: #409eff; cursor: pointer; word-break: break-all"
|
|
|
- @click="clickContract(row)"
|
|
|
- >{{ row.contractNo }}</a
|
|
|
- >
|
|
|
+ <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="clickContract(row)">{{ row.contractNo }}</a>
|
|
|
</div>
|
|
|
</template>
|
|
|
</a-table>
|
|
|
|
|
|
- <a-dialog
|
|
|
- v-model="dialogVisible"
|
|
|
- :title="dialogTitle"
|
|
|
- @submit="formSubmit"
|
|
|
- @closed="formClosed"
|
|
|
- >
|
|
|
+ <a-dialog v-model="dialogVisible" :title="dialogTitle" @submit="formSubmit" @closed="formClosed">
|
|
|
<a-form ref="formRef" v-model="formData" :config="formConfig" :span="24"></a-form>
|
|
|
</a-dialog>
|
|
|
|
|
|
- <a-dialog
|
|
|
- v-if="detailDialog"
|
|
|
- v-model="detailDialog"
|
|
|
- :title="detailTitle"
|
|
|
- @closed="formClosed"
|
|
|
- style="width: 900px"
|
|
|
- :footer="false"
|
|
|
- >
|
|
|
+ <a-dialog v-if="detailDialog" v-model="detailDialog" :title="detailTitle" @closed="formClosed" style="width: 900px" :footer="false">
|
|
|
<Detail :rowData="formData"></Detail>
|
|
|
</a-dialog>
|
|
|
+
|
|
|
+ <a-dialog v-model="operationLog" title="操作日志" width="90%" :footer="false">
|
|
|
+ <UserOperation :logData="logData"></UserOperation>
|
|
|
+ </a-dialog>
|
|
|
</div>
|
|
|
</template>
|