fix: pos刷卡推荐功能新增。

This commit is contained in:
tianyongbao
2025-01-26 17:17:42 +08:00
parent 72b8aeeb7e
commit edcdab175a
2 changed files with 189 additions and 0 deletions

View File

@@ -42,3 +42,12 @@ export function delPosmachine(id) {
method: 'delete'
})
}
// 查询信用卡刷pos机信息列表
export function creditPosList(query) {
return request({
url: '/invest/posmachine/creditPosList',
method: 'get',
params: query
})
}

View File

@@ -0,0 +1,180 @@
<template>
<div class="app-container">
<div class="search-con">
<div class="title">查询条件</div>
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="100px">
<el-form-item label="名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="账号" prop="code">
<el-input v-model="queryParams.code" placeholder="请输入账号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="账户显示状态" prop="state">
<el-select v-model="queryParams.state" placeholder="请选择账户状态" clearable>
<el-option v-for="dict in account_state" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item> -->
</el-form>
<div class="search-btn-con">
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
</div>
</div>
<div class="main-con">
<div class="title-con">
<div class="title">基本信息</div>
<div class="operate-btn-con"></div>
</div>
<div class="content-con" v-loading="loading">
<el-table v-loading="loading" :data="accountsList" @selection-change="handleSelectionChange" height="calc(100% - 0.42rem)">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="名称" width="150" align="center" prop="name" />
<el-table-column label="账号" width="200" align="center" prop="code" />
<el-table-column label="可用额度" width="120" align="center" prop="availableLimit" />
<el-table-column label="账单日" width="100" align="center" prop="billDateName" />
<el-table-column prop="remark" label="近1月POS刷卡记录">
<template #default="scope">
<span v-html="formatMultiLineData(scope.row.remark)"></span>
</template>
</el-table-column>
<el-table-column prop="advicePosNames" label="推荐POS刷卡">
<template #default="scope">
<span v-html="formatMultiLineData(scope.row.advicePosNames)"></span>
</template>
</el-table-column>
<!-- <el-table-column label="账户显示状态" align="center" prop="state">
<template #default="scope">
<dict-tag :options="account_state" :value="scope.row.state" />
</template>
</el-table-column> -->
</el-table>
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
</div>
</div>
</div>
</template>
<script setup name="Accounts">
import { creditPosList } from '@/api/invest/posmachine'
// eslint-disable-next-line no-unused-vars
import { require } from '@/utils/require'
import dayjs from 'dayjs'
const { proxy } = getCurrentInstance()
const accountsList = ref([])
const open = ref(false)
const loading = ref(true)
const ids = ref([])
const single = ref(true)
const multiple = ref(true)
const total = ref(0)
const title = ref('')
const titleDealRecord = ref('')
const openDealRecord = ref(false)
const loadingDealRecord = ref(false)
const tableDealRecordData = ref([])
const dealRecordTotal = ref(0)
const queryDealRecordParams = ref({
time: '',
dealType: null,
dealCategory: null,
pageNum: 1,
pageSize: 10
})
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
name: null,
status: null,
type: null,
state: null
},
rules: {
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
type: [{ required: true, message: '账户类型不能为空', trigger: 'change' }],
status: [{ required: true, message: '账户状态不能为空', trigger: 'blur' }],
code: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
balance: [{ required: true, message: '余额不能为空', trigger: 'blur' }]
}
})
const { queryParams, form, rules } = toRefs(data)
/** 查询记账账户列表 */
function getList() {
loading.value = true
creditPosList(queryParams.value).then((response) => {
accountsList.value = response.rows
total.value = response.total
loading.value = false
})
}
// 取消按钮
function cancel() {
open.value = false
reset()
}
// 表单重置
function reset() {
form.value = {
id: null,
name: null,
type: null,
code: null,
balance: null,
creditLimit: null,
availableLimit: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
delFlag: null,
remark: null,
accountId: null,
state: null,
status: null
}
proxy.resetForm('accountsRef')
}
// 分页
const handleCurrentChange = (val) => {
queryParams.value.pageNum = val
getList()
}
function formatMultiLineData(data) {
if (data != null) {
return data.replace(/、/g, '<br/>')
}
}
// 多选框选中数据
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id)
single.value = selection.length !== 1
multiple.value = !selection.length
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1
getList()
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm('queryRef')
handleQuery()
}
getList()
</script>