| | |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="150" /> |
| | | <el-table-column label="收款金额(元)" |
| | | prop="receiptPaymentAmount" |
| | | show-overflow-tooltip |
| | | :formatter="formattedNumber" |
| | | width="150" /> |
| | | <el-table-column label="应收金额(元)" |
| | | prop="receiptableAmount" |
| | | show-overflow-tooltip |
| | | width="150"> |
| | | <template #default="{ row }"> |
| | | <span :style="{ color: row.receiptableAmount > 0 ? '#f56c6c' : '#606266' }"> |
| | | {{ formattedNumber(null, null, row.receiptableAmount) }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="100" align="center" fixed="right"> |
| | | <template #default="{ row }"> |
| | | <el-button type="primary" link size="small" @click="viewDetail(row)">查看明细</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="应收金额(元)"--> |
| | | <!-- prop="receiptableAmount"--> |
| | | <!-- show-overflow-tooltip--> |
| | |
| | | |
| | | <script setup> |
| | | import { onMounted, ref, reactive, toRefs, getCurrentInstance } from "vue"; |
| | | import { useRouter } from "vue-router"; |
| | | import { |
| | | customewTransactions, |
| | | } from "@/api/salesManagement/indicatorStats.js"; |
| | |
| | | import Pagination from "../../../components/PIMTable/Pagination.vue"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const router = useRouter(); |
| | | const tableData = ref([]); |
| | | const orderRecord = ref([]); |
| | | const tableLoading = ref(false); |
| | |
| | | getOrderList(customerId.value); |
| | | }; |
| | | |
| | | // 查看明细 |
| | | const viewDetail = (row) => { |
| | | router.push({ |
| | | path: '/customer-transactions-detail', |
| | | query: { customerId: row.customerId } |
| | | }); |
| | | }; |
| | | |
| | | // 审核状态标签类型 |
| | | const getApprovalStatusType = (status) => { |
| | | const statusMap = { |