|
@@ -8,23 +8,45 @@
|
|
</el-button>
|
|
</el-button>
|
|
<template #dropdown>
|
|
<template #dropdown>
|
|
<el-dropdown-menu>
|
|
<el-dropdown-menu>
|
|
- <el-dropdown-item icon="Download" @click="handleExport" v-hasPermi="['business:collection:export']">
|
|
|
|
- 导出</el-dropdown-item>
|
|
|
|
- <el-dropdown-item icon="Upload" @click="handleImport"
|
|
|
|
- v-hasPermi="['business:collection:import']">导入</el-dropdown-item>
|
|
|
|
|
|
+ <el-dropdown-item
|
|
|
|
+ icon="Download"
|
|
|
|
+ @click="handleExport"
|
|
|
|
+ v-hasPermi="['business:collection:export']"
|
|
|
|
+ >
|
|
|
|
+ 导出</el-dropdown-item
|
|
|
|
+ >
|
|
|
|
+ <el-dropdown-item
|
|
|
|
+ icon="Upload"
|
|
|
|
+ @click="handleImport"
|
|
|
|
+ v-hasPermi="['business:collection:import']"
|
|
|
|
+ >导入</el-dropdown-item
|
|
|
|
+ >
|
|
</el-dropdown-menu>
|
|
</el-dropdown-menu>
|
|
</template>
|
|
</template>
|
|
</el-dropdown>
|
|
</el-dropdown>
|
|
</div>
|
|
</div>
|
|
<!-- 搜索区 -->
|
|
<!-- 搜索区 -->
|
|
- <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true"
|
|
|
|
- label-width="68px">
|
|
|
|
|
|
+ <el-form
|
|
|
|
+ class="list-search-container"
|
|
|
|
+ size="small"
|
|
|
|
+ :model="queryParams"
|
|
|
|
+ ref="queryRef"
|
|
|
|
+ :inline="true"
|
|
|
|
+ label-width="68px"
|
|
|
|
+ >
|
|
<el-form-item label="客户名称:" prop="companyName">
|
|
<el-form-item label="客户名称:" prop="companyName">
|
|
- <el-input v-model="queryParams.companyName" style="width: 150px" placeholder="请输入客户名称" clearable
|
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="queryParams.companyName"
|
|
|
|
+ style="width: 150px"
|
|
|
|
+ placeholder="请输入客户名称"
|
|
|
|
+ clearable
|
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery"
|
|
|
|
+ >搜索</el-button
|
|
|
|
+ >
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
@@ -32,12 +54,38 @@
|
|
<!-- 列表区 -->
|
|
<!-- 列表区 -->
|
|
<!--
|
|
<!--
|
|
:summary-method="getSummaries" -->
|
|
:summary-method="getSummaries" -->
|
|
- <el-table v-loading="loading" :data="orderList" size="small" show-summary :summary-method="getSummaries" border
|
|
|
|
- height="100%" @selection-change="handleSelectionChange">
|
|
|
|
|
|
+ <el-table
|
|
|
|
+ v-loading="loading"
|
|
|
|
+ :data="orderList"
|
|
|
|
+ size="small"
|
|
|
|
+ show-summary
|
|
|
|
+ :summary-method="getSummaries"
|
|
|
|
+ border
|
|
|
|
+ height="100%"
|
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
|
+ >
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
- <el-table-column v-if="getShowStatus(2)" label="客户" prop="companyName" min-width="250" align="center" />
|
|
|
|
- <el-table-column v-if="getShowStatus(3)" label="合同编号" prop="contractNo" min-width="150" align="center" />
|
|
|
|
- <el-table-column v-if="getShowStatus(4)" label="实际付款时间" prop="actuallyDate" width="100" align="center">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(2)"
|
|
|
|
+ label="客户"
|
|
|
|
+ prop="companyName"
|
|
|
|
+ min-width="250"
|
|
|
|
+ align="center"
|
|
|
|
+ />
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(3)"
|
|
|
|
+ label="合同编号"
|
|
|
|
+ prop="contractNo"
|
|
|
|
+ min-width="150"
|
|
|
|
+ align="center"
|
|
|
|
+ />
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(4)"
|
|
|
|
+ label="实际付款时间"
|
|
|
|
+ prop="actuallyDate"
|
|
|
|
+ width="100"
|
|
|
|
+ align="center"
|
|
|
|
+ >
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
{{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
|
|
{{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
|
|
</template>
|
|
</template>
|
|
@@ -49,49 +97,112 @@
|
|
width="100"
|
|
width="100"
|
|
align="center"
|
|
align="center"
|
|
/> -->
|
|
/> -->
|
|
- <el-table-column v-if="getShowStatus(5)" label="收款时间" prop="paymentCause" align="center" />
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(5)"
|
|
|
|
+ label="收款时间"
|
|
|
|
+ prop="paymentCause"
|
|
|
|
+ align="center"
|
|
|
|
+ />
|
|
<!-- <el-table-column label="支出科目" prop="paymentSubject" align="center" /> -->
|
|
<!-- <el-table-column label="支出科目" prop="paymentSubject" align="center" /> -->
|
|
- <el-table-column v-if="getShowStatus(8)" width="80" label="收款金额" prop="arriveAmount" header-align="center"
|
|
|
|
- align="right">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(8)"
|
|
|
|
+ width="80"
|
|
|
|
+ label="收款金额"
|
|
|
|
+ prop="arriveAmount"
|
|
|
|
+ header-align="center"
|
|
|
|
+ align="right"
|
|
|
|
+ >
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<span>{{ scope.row.arriveAmount.toFixed(2) }}</span>
|
|
<span>{{ scope.row.arriveAmount.toFixed(2) }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column v-if="getShowStatus(9)" label="申请人" prop="applierName" min-width="100" align="center" />
|
|
|
|
- <el-table-column v-if="getShowStatus(11)" label="审核状态" prop="status" min-width="90" align="center">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(9)"
|
|
|
|
+ label="申请人"
|
|
|
|
+ prop="applierName"
|
|
|
|
+ min-width="100"
|
|
|
|
+ align="center"
|
|
|
|
+ />
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(11)"
|
|
|
|
+ label="审核状态"
|
|
|
|
+ prop="status"
|
|
|
|
+ min-width="90"
|
|
|
|
+ align="center"
|
|
|
|
+ >
|
|
<template #header>
|
|
<template #header>
|
|
<!-- <el-badge v-if="unVerifiedNum > 0 && verifiable" is-dot>审核状态</el-badge> -->
|
|
<!-- <el-badge v-if="unVerifiedNum > 0 && verifiable" is-dot>审核状态</el-badge> -->
|
|
<div>审核状态</div>
|
|
<div>审核状态</div>
|
|
</template>
|
|
</template>
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <span v-if="scope.row.status === 0" style="color: #cd853f">未审核</span>
|
|
|
|
- <span v-else-if="scope.row.status === 1" style="color: #32cd32">审核通过</span>
|
|
|
|
- <span v-else-if="scope.row.status === 2" style="color: #dc143c">审核不通过</span>
|
|
|
|
|
|
+ <span v-if="scope.row.status === 0" style="color: #cd853f"
|
|
|
|
+ >未审核</span
|
|
|
|
+ >
|
|
|
|
+ <span v-else-if="scope.row.status === 1" style="color: #32cd32"
|
|
|
|
+ >审核通过</span
|
|
|
|
+ >
|
|
|
|
+ <span v-else-if="scope.row.status === 2" style="color: #dc143c"
|
|
|
|
+ >审核不通过</span
|
|
|
|
+ >
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column v-if="getShowStatus(12)" label="支付状态" min-width="90" prop="arriveStatus" align="center">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(12)"
|
|
|
|
+ label="支付状态"
|
|
|
|
+ min-width="90"
|
|
|
|
+ prop="arriveStatus"
|
|
|
|
+ align="center"
|
|
|
|
+ >
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <span v-if="scope.row.arriveStatus === 0" style="color: #dc143c">未支付</span>
|
|
|
|
- <span v-else-if="scope.row.arriveStatus === 1" style="color: #32cd32">已支付</span>
|
|
|
|
- <span v-else-if="scope.row.arriveStatus === 2" style="color: #cd853f">部分支付</span>
|
|
|
|
|
|
+ <span v-if="scope.row.arriveStatus === 0" style="color: #dc143c"
|
|
|
|
+ >未支付</span
|
|
|
|
+ >
|
|
|
|
+ <span v-else-if="scope.row.arriveStatus === 1" style="color: #32cd32"
|
|
|
|
+ >已支付</span
|
|
|
|
+ >
|
|
|
|
+ <span v-else-if="scope.row.arriveStatus === 2" style="color: #cd853f"
|
|
|
|
+ >部分支付</span
|
|
|
|
+ >
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column v-if="getShowStatus(14)" label="确认到账时间" prop="actuallyDate" align="center">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(14)"
|
|
|
|
+ label="确认到账时间"
|
|
|
|
+ prop="actuallyDate"
|
|
|
|
+ align="center"
|
|
|
|
+ >
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
{{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
|
|
{{ moment(scope.row.actuallyDate).format("YYYY-MM-DD") }}
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column v-if="getShowStatus(13)" label="备注" prop="remark" align="center" min-width="100" />
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ v-if="getShowStatus(13)"
|
|
|
|
+ label="备注"
|
|
|
|
+ prop="remark"
|
|
|
|
+ align="center"
|
|
|
|
+ min-width="100"
|
|
|
|
+ />
|
|
<el-table-column label="操作" width="80" align="center">
|
|
<el-table-column label="操作" width="80" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-button type="primary" size="small" link @click="handleView(scope.row.id)">查看</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ link
|
|
|
|
+ @click="handleView(scope.row.id)"
|
|
|
|
+ >查看</el-button
|
|
|
|
+ >
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<contract-form ref="contractRef" :get-list="getList" />
|
|
<contract-form ref="contractRef" :get-list="getList" />
|
|
<import-excel-dialog ref="importExcelDialogRef" :get-list="getList" />
|
|
<import-excel-dialog ref="importExcelDialogRef" :get-list="getList" />
|
|
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
|
|
|
|
- @pagination="getList" />
|
|
|
|
|
|
+ <pagination
|
|
|
|
+ v-show="total > 0"
|
|
|
|
+ :total="total"
|
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
|
+ @pagination="getList"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -185,8 +296,8 @@ function getSummaries(param) {
|
|
data.map((item) => {
|
|
data.map((item) => {
|
|
if (item.arriveStatus == 1) {
|
|
if (item.arriveStatus == 1) {
|
|
console.log(item);
|
|
console.log(item);
|
|
- if (item.paymentAmount) {
|
|
|
|
- values.push(item.paymentAmount);
|
|
|
|
|
|
+ if (item.arriveAmount) {
|
|
|
|
+ values.push(item.arriveAmount);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -247,7 +358,7 @@ function handleDelete(row) {
|
|
getList();
|
|
getList();
|
|
proxy.$modal.msgSuccess("删除成功!");
|
|
proxy.$modal.msgSuccess("删除成功!");
|
|
})
|
|
})
|
|
- .catch(() => { });
|
|
|
|
|
|
+ .catch(() => {});
|
|
}
|
|
}
|
|
|
|
|
|
function handleAlter(row) {
|
|
function handleAlter(row) {
|
|
@@ -266,7 +377,7 @@ function handleDissolution() {
|
|
getList();
|
|
getList();
|
|
proxy.$modal.msgSuccess("删除成功!");
|
|
proxy.$modal.msgSuccess("删除成功!");
|
|
})
|
|
})
|
|
- .catch(() => { });
|
|
|
|
|
|
+ .catch(() => {});
|
|
}
|
|
}
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
/** 导出按钮操作 */
|