mirror of
https://gitee.com/bootx/dax-pay-ui
synced 2026-05-15 02:45:43 +08:00
ref 删除终端上报功能
This commit is contained in:
bootx
@@ -1,111 +0,0 @@
|
||||
import { defHttp } from '@/utils/http/axios'
|
||||
import { PageResult, Result } from '#/axios'
|
||||
import { MchEntity } from '#/web'
|
||||
import { LabeledValue } from 'ant-design-vue/lib/select'
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*/
|
||||
export function page(params: any) {
|
||||
return defHttp.get<Result<PageResult<TerminalDevice>>>({
|
||||
url: '/terminal/device/page',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据ID查询
|
||||
*/
|
||||
export function get(id: string) {
|
||||
return defHttp.get<Result<TerminalDevice>>({
|
||||
url: '/terminal/device/findById',
|
||||
params: { id },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*/
|
||||
export function add(data: TerminalDevice) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/add',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 修改
|
||||
*/
|
||||
export function update(data: TerminalDevice) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/edit',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
export function remove(id: string) {
|
||||
return defHttp.delete<Result<void>>({
|
||||
url: '/terminal/device/delete',
|
||||
params: { id },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据AppId查询下拉列表
|
||||
*/
|
||||
export function dropdown(appId) {
|
||||
return defHttp.get<Result<LabeledValue[]>>({
|
||||
url: '/terminal/device/dropdown',
|
||||
params: { appId },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 终端设备
|
||||
*/
|
||||
export interface TerminalDevice extends MchEntity {
|
||||
/** 终端名称 */
|
||||
name?: string
|
||||
|
||||
/** 终端编码 */
|
||||
terminalNo?: string
|
||||
|
||||
/** 终端类型 */
|
||||
type?: string
|
||||
|
||||
/** 终端序列号 */
|
||||
serialNum?: string
|
||||
|
||||
/** 省市区编码 */
|
||||
areaCode?: string[]
|
||||
|
||||
/** 终端发放地址 */
|
||||
address?: string
|
||||
|
||||
/** 终端厂商名称 */
|
||||
companyName?: string
|
||||
|
||||
/** 发放日期 */
|
||||
putDate?: string
|
||||
|
||||
/** 支持终端定位 */
|
||||
gps?: boolean
|
||||
|
||||
/** 终端机具型号 */
|
||||
machineType?: string
|
||||
|
||||
/** 经度，浮点型, 小数点后最多保留6位 */
|
||||
longitude?: string
|
||||
|
||||
/** 纬度，浮点型,小数点后最多保留6位 */
|
||||
latitude?: string
|
||||
|
||||
/** 设备 IP 地址 */
|
||||
ip?: string
|
||||
|
||||
/** 银行卡受理终端产品入网认证编号 */
|
||||
networkLicense?: string
|
||||
}
|
||||
@@ -1,233 +0,0 @@
|
||||
<template>
|
||||
<basic-drawer
|
||||
v-bind="$attrs"
|
||||
showFooter
|
||||
:width="750"
|
||||
:title="title"
|
||||
:mask-closable="true"
|
||||
:open="visible"
|
||||
@close="visible = false"
|
||||
>
|
||||
<a-form
|
||||
class="small-from-item"
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
:validate-trigger="['blur', 'change']"
|
||||
:label-col="labelCol"
|
||||
:wrapper-col="wrapperCol"
|
||||
>
|
||||
<a-form-item label="主键" name="id" :hidden="true">
|
||||
<a-input v-model:value="form.id" :disabled="showable" />
|
||||
</a-form-item>
|
||||
<a-form-item label="终端编码" v-if="!addable" name="terminalNo">
|
||||
<a-input v-model:value="form.terminalNo" disabled />
|
||||
</a-form-item>
|
||||
<a-form-item label="终端名称" validate-first name="name">
|
||||
<a-input v-model:value="form.name" :disabled="showable" placeholder="请输入终端名称" />
|
||||
</a-form-item>
|
||||
<a-form-item label="终端类型" validate-first name="type">
|
||||
<a-select
|
||||
style="width: 100%"
|
||||
:disabled="showable"
|
||||
v-model:value="form.type"
|
||||
:options="terminalDeviceTypeOptions"
|
||||
allow-clear
|
||||
placeholder="请选择终端类型"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="定位功能" name="gps">
|
||||
<a-radio-group v-model:value="form.gps" :disabled="showable" button-style="solid">
|
||||
<a-radio-button :value="true"> 支持 </a-radio-button>
|
||||
<a-radio-button :value="false"> 不支持 </a-radio-button>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
<a-form-item label="所在区县" name="areaCode">
|
||||
<cascader
|
||||
style="width: 300px"
|
||||
change-on-select
|
||||
v-model:value="form.areaCode"
|
||||
:disabled="showable"
|
||||
:field-names="fieldNames"
|
||||
:options="pca"
|
||||
placeholder="请选择所在区县"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="终端发放地址" name="address">
|
||||
<a-textarea
|
||||
:rows="3"
|
||||
v-model:value="form.address"
|
||||
:disabled="showable"
|
||||
placeholder="请输入终端发放地址"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="终端序列号" name="serialNum">
|
||||
<a-input
|
||||
v-model:value="form.serialNum"
|
||||
:disabled="showable"
|
||||
placeholder="请输入终端序列号"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="终端机具体型号" name="machineType">
|
||||
<a-input
|
||||
v-model:value="form.machineType"
|
||||
:disabled="showable"
|
||||
placeholder="请输入终端机具体型号"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="发放时间" name="putDate">
|
||||
<a-date-picker
|
||||
:disabled="showable"
|
||||
valueFormat="YYYY-MM-DD"
|
||||
placeholder="请选择发放日期"
|
||||
v-model:value="form.putDate"
|
||||
:defaultPickerValue="form.putDate"
|
||||
:show-today="false"
|
||||
/>
|
||||
</a-form-item>
|
||||
|
||||
<a-form-item label="经度" name="longitude">
|
||||
<a-input
|
||||
v-model:value="form.longitude"
|
||||
:disabled="showable"
|
||||
placeholder="请输入终端所在经度"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="纬度" name="latitude">
|
||||
<a-input
|
||||
v-model:value="form.latitude"
|
||||
:disabled="showable"
|
||||
placeholder="请输入终端所在纬度"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="设备IP" name="ip">
|
||||
<a-input v-model:value="form.ip" :disabled="showable" placeholder="请输入设备IP" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<template #footer>
|
||||
<a-space>
|
||||
<a-button key="cancel" @click="handleCancel">取消</a-button>
|
||||
<a-button
|
||||
v-if="!showable"
|
||||
key="forward"
|
||||
:loading="confirmLoading"
|
||||
type="primary"
|
||||
@click="handleOk"
|
||||
>保存</a-button
|
||||
>
|
||||
</a-space>
|
||||
</template>
|
||||
</basic-drawer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import useFormEdit from '@/hooks/bootx/useFormEdit'
|
||||
import { nextTick, reactive, ref } from 'vue'
|
||||
import { FormInstance, Rule } from 'ant-design-vue/lib/form'
|
||||
import { add, get, update, TerminalDevice } from './TerminalDevice.api'
|
||||
import { FormEditType } from '@/enums/formTypeEnum'
|
||||
import { LabeledValue } from 'ant-design-vue/lib/select'
|
||||
import { useDict } from '@/hooks/bootx/useDict'
|
||||
import BasicDrawer from '@/components/Drawer/src/BasicDrawer.vue'
|
||||
import { Cascader } from 'ant-design-vue'
|
||||
import { findAllProvinceAndCityAndArea, Region } from '@/api/common/ChinaRegion.api'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
|
||||
const { appId } = defineProps<{ appId?: string }>()
|
||||
const { dictDropDown } = useDict()
|
||||
const {
|
||||
initFormEditType,
|
||||
handleCancel,
|
||||
labelCol,
|
||||
wrapperCol,
|
||||
visible,
|
||||
title,
|
||||
confirmLoading,
|
||||
addable,
|
||||
showable,
|
||||
formEditType,
|
||||
} = useFormEdit()
|
||||
|
||||
const fieldNames = {
|
||||
label: 'name',
|
||||
value: 'code',
|
||||
children: 'children',
|
||||
}
|
||||
|
||||
let pca = ref<Region[]>([])
|
||||
const terminalDeviceTypeOptions = ref<LabeledValue[]>([])
|
||||
// 表单
|
||||
const formRef = ref<FormInstance>()
|
||||
let form = ref<TerminalDevice>({
|
||||
gps: false,
|
||||
})
|
||||
// 校验
|
||||
const rules = reactive({
|
||||
terminalNo: [{ required: true, message: '' }],
|
||||
name: [{ required: true, message: '请输入终端名称' }],
|
||||
type: [{ required: true, message: '请选择终端类型' }],
|
||||
areaCode: [{ required: true, message: '请选择所在区县' }],
|
||||
gps: [{ required: true, message: '请选择终端是否支持定位' }],
|
||||
} as Record<string, Rule[]>)
|
||||
// 事件
|
||||
const emits = defineEmits(['ok'])
|
||||
// 入口
|
||||
function init(id, editType: FormEditType) {
|
||||
initFormEditType(editType)
|
||||
initData()
|
||||
resetForm()
|
||||
getInfo(id, editType)
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化数据
|
||||
*/
|
||||
async function initData() {
|
||||
terminalDeviceTypeOptions.value = await dictDropDown('terminal_device_type')
|
||||
findAllProvinceAndCityAndArea().then(({ data }) => {
|
||||
pca.value = cloneDeep(data)
|
||||
})
|
||||
}
|
||||
|
||||
// 获取信息
|
||||
function getInfo(id, editType: FormEditType) {
|
||||
if ([FormEditType.Edit, FormEditType.Show].includes(editType)) {
|
||||
confirmLoading.value = true
|
||||
get(id).then(({ data }) => {
|
||||
form.value = data
|
||||
confirmLoading.value = false
|
||||
})
|
||||
} else {
|
||||
confirmLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存
|
||||
*/
|
||||
function handleOk() {
|
||||
formRef.value?.validate().then(async () => {
|
||||
confirmLoading.value = true
|
||||
if (formEditType.value === FormEditType.Add) {
|
||||
await add({ ...form.value, appId }).finally(() => (confirmLoading.value = false))
|
||||
} else if (formEditType.value === FormEditType.Edit) {
|
||||
await update(form.value).finally(() => (confirmLoading.value = false))
|
||||
}
|
||||
handleCancel()
|
||||
emits('ok')
|
||||
})
|
||||
}
|
||||
|
||||
// 重置表单的校验
|
||||
function resetForm() {
|
||||
nextTick(() => {
|
||||
formRef.value?.resetFields()
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@@ -1,232 +0,0 @@
|
||||
<template>
|
||||
<basic-drawer
|
||||
v-bind="$attrs"
|
||||
width="70%"
|
||||
title="终端设备管理"
|
||||
:mask-closable="true"
|
||||
:open="visible"
|
||||
@close="visible = false"
|
||||
>
|
||||
<div class="m-3 p-3 pt-5 bg-white">
|
||||
<b-query
|
||||
:query-params="model.queryParam"
|
||||
:fields="fields"
|
||||
:default-item-count="3"
|
||||
:sort-config="{ remote: true, trigger: 'cell' }"
|
||||
@query="queryPage"
|
||||
@reset="resetQueryParams"
|
||||
@sort-change="sortChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="m-3 p-3 bg-white">
|
||||
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }">
|
||||
<template #buttons>
|
||||
<a-button type="primary" pre-icon="ant-design:plus-outlined" @click="add()"
|
||||
>新建</a-button
|
||||
>
|
||||
</template>
|
||||
</vxe-toolbar>
|
||||
<div class="h-65vh">
|
||||
<vxe-table
|
||||
height="auto"
|
||||
key-field="id"
|
||||
ref="xTable"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="terminalNo" title="终端编码" :min-width="230">
|
||||
<template #default="{ row }">
|
||||
<a @click="show(row)">
|
||||
{{ row.terminalNo }}
|
||||
</a>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="name" title="终端名称" :min-width="160" />
|
||||
<vxe-column field="type" title="终端类型" :min-width="160">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('terminal_device_type', row.type) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="serialNum" title="终端序列号" :min-width="160" />
|
||||
<vxe-column field="gps" title="定位功能" :min-width="110" align="center">
|
||||
<template #default="{ row }">
|
||||
<a-tag :color="row.gps ? 'green' : 'red'">{{ row.gps ? '支持' : '不支持' }}</a-tag>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="putDate" title="发放日期" :min-width="120" />
|
||||
<vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
|
||||
<vxe-column fixed="right" width="220" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="edit(row)">编辑</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="showChannels(row)">通道报送</a-link>
|
||||
<a-divider type="vertical" />
|
||||
<a-link danger @click="del(row)">删除</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
<vxe-pager
|
||||
size="medium"
|
||||
:loading="loading"
|
||||
:current-page="pagination.current"
|
||||
:page-size="pagination.size"
|
||||
:total="pagination.total"
|
||||
@page-change="handleTableChange"
|
||||
/>
|
||||
</div>
|
||||
<TerminalDeviceEdit :app-id="currentAppId" ref="terminalDeviceEdit" @ok="queryPage" />
|
||||
<ChannelTerminalList ref="channelTerminalList" />
|
||||
</basic-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, onMounted, ref } from 'vue'
|
||||
import { page, remove } from './TerminalDevice.api'
|
||||
import useTablePage from '@/hooks/bootx/useTablePage'
|
||||
import { VxeTable, VxeTableInstance, VxeToolbar, VxeToolbarInstance } from 'vxe-table'
|
||||
import BQuery from '@/components/Bootx/Query/BQuery.vue'
|
||||
import { useMessage } from '@/hooks/web/useMessage'
|
||||
import { LIST, QueryField, STRING } from '@/components/Bootx/Query/Query'
|
||||
import { useDict } from '@/hooks/bootx/useDict'
|
||||
import ALink from '@/components/Link/Link.vue'
|
||||
import { BasicDrawer } from '@/components/Drawer'
|
||||
import { FormEditType } from '@/enums/formTypeEnum'
|
||||
import { LabeledValue } from 'ant-design-vue/lib/select'
|
||||
import TerminalDeviceEdit from './TerminalDeviceEdit.vue'
|
||||
import ChannelTerminalList from './channel/ChannelTerminalList.vue'
|
||||
|
||||
// 使用hooks
|
||||
const {
|
||||
handleTableChange,
|
||||
pageQueryResHandel,
|
||||
resetQueryParams,
|
||||
sortChange,
|
||||
sortParam,
|
||||
pagination,
|
||||
pages,
|
||||
model,
|
||||
loading,
|
||||
} = useTablePage(queryPage)
|
||||
const { createMessage, createConfirm } = useMessage()
|
||||
const { dictConvert, dictDropDown } = useDict()
|
||||
|
||||
const currentAppId = ref<string>()
|
||||
const visible = ref(false)
|
||||
const terminalDeviceTypes = ref<LabeledValue[]>([])
|
||||
|
||||
// 查询条件
|
||||
const fields = computed(() => {
|
||||
return [
|
||||
{ field: 'name', type: STRING, name: '终端名称', placeholder: '请输入终端名称' },
|
||||
{ field: 'terminalNo', type: STRING, name: '终端编码', placeholder: '请输入终端编码' },
|
||||
{
|
||||
field: 'type',
|
||||
type: LIST,
|
||||
name: '终端类型',
|
||||
placeholder: '请选择终端类型',
|
||||
selectList: terminalDeviceTypes.value,
|
||||
},
|
||||
] as QueryField[]
|
||||
})
|
||||
|
||||
const xTable = ref<VxeTableInstance>()
|
||||
const xToolbar = ref<VxeToolbarInstance>()
|
||||
const terminalDeviceEdit = ref<any>()
|
||||
const channelTerminalList = ref<any>()
|
||||
|
||||
onMounted(() => {
|
||||
vxeBind()
|
||||
initData()
|
||||
})
|
||||
|
||||
function vxeBind() {
|
||||
xTable.value?.connect(xToolbar.value as VxeToolbarInstance)
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化数据
|
||||
*/
|
||||
async function initData() {
|
||||
terminalDeviceTypes.value = await dictDropDown('terminal_device_type')
|
||||
}
|
||||
|
||||
/**
|
||||
* 入口
|
||||
*/
|
||||
async function init(appId) {
|
||||
visible.value = true
|
||||
currentAppId.value = appId
|
||||
queryPage()
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*/
|
||||
function queryPage() {
|
||||
loading.value = true
|
||||
page({
|
||||
...model.queryParam,
|
||||
...pages,
|
||||
...sortParam,
|
||||
appId: currentAppId.value,
|
||||
}).then(({ data }) => {
|
||||
pageQueryResHandel(data)
|
||||
})
|
||||
return Promise.resolve()
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增
|
||||
*/
|
||||
function add() {
|
||||
terminalDeviceEdit.value.init(null, FormEditType.Add, currentAppId)
|
||||
}
|
||||
|
||||
/**
|
||||
* 编辑
|
||||
*/
|
||||
function edit(record) {
|
||||
terminalDeviceEdit.value.init(record.id, FormEditType.Edit)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查看
|
||||
*/
|
||||
function show(record) {
|
||||
terminalDeviceEdit.value.init(record.id, FormEditType.Show)
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道列表
|
||||
*/
|
||||
function showChannels(record) {
|
||||
channelTerminalList.value.init(record.id)
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function del(record) {
|
||||
createConfirm({
|
||||
iconType: 'warning',
|
||||
title: '警告',
|
||||
content: '请确定要删除当前终端设备！',
|
||||
onOk: () => {
|
||||
loading.value = true
|
||||
remove(record.id).then(() => {
|
||||
createMessage.success('删除成功')
|
||||
queryPage()
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
@@ -1,96 +0,0 @@
|
||||
import { defHttp } from '@/utils/http/axios'
|
||||
import { Result } from '#/axios'
|
||||
import { MchEntity } from '#/web'
|
||||
|
||||
/**
|
||||
* 查询通道报备列表
|
||||
*/
|
||||
export function list(params: any) {
|
||||
return defHttp.get<Result<ChannelTerminal[]>>({
|
||||
url: '/terminal/device/channel/list',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道报备
|
||||
*/
|
||||
export function submit(channelTerminalId) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/channel/submit',
|
||||
params: { channelTerminalId },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道报备取消
|
||||
*/
|
||||
export function cancel(channelTerminalId) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/channel/cancel',
|
||||
params: { channelTerminalId },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道报备修改
|
||||
*/
|
||||
export function update(data) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/channel/edit',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询通道报备详情
|
||||
*/
|
||||
export function get(channelTerminalId) {
|
||||
return defHttp.get<Result<ChannelTerminal>>({
|
||||
url: '/terminal/device/channel/detail',
|
||||
params: { channelTerminalId },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道报备新增
|
||||
*/
|
||||
export function add(params) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/channel/add',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查并修复终端设备
|
||||
*/
|
||||
export function checkAndRepair(terminalId) {
|
||||
return defHttp.post<Result<void>>({
|
||||
url: '/terminal/device/channel/checkAndRepair',
|
||||
params: { terminalId },
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 通道终端设备上报记录
|
||||
*/
|
||||
export interface ChannelTerminal extends MchEntity {
|
||||
/** 终端设备ID */
|
||||
terminalId?: string
|
||||
|
||||
/** 通道 */
|
||||
channel?: string
|
||||
|
||||
/** 报送类型 */
|
||||
type?: string
|
||||
|
||||
/** 状态 */
|
||||
status?: string
|
||||
|
||||
/** 通道终端号 */
|
||||
outTerminalNo?: string
|
||||
|
||||
/** 错误信息 */
|
||||
clearErrMsg?: boolean
|
||||
}
|
||||
@@ -1,163 +0,0 @@
|
||||
<template>
|
||||
<basic-drawer
|
||||
forceRender
|
||||
v-bind="$attrs"
|
||||
showFooter
|
||||
:width="750"
|
||||
:title="title"
|
||||
:mask-closable="true"
|
||||
:open="visible"
|
||||
@close="visible = false"
|
||||
>
|
||||
<a-form
|
||||
class="small-from-item"
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
:validate-trigger="['blur', 'change']"
|
||||
:label-col="labelCol"
|
||||
:wrapper-col="wrapperCol"
|
||||
>
|
||||
<a-form-item label="主键" name="id" :hidden="true">
|
||||
<a-input v-model:value="form.id" :disabled="showable" />
|
||||
</a-form-item>
|
||||
<a-form-item label="所属通道" name="channel">
|
||||
{{ dictConvert('channel', form.channel) }}
|
||||
</a-form-item>
|
||||
<a-form-item label="报备状态" name="status">
|
||||
<a-select
|
||||
:disabled="showable"
|
||||
v-model:value="form.status"
|
||||
:options="terminalStatusOptions"
|
||||
allow-clear
|
||||
placeholder="请选择通道报备状态"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="通道终端号" name="outTerminalNo">
|
||||
<a-input
|
||||
v-model:value="form.outTerminalNo"
|
||||
placeholder="请输入通道终端号"
|
||||
:disabled="showable"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item v-if="!showable" label="清除错误信息" name="clearErrMsg">
|
||||
<a-switch
|
||||
v-model:checked="form.clearErrMsg"
|
||||
checked-children="是"
|
||||
un-checked-children="否"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<template #footer>
|
||||
<a-space>
|
||||
<a-button key="cancel" @click="handleCancel">取消</a-button>
|
||||
<a-button
|
||||
v-if="!showable"
|
||||
key="forward"
|
||||
:loading="confirmLoading"
|
||||
type="primary"
|
||||
@click="handleOk"
|
||||
>保存</a-button
|
||||
>
|
||||
</a-space>
|
||||
</template>
|
||||
</basic-drawer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, nextTick, ref } from 'vue'
|
||||
import BasicDrawer from '@/components/Drawer/src/BasicDrawer.vue'
|
||||
import useFormEdit from '@/hooks/bootx/useFormEdit'
|
||||
import { Rule } from 'ant-design-vue/lib/form'
|
||||
import {
|
||||
ChannelTerminal,
|
||||
update,
|
||||
get,
|
||||
} from '@/views/daxpay/common/assist/terminal/channel/ChannelTerminal.api'
|
||||
import { FormEditType } from '@/enums/formTypeEnum'
|
||||
import { LabeledValue } from 'ant-design-vue/lib/select'
|
||||
import { useDict } from '@/hooks/bootx/useDict'
|
||||
|
||||
const {
|
||||
initFormEditType,
|
||||
handleCancel,
|
||||
labelCol,
|
||||
wrapperCol,
|
||||
visible,
|
||||
title,
|
||||
confirmLoading,
|
||||
showable,
|
||||
} = useFormEdit()
|
||||
const formRef = ref()
|
||||
const { dictDropDown, dictConvert } = useDict()
|
||||
|
||||
const terminalStatusOptions = ref<LabeledValue[]>([])
|
||||
|
||||
const form = ref<ChannelTerminal>({ })
|
||||
|
||||
// 校验
|
||||
const rules = computed(() => {
|
||||
return {
|
||||
status: [{ required: true, message: '请选择报备状态' }],
|
||||
clearErrMsg: [{ required: true, message: '请选择是否清除错误消息' }],
|
||||
} as Record<string, Rule[]>
|
||||
})
|
||||
|
||||
// 事件
|
||||
const emits = defineEmits(['ok'])
|
||||
// 入口
|
||||
function init(id, editType: FormEditType) {
|
||||
initFormEditType(editType)
|
||||
initData()
|
||||
resetForm()
|
||||
getInfo(id, editType)
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化数据
|
||||
*/
|
||||
async function initData() {
|
||||
terminalStatusOptions.value = await dictDropDown('channel_terminal_status')
|
||||
}
|
||||
|
||||
// 获取信息
|
||||
function getInfo(id, editType: FormEditType) {
|
||||
if ([FormEditType.Edit, FormEditType.Show].includes(editType)) {
|
||||
confirmLoading.value = true
|
||||
get(id).then(({ data }) => {
|
||||
form.value = data
|
||||
form.value.clearErrMsg = true
|
||||
confirmLoading.value = false
|
||||
})
|
||||
} else {
|
||||
confirmLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存
|
||||
*/
|
||||
function handleOk() {
|
||||
formRef.value?.validate().then(async () => {
|
||||
confirmLoading.value = true
|
||||
await update(form.value).finally(() => (confirmLoading.value = false))
|
||||
handleCancel()
|
||||
emits('ok')
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 重置表单的校验
|
||||
*/
|
||||
function resetForm() {
|
||||
nextTick(() => {
|
||||
formRef.value?.resetFields()
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@@ -1,43 +0,0 @@
|
||||
<template>
|
||||
<channel-terminal-comm-edit ref="comm" @ok="ok" />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ChannelTerminal } from './ChannelTerminal.api'
|
||||
import ChannelTerminalCommEdit from './ChannelTerminalCommEdit.vue'
|
||||
import { ref } from 'vue'
|
||||
import { ChannelEnum } from '@/enums/daxpay/daxpayEnum'
|
||||
import { FormEditType } from '@/enums/formTypeEnum'
|
||||
// 事件
|
||||
const emits = defineEmits(['ok'])
|
||||
|
||||
const adapay = ref<any>()
|
||||
const comm = ref<any>()
|
||||
/**
|
||||
* 入口
|
||||
*/
|
||||
function init(record: ChannelTerminal, editType: FormEditType) {
|
||||
switch (record.channel) {
|
||||
case ChannelEnum.ADA_PAY: {
|
||||
adapay.value.init(record.id, editType)
|
||||
break
|
||||
}
|
||||
default: {
|
||||
comm.value.init(record.id, editType)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 操作完成回调
|
||||
*/
|
||||
function ok() {
|
||||
emits('ok')
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@@ -1,223 +0,0 @@
|
||||
<template>
|
||||
<basic-drawer
|
||||
v-bind="$attrs"
|
||||
width="70%"
|
||||
title="通道终端报备管理"
|
||||
:mask-closable="true"
|
||||
:open="visible"
|
||||
@close="visible = false"
|
||||
>
|
||||
<div class="m-3 p-3 bg-white">
|
||||
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }">
|
||||
<template #buttons>
|
||||
<a-button type="primary" pre-icon="ant-design:sync-outlined" @click="checkAndRepairList()"
|
||||
>检查并修复</a-button
|
||||
>
|
||||
</template>
|
||||
</vxe-toolbar>
|
||||
<div class="h-65vh">
|
||||
<vxe-table
|
||||
height="auto"
|
||||
key-field="id"
|
||||
ref="xTable"
|
||||
:data="record"
|
||||
:loading="loading"
|
||||
@sort-change="sortChange"
|
||||
>
|
||||
<vxe-column type="seq" title="序号" width="60" />
|
||||
<vxe-column field="channel" title="通道" :min-width="150">
|
||||
<template #default="{ row }">
|
||||
<a-link @click="show(row)">
|
||||
{{ dictConvert('channel', row.channel) }}
|
||||
</a-link>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="type" title="报送类型" :min-width="150">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('terminal_type', row.type) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="status" title="状态" :min-width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<template v-if="row.status">
|
||||
{{ dictConvert('channel_terminal_status', row.status) }}
|
||||
</template>
|
||||
<a-tag color="red" v-else>
|
||||
<a-link danger @click="create(row)">创建配置</a-link>
|
||||
</a-tag>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="outTerminalNo" title="通道终端号" :min-width="160" />
|
||||
<vxe-column field="errorMsg" title="错误信息" :min-width="220" />
|
||||
<vxe-column fixed="right" width="150" :showOverflow="false" title="操作">
|
||||
<template #default="{ row }">
|
||||
<a-link v-if="['wait', 'logged'].includes(row.status)" @click="submitInfo(row)"
|
||||
>报送</a-link
|
||||
>
|
||||
<a-link v-if="row.status === 'submit'" danger @click="cancelInfo(row)">注销</a-link>
|
||||
<template v-if="row.status">
|
||||
<a-divider type="vertical" />
|
||||
<a-link @click="edit(row)">信息修改</a-link>
|
||||
</template>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
</div>
|
||||
<ChannelTerminalEdit ref="channelTerminalEdit" @ok="queryPage" />
|
||||
</basic-drawer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import ALink from '@/components/Link/Link.vue'
|
||||
import { VxeTable, VxeTableInstance, VxeToolbar, VxeToolbarInstance } from 'vxe-table'
|
||||
import ChannelTerminalEdit from './ChannelTerminalEdit.vue'
|
||||
import { BasicDrawer } from '@/components/Drawer'
|
||||
import useTablePage from '@/hooks/bootx/useTablePage'
|
||||
import { useMessage } from '@/hooks/web/useMessage'
|
||||
import { useDict } from '@/hooks/bootx/useDict'
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { FormEditType } from '@/enums/formTypeEnum'
|
||||
import {
|
||||
add,
|
||||
cancel,
|
||||
ChannelTerminal,
|
||||
checkAndRepair,
|
||||
list,
|
||||
submit,
|
||||
} from './ChannelTerminal.api'
|
||||
|
||||
// 使用hooks
|
||||
const { sortChange, model, loading } = useTablePage(queryPage)
|
||||
const { createMessage, createConfirm } = useMessage()
|
||||
const { dictConvert } = useDict()
|
||||
|
||||
const currentTerminalId = ref<string>()
|
||||
const visible = ref(false)
|
||||
const channelTerminalEdit = ref<any>()
|
||||
|
||||
const xTable = ref<VxeTableInstance>()
|
||||
const xToolbar = ref<VxeToolbarInstance>()
|
||||
const record = ref<ChannelTerminal[]>([])
|
||||
|
||||
onMounted(() => {
|
||||
vxeBind()
|
||||
})
|
||||
|
||||
function vxeBind() {
|
||||
xTable.value?.connect(xToolbar.value as VxeToolbarInstance)
|
||||
}
|
||||
|
||||
/**
|
||||
* 入口
|
||||
*/
|
||||
async function init(terminalId) {
|
||||
visible.value = true
|
||||
currentTerminalId.value = terminalId
|
||||
queryPage().then()
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*/
|
||||
function queryPage() {
|
||||
loading.value = true
|
||||
list({
|
||||
...model.queryParam,
|
||||
terminalId: currentTerminalId.value,
|
||||
}).then(({ data }) => {
|
||||
loading.value = false
|
||||
record.value = data
|
||||
})
|
||||
return Promise.resolve()
|
||||
}
|
||||
|
||||
/**
|
||||
* 编辑
|
||||
*/
|
||||
function edit(record) {
|
||||
channelTerminalEdit.value.init(record, FormEditType.Edit)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查看
|
||||
*/
|
||||
function show(record) {
|
||||
channelTerminalEdit.value.init(record, FormEditType.Show)
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查并修复通道终端报备列表
|
||||
*/
|
||||
function checkAndRepairList() {
|
||||
createConfirm({
|
||||
iconType: 'warning',
|
||||
title: '警告',
|
||||
content: '请确定要检查并修复通道终端报备列表！',
|
||||
onOk: () => {
|
||||
loading.value = true
|
||||
checkAndRepair(currentTerminalId.value).then(() => {
|
||||
createMessage.success('检查并修复成功')
|
||||
queryPage()
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 创建
|
||||
*/
|
||||
function create(record: ChannelTerminal) {
|
||||
const { channel, type: terminalType, terminalId } = record
|
||||
add({
|
||||
channel,
|
||||
terminalType,
|
||||
terminalId,
|
||||
}).then(() => {
|
||||
createMessage.success('创建记录成功')
|
||||
queryPage()
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 报备
|
||||
*/
|
||||
function submitInfo(record) {
|
||||
createConfirm({
|
||||
iconType: 'info',
|
||||
title: '提示',
|
||||
content: '请确定要报备当前终端设备！',
|
||||
onOk: () => {
|
||||
loading.value = true
|
||||
submit(record.id).then(() => {
|
||||
createMessage.success('报备提交成功')
|
||||
queryPage()
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 注销报备
|
||||
*/
|
||||
function cancelInfo(record) {
|
||||
createConfirm({
|
||||
iconType: 'info',
|
||||
title: '提示',
|
||||
content: '请确定要取消报备当前终端设备！',
|
||||
onOk: () => {
|
||||
loading.value = true
|
||||
cancel(record.id).then(() => {
|
||||
createMessage.success('取消报备提交成功')
|
||||
queryPage()
|
||||
})
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
@@ -1,24 +0,0 @@
|
||||
import { defHttp } from '@/utils/http/axios'
|
||||
import { PageResult, Result } from '#/axios'
|
||||
import { BaseEntity } from '#/web'
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
export const page = (params) => {
|
||||
return defHttp.get<Result<PageResult<TerminalConst>>>({
|
||||
url: '/const/terminal/page',
|
||||
params,
|
||||
})
|
||||
}
|
||||
|
||||
export interface TerminalConst extends BaseEntity {
|
||||
/** 编码 */
|
||||
code?: string
|
||||
/** 名称 */
|
||||
name?: string
|
||||
/** 是否启用 */
|
||||
enable?: boolean
|
||||
/** 备注 */
|
||||
remark?: string
|
||||
}
|
||||
@@ -1,134 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="m-3 p-3 pt-5 bg-white">
|
||||
<b-query
|
||||
:query-params="model.queryParam"
|
||||
:fields="fields"
|
||||
@query="queryPage"
|
||||
@reset="resetQueryParams"
|
||||
/>
|
||||
</div>
|
||||
<div class="m-3 p-3 bg-white">
|
||||
<vxe-toolbar ref="xToolbar" custom :refresh="{ queryMethod: queryPage }" />
|
||||
<div class="h-65vh">
|
||||
<vxe-table
|
||||
height="auto"
|
||||
key-field="id"
|
||||
ref="xTable"
|
||||
:data="pagination.records"
|
||||
:loading="loading"
|
||||
>
|
||||
<vxe-column type="seq" width="60" />
|
||||
<vxe-column field="channel" title="通道" :min-width="150" align="center">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('channel', row.channel) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="type" title="报送类型" :min-width="180" align="center">
|
||||
<template #default="{ row }">
|
||||
{{ dictConvert('terminal_type', row.type) }}
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="name" title="报送名称" :min-width="190" />
|
||||
<vxe-column field="enable" title="是否启用" :min-width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<a-tag v-if="row.enable" color="green">启用</a-tag>
|
||||
<a-tag v-else color="red">停用</a-tag>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column field="remark" title="备注" :min-width="180" />
|
||||
</vxe-table>
|
||||
</div>
|
||||
<vxe-pager
|
||||
size="medium"
|
||||
:loading="loading"
|
||||
:current-page="pagination.current"
|
||||
:page-size="pagination.size"
|
||||
:total="pagination.total"
|
||||
@page-change="handleTableChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, onMounted, ref } from 'vue'
|
||||
import { page } from './TerminalConst.api'
|
||||
import useTablePage from '@/hooks/bootx/useTablePage'
|
||||
import { VxeTableInstance, VxeToolbarInstance } from 'vxe-table'
|
||||
import BQuery from '/@/components/Bootx/Query/BQuery.vue'
|
||||
import { QueryField } from '@/components/Bootx/Query/Query'
|
||||
import { useDict } from '@/hooks/bootx/useDict'
|
||||
import { LabeledValue } from 'ant-design-vue/lib/select'
|
||||
|
||||
// 使用hooks
|
||||
const {
|
||||
handleTableChange,
|
||||
pageQueryResHandel,
|
||||
resetQueryParams,
|
||||
pagination,
|
||||
pages,
|
||||
model,
|
||||
loading,
|
||||
} = useTablePage(queryPage)
|
||||
const { dictDropDown, dictConvert } = useDict()
|
||||
|
||||
let channelList = ref<LabeledValue[]>([])
|
||||
let terminalTypeList = ref<LabeledValue[]>([])
|
||||
|
||||
// 查询条件
|
||||
const fields = computed(() => {
|
||||
return [
|
||||
{
|
||||
field: 'channel',
|
||||
type: 'list',
|
||||
name: '通道',
|
||||
placeholder: '请选择通道类型',
|
||||
selectList: channelList.value,
|
||||
},
|
||||
{
|
||||
field: 'type',
|
||||
type: 'list',
|
||||
name: '报送类型',
|
||||
placeholder: '请选择报送类型',
|
||||
selectList: terminalTypeList.value,
|
||||
},
|
||||
] as QueryField[]
|
||||
})
|
||||
|
||||
const xTable = ref<VxeTableInstance>()
|
||||
const xToolbar = ref<VxeToolbarInstance>()
|
||||
|
||||
onMounted(() => {
|
||||
vxeBind()
|
||||
initData()
|
||||
queryPage()
|
||||
})
|
||||
function vxeBind() {
|
||||
xTable.value?.connect(xToolbar.value as VxeToolbarInstance)
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化数据
|
||||
*/
|
||||
async function initData() {
|
||||
channelList.value = await dictDropDown('channel')
|
||||
terminalTypeList.value = await dictDropDown('terminal_type')
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
*/
|
||||
function queryPage() {
|
||||
loading.value = true
|
||||
page({
|
||||
...model.queryParam,
|
||||
...pages,
|
||||
}).then(({ data }) => {
|
||||
pageQueryResHandel(data)
|
||||
})
|
||||
return Promise.resolve()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
Reference in New Issue
Block a user