13 changed files with 842 additions and 9 deletions
@ -0,0 +1,106 @@ |
|||||
|
import request from '@/utils/request'; |
||||
|
import type { ApiResult, PageResult } from '@/api'; |
||||
|
import type { HjmGpsLog, HjmGpsLogParam } from './model'; |
||||
|
import { MODULES_API_URL } from '@/config/setting'; |
||||
|
|
||||
|
/** |
||||
|
* 分页查询黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function pageHjmGpsLog(params: HjmGpsLogParam) { |
||||
|
const res = await request.get<ApiResult<PageResult<HjmGpsLog>>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log/page', |
||||
|
{ |
||||
|
params |
||||
|
} |
||||
|
); |
||||
|
if (res.data.code === 0) { |
||||
|
return res.data.data; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 查询黄家明_gps轨迹列表 |
||||
|
*/ |
||||
|
export async function listHjmGpsLog(params?: HjmGpsLogParam) { |
||||
|
const res = await request.get<ApiResult<HjmGpsLog[]>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log', |
||||
|
{ |
||||
|
params |
||||
|
} |
||||
|
); |
||||
|
if (res.data.code === 0 && res.data.data) { |
||||
|
return res.data.data; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 添加黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function addHjmGpsLog(data: HjmGpsLog) { |
||||
|
const res = await request.post<ApiResult<unknown>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log', |
||||
|
data |
||||
|
); |
||||
|
if (res.data.code === 0) { |
||||
|
return res.data.message; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 修改黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function updateHjmGpsLog(data: HjmGpsLog) { |
||||
|
const res = await request.put<ApiResult<unknown>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log', |
||||
|
data |
||||
|
); |
||||
|
if (res.data.code === 0) { |
||||
|
return res.data.message; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function removeHjmGpsLog(id?: number) { |
||||
|
const res = await request.delete<ApiResult<unknown>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log/' + id |
||||
|
); |
||||
|
if (res.data.code === 0) { |
||||
|
return res.data.message; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 批量删除黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function removeBatchHjmGpsLog(data: (number | undefined)[]) { |
||||
|
const res = await request.delete<ApiResult<unknown>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log/batch', |
||||
|
{ |
||||
|
data |
||||
|
} |
||||
|
); |
||||
|
if (res.data.code === 0) { |
||||
|
return res.data.message; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 根据id查询黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export async function getHjmGpsLog(id: number) { |
||||
|
const res = await request.get<ApiResult<HjmGpsLog>>( |
||||
|
MODULES_API_URL + '/hjm/hjm-gps-log/' + id |
||||
|
); |
||||
|
if (res.data.code === 0 && res.data.data) { |
||||
|
return res.data.data; |
||||
|
} |
||||
|
return Promise.reject(new Error(res.data.message)); |
||||
|
} |
||||
@ -0,0 +1,33 @@ |
|||||
|
import type { PageParam } from '@/api'; |
||||
|
|
||||
|
/** |
||||
|
* 黄家明_gps轨迹 |
||||
|
*/ |
||||
|
export interface HjmGpsLog { |
||||
|
// 自增ID
|
||||
|
id?: number; |
||||
|
// 车辆ID
|
||||
|
carId?: number; |
||||
|
// gps编号
|
||||
|
gpsNo?: string; |
||||
|
// 经度
|
||||
|
longitude?: string; |
||||
|
// 纬度
|
||||
|
latitude?: string; |
||||
|
// 备注
|
||||
|
comments?: string; |
||||
|
// 状态, 0正常, 1冻结
|
||||
|
status?: number; |
||||
|
// 租户id
|
||||
|
tenantId?: number; |
||||
|
// 创建时间
|
||||
|
createTime?: string; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 黄家明_gps轨迹搜索条件 |
||||
|
*/ |
||||
|
export interface HjmGpsLogParam extends PageParam { |
||||
|
id?: number; |
||||
|
keywords?: string; |
||||
|
} |
||||
@ -0,0 +1,82 @@ |
|||||
|
<!-- 用户导入弹窗 --> |
||||
|
<template> |
||||
|
<ele-modal |
||||
|
:width="520" |
||||
|
:footer="null" |
||||
|
title="批量导入" |
||||
|
:visible="visible" |
||||
|
@update:visible="updateVisible" |
||||
|
> |
||||
|
<a-spin :spinning="loading"> |
||||
|
<a-upload-dragger |
||||
|
accept=".xls,.xlsx" |
||||
|
:show-upload-list="false" |
||||
|
:customRequest="doUpload" |
||||
|
style="padding: 24px 0; margin-bottom: 16px" |
||||
|
> |
||||
|
<p class="ant-upload-drag-icon"> |
||||
|
<cloud-upload-outlined /> |
||||
|
</p> |
||||
|
<p class="ant-upload-hint">将文件拖到此处，或点击上传</p> |
||||
|
</a-upload-dragger> |
||||
|
</a-spin> |
||||
|
<div class="ele-text-center"> |
||||
|
<a href="https://oss.wsdns.cn/20250611/6602b59c76f3488e8a5168ac60c246cb.xlsx" target="_blank">下载导入模板</a> |
||||
|
</div> |
||||
|
</ele-modal> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref } from 'vue'; |
||||
|
import { message } from 'ant-design-vue/es'; |
||||
|
import { CloudUploadOutlined } from '@ant-design/icons-vue'; |
||||
|
import {importHjmCar} from "@/api/hjm/hjmCar"; |
||||
|
|
||||
|
const emit = defineEmits<{ |
||||
|
(e: 'done'): void; |
||||
|
(e: 'update:visible', visible: boolean): void; |
||||
|
}>(); |
||||
|
|
||||
|
defineProps<{ |
||||
|
// 是否打开弹窗 |
||||
|
visible: boolean; |
||||
|
}>(); |
||||
|
|
||||
|
// 导入请求状态 |
||||
|
const loading = ref(false); |
||||
|
|
||||
|
/* 上传 */ |
||||
|
const doUpload = ({ file }) => { |
||||
|
if ( |
||||
|
![ |
||||
|
'application/vnd.ms-excel', |
||||
|
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' |
||||
|
].includes(file.type) |
||||
|
) { |
||||
|
message.error('只能选择 excel 文件'); |
||||
|
return false; |
||||
|
} |
||||
|
if (file.size / 1024 / 1024 > 10) { |
||||
|
message.error('大小不能超过 10MB'); |
||||
|
return false; |
||||
|
} |
||||
|
loading.value = true; |
||||
|
importHjmCar(file) |
||||
|
.then((msg) => { |
||||
|
loading.value = false; |
||||
|
message.success(msg); |
||||
|
updateVisible(false); |
||||
|
emit('done'); |
||||
|
}) |
||||
|
.catch((e) => { |
||||
|
loading.value = false; |
||||
|
message.error(e.message); |
||||
|
}); |
||||
|
return false; |
||||
|
}; |
||||
|
|
||||
|
/* 更新 visible */ |
||||
|
const updateVisible = (value: boolean) => { |
||||
|
emit('update:visible', value); |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,210 @@ |
|||||
|
<!-- 编辑弹窗 --> |
||||
|
<template> |
||||
|
<ele-modal |
||||
|
:width="800" |
||||
|
:visible="visible" |
||||
|
:maskClosable="false" |
||||
|
:maxable="maxable" |
||||
|
:title="isUpdate ? '编辑黄家明_gps轨迹' : '添加黄家明_gps轨迹'" |
||||
|
:body-style="{ paddingBottom: '28px' }" |
||||
|
@update:visible="updateVisible" |
||||
|
@ok="save" |
||||
|
> |
||||
|
<a-form |
||||
|
ref="formRef" |
||||
|
:model="form" |
||||
|
:rules="rules" |
||||
|
:label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }" |
||||
|
:wrapper-col=" |
||||
|
styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' } |
||||
|
" |
||||
|
> |
||||
|
<a-form-item label="车辆ID" name="carId"> |
||||
|
<a-input |
||||
|
allow-clear |
||||
|
placeholder="请输入车辆ID" |
||||
|
v-model:value="form.carId" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="gps编号" name="gpsNo"> |
||||
|
<a-input |
||||
|
allow-clear |
||||
|
placeholder="请输入gps编号" |
||||
|
v-model:value="form.gpsNo" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="经度" name="longitude"> |
||||
|
<a-input |
||||
|
allow-clear |
||||
|
placeholder="请输入经度" |
||||
|
v-model:value="form.longitude" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="纬度" name="latitude"> |
||||
|
<a-input |
||||
|
allow-clear |
||||
|
placeholder="请输入纬度" |
||||
|
v-model:value="form.latitude" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="备注" name="comments"> |
||||
|
<a-textarea |
||||
|
:rows="4" |
||||
|
:maxlength="200" |
||||
|
placeholder="请输入描述" |
||||
|
v-model:value="form.comments" |
||||
|
/> |
||||
|
</a-form-item> |
||||
|
<a-form-item label="状态, 0正常, 1冻结" name="status"> |
||||
|
<a-radio-group v-model:value="form.status"> |
||||
|
<a-radio :value="0">显示</a-radio> |
||||
|
<a-radio :value="1">隐藏</a-radio> |
||||
|
</a-radio-group> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</ele-modal> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, watch } from 'vue'; |
||||
|
import { Form, message } from 'ant-design-vue'; |
||||
|
import { assignObject, uuid } from 'ele-admin-pro'; |
||||
|
import { addHjmGpsLog, updateHjmGpsLog } from '@/api/hjm/hjmGpsLog'; |
||||
|
import { HjmGpsLog } from '@/api/hjm/hjmGpsLog/model'; |
||||
|
import { useThemeStore } from '@/store/modules/theme'; |
||||
|
import { storeToRefs } from 'pinia'; |
||||
|
import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types'; |
||||
|
import { FormInstance } from 'ant-design-vue/es/form'; |
||||
|
import { FileRecord } from '@/api/system/file/model'; |
||||
|
|
||||
|
// 是否是修改 |
||||
|
const isUpdate = ref(false); |
||||
|
const useForm = Form.useForm; |
||||
|
// 是否开启响应式布局 |
||||
|
const themeStore = useThemeStore(); |
||||
|
const { styleResponsive } = storeToRefs(themeStore); |
||||
|
|
||||
|
const props = defineProps<{ |
||||
|
// 弹窗是否打开 |
||||
|
visible: boolean; |
||||
|
// 修改回显的数据 |
||||
|
data?: HjmGpsLog | null; |
||||
|
}>(); |
||||
|
|
||||
|
const emit = defineEmits<{ |
||||
|
(e: 'done'): void; |
||||
|
(e: 'update:visible', visible: boolean): void; |
||||
|
}>(); |
||||
|
|
||||
|
// 提交状态 |
||||
|
const loading = ref(false); |
||||
|
// 是否显示最大化切换按钮 |
||||
|
const maxable = ref(true); |
||||
|
// 表格选中数据 |
||||
|
const formRef = ref<FormInstance | null>(null); |
||||
|
const images = ref<ItemType[]>([]); |
||||
|
|
||||
|
// 用户信息 |
||||
|
const form = reactive<HjmGpsLog>({ |
||||
|
id: undefined, |
||||
|
carId: undefined, |
||||
|
gpsNo: undefined, |
||||
|
longitude: undefined, |
||||
|
latitude: undefined, |
||||
|
comments: undefined, |
||||
|
status: undefined, |
||||
|
tenantId: undefined, |
||||
|
createTime: undefined, |
||||
|
hjmGpsLogId: undefined, |
||||
|
hjmGpsLogName: '', |
||||
|
status: 0, |
||||
|
comments: '', |
||||
|
sortNumber: 100 |
||||
|
}); |
||||
|
|
||||
|
/* 更新visible */ |
||||
|
const updateVisible = (value: boolean) => { |
||||
|
emit('update:visible', value); |
||||
|
}; |
||||
|
|
||||
|
// 表单验证规则 |
||||
|
const rules = reactive({ |
||||
|
hjmGpsLogName: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
type: 'string', |
||||
|
message: '请填写黄家明_gps轨迹名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
const chooseImage = (data: FileRecord) => { |
||||
|
images.value.push({ |
||||
|
uid: data.id, |
||||
|
url: data.path, |
||||
|
status: 'done' |
||||
|
}); |
||||
|
form.image = data.path; |
||||
|
}; |
||||
|
|
||||
|
const onDeleteItem = (index: number) => { |
||||
|
images.value.splice(index, 1); |
||||
|
form.image = ''; |
||||
|
}; |
||||
|
|
||||
|
const { resetFields } = useForm(form, rules); |
||||
|
|
||||
|
/* 保存编辑 */ |
||||
|
const save = () => { |
||||
|
if (!formRef.value) { |
||||
|
return; |
||||
|
} |
||||
|
formRef.value |
||||
|
.validate() |
||||
|
.then(() => { |
||||
|
loading.value = true; |
||||
|
const formData = { |
||||
|
...form |
||||
|
}; |
||||
|
const saveOrUpdate = isUpdate.value ? updateHjmGpsLog : addHjmGpsLog; |
||||
|
saveOrUpdate(formData) |
||||
|
.then((msg) => { |
||||
|
loading.value = false; |
||||
|
message.success(msg); |
||||
|
updateVisible(false); |
||||
|
emit('done'); |
||||
|
}) |
||||
|
.catch((e) => { |
||||
|
loading.value = false; |
||||
|
message.error(e.message); |
||||
|
}); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}; |
||||
|
|
||||
|
watch( |
||||
|
() => props.visible, |
||||
|
(visible) => { |
||||
|
if (visible) { |
||||
|
images.value = []; |
||||
|
if (props.data) { |
||||
|
assignObject(form, props.data); |
||||
|
if(props.data.image){ |
||||
|
images.value.push({ |
||||
|
uid: uuid(), |
||||
|
url: props.data.image, |
||||
|
status: 'done' |
||||
|
}) |
||||
|
} |
||||
|
isUpdate.value = true; |
||||
|
} else { |
||||
|
isUpdate.value = false; |
||||
|
} |
||||
|
} else { |
||||
|
resetFields(); |
||||
|
} |
||||
|
}, |
||||
|
{ immediate: true } |
||||
|
); |
||||
|
</script> |
||||
@ -0,0 +1,42 @@ |
|||||
|
<!-- 搜索表单 --> |
||||
|
<template> |
||||
|
<a-space :size="10" style="flex-wrap: wrap"> |
||||
|
<a-button type="primary" class="ele-btn-icon" @click="add"> |
||||
|
<template #icon> |
||||
|
<PlusOutlined /> |
||||
|
</template> |
||||
|
<span>添加</span> |
||||
|
</a-button> |
||||
|
</a-space> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { PlusOutlined } from '@ant-design/icons-vue'; |
||||
|
import type { GradeParam } from '@/api/user/grade/model'; |
||||
|
import { watch } from 'vue'; |
||||
|
|
||||
|
const props = withDefaults( |
||||
|
defineProps<{ |
||||
|
// 选中的角色 |
||||
|
selection?: []; |
||||
|
}>(), |
||||
|
{} |
||||
|
); |
||||
|
|
||||
|
const emit = defineEmits<{ |
||||
|
(e: 'search', where?: GradeParam): void; |
||||
|
(e: 'add'): void; |
||||
|
(e: 'remove'): void; |
||||
|
(e: 'batchMove'): void; |
||||
|
}>(); |
||||
|
|
||||
|
// 新增 |
||||
|
const add = () => { |
||||
|
emit('add'); |
||||
|
}; |
||||
|
|
||||
|
watch( |
||||
|
() => props.selection, |
||||
|
() => {} |
||||
|
); |
||||
|
</script> |
||||
@ -0,0 +1,251 @@ |
|||||
|
<template> |
||||
|
<div class="page"> |
||||
|
<div class="ele-body"> |
||||
|
<a-card :bordered="false" :body-style="{ padding: '16px' }"> |
||||
|
<ele-pro-table |
||||
|
ref="tableRef" |
||||
|
row-key="hjmGpsLogId" |
||||
|
:columns="columns" |
||||
|
:datasource="datasource" |
||||
|
:customRow="customRow" |
||||
|
tool-class="ele-toolbar-form" |
||||
|
class="sys-org-table" |
||||
|
> |
||||
|
<template #toolbar> |
||||
|
<search |
||||
|
@search="reload" |
||||
|
:selection="selection" |
||||
|
@add="openEdit" |
||||
|
@remove="removeBatch" |
||||
|
@batchMove="openMove" |
||||
|
/> |
||||
|
</template> |
||||
|
<template #bodyCell="{ column, record }"> |
||||
|
<template v-if="column.key === 'image'"> |
||||
|
<a-image :src="record.image" :width="50" /> |
||||
|
</template> |
||||
|
<template v-if="column.key === 'status'"> |
||||
|
<a-tag v-if="record.status === 0" color="green">显示</a-tag> |
||||
|
<a-tag v-if="record.status === 1" color="red">隐藏</a-tag> |
||||
|
</template> |
||||
|
<template v-if="column.key === 'action'"> |
||||
|
<a-space> |
||||
|
<a @click="openEdit(record)">修改</a> |
||||
|
<a-divider type="vertical" /> |
||||
|
<a-popconfirm |
||||
|
title="确定要删除此记录吗？" |
||||
|
@confirm="remove(record)" |
||||
|
> |
||||
|
<a class="ele-text-danger">删除</a> |
||||
|
</a-popconfirm> |
||||
|
</a-space> |
||||
|
</template> |
||||
|
</template> |
||||
|
</ele-pro-table> |
||||
|
</a-card> |
||||
|
|
||||
|
<!-- 编辑弹窗 --> |
||||
|
<HjmGpsLogEdit v-model:visible="showEdit" :data="current" @done="reload" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { createVNode, ref } from 'vue'; |
||||
|
import { message, Modal } from 'ant-design-vue'; |
||||
|
import { ExclamationCircleOutlined } from '@ant-design/icons-vue'; |
||||
|
import type { EleProTable } from 'ele-admin-pro'; |
||||
|
import { toDateString } from 'ele-admin-pro'; |
||||
|
import type { |
||||
|
DatasourceFunction, |
||||
|
ColumnItem |
||||
|
} from 'ele-admin-pro/es/ele-pro-table/types'; |
||||
|
import Search from './components/search.vue'; |
||||
|
import HjmGpsLogEdit from './components/hjmGpsLogEdit.vue'; |
||||
|
import { pageHjmGpsLog, removeHjmGpsLog, removeBatchHjmGpsLog } from '@/api/hjm/hjmGpsLog'; |
||||
|
import type { HjmGpsLog, HjmGpsLogParam } from '@/api/hjm/hjmGpsLog/model'; |
||||
|
|
||||
|
// 表格实例 |
||||
|
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null); |
||||
|
|
||||
|
// 表格选中数据 |
||||
|
const selection = ref<HjmGpsLog[]>([]); |
||||
|
// 当前编辑数据 |
||||
|
const current = ref<HjmGpsLog | null>(null); |
||||
|
// 是否显示编辑弹窗 |
||||
|
const showEdit = ref(false); |
||||
|
// 是否显示批量移动弹窗 |
||||
|
const showMove = ref(false); |
||||
|
// 加载状态 |
||||
|
const loading = ref(true); |
||||
|
|
||||
|
// 表格数据源 |
||||
|
const datasource: DatasourceFunction = ({ |
||||
|
page, |
||||
|
limit, |
||||
|
where, |
||||
|
orders, |
||||
|
filters |
||||
|
}) => { |
||||
|
if (filters) { |
||||
|
where.status = filters.status; |
||||
|
} |
||||
|
return pageHjmGpsLog({ |
||||
|
...where, |
||||
|
...orders, |
||||
|
page, |
||||
|
limit |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
// 表格列配置 |
||||
|
const columns = ref<ColumnItem[]>([ |
||||
|
{ |
||||
|
title: '自增ID', |
||||
|
dataIndex: 'id', |
||||
|
key: 'id', |
||||
|
align: 'center', |
||||
|
width: 90, |
||||
|
}, |
||||
|
{ |
||||
|
title: '车辆ID', |
||||
|
dataIndex: 'carId', |
||||
|
key: 'carId', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: 'gps编号', |
||||
|
dataIndex: 'gpsNo', |
||||
|
key: 'gpsNo', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: '经度', |
||||
|
dataIndex: 'longitude', |
||||
|
key: 'longitude', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: '纬度', |
||||
|
dataIndex: 'latitude', |
||||
|
key: 'latitude', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: '备注', |
||||
|
dataIndex: 'comments', |
||||
|
key: 'comments', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: '状态, 0正常, 1冻结', |
||||
|
dataIndex: 'status', |
||||
|
key: 'status', |
||||
|
align: 'center', |
||||
|
}, |
||||
|
{ |
||||
|
title: '创建时间', |
||||
|
dataIndex: 'createTime', |
||||
|
key: 'createTime', |
||||
|
align: 'center', |
||||
|
sorter: true, |
||||
|
ellipsis: true, |
||||
|
customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd') |
||||
|
}, |
||||
|
{ |
||||
|
title: '操作', |
||||
|
key: 'action', |
||||
|
width: 180, |
||||
|
fixed: 'right', |
||||
|
align: 'center', |
||||
|
hideInSetting: true |
||||
|
} |
||||
|
]); |
||||
|
|
||||
|
/* 搜索 */ |
||||
|
const reload = (where?: HjmGpsLogParam) => { |
||||
|
selection.value = []; |
||||
|
tableRef?.value?.reload({ where: where }); |
||||
|
}; |
||||
|
|
||||
|
/* 打开编辑弹窗 */ |
||||
|
const openEdit = (row?: HjmGpsLog) => { |
||||
|
current.value = row ?? null; |
||||
|
showEdit.value = true; |
||||
|
}; |
||||
|
|
||||
|
/* 打开批量移动弹窗 */ |
||||
|
const openMove = () => { |
||||
|
showMove.value = true; |
||||
|
}; |
||||
|
|
||||
|
/* 删除单个 */ |
||||
|
const remove = (row: HjmGpsLog) => { |
||||
|
const hide = message.loading('请求中..', 0); |
||||
|
removeHjmGpsLog(row.hjmGpsLogId) |
||||
|
.then((msg) => { |
||||
|
hide(); |
||||
|
message.success(msg); |
||||
|
reload(); |
||||
|
}) |
||||
|
.catch((e) => { |
||||
|
hide(); |
||||
|
message.error(e.message); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
/* 批量删除 */ |
||||
|
const removeBatch = () => { |
||||
|
if (!selection.value.length) { |
||||
|
message.error('请至少选择一条数据'); |
||||
|
return; |
||||
|
} |
||||
|
Modal.confirm({ |
||||
|
title: '提示', |
||||
|
content: '确定要删除选中的记录吗?', |
||||
|
icon: createVNode(ExclamationCircleOutlined), |
||||
|
maskClosable: true, |
||||
|
onOk: () => { |
||||
|
const hide = message.loading('请求中..', 0); |
||||
|
removeBatchHjmGpsLog(selection.value.map((d) => d.hjmGpsLogId)) |
||||
|
.then((msg) => { |
||||
|
hide(); |
||||
|
message.success(msg); |
||||
|
reload(); |
||||
|
}) |
||||
|
.catch((e) => { |
||||
|
hide(); |
||||
|
message.error(e.message); |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
/* 查询 */ |
||||
|
const query = () => { |
||||
|
loading.value = true; |
||||
|
}; |
||||
|
|
||||
|
/* 自定义行属性 */ |
||||
|
const customRow = (record: HjmGpsLog) => { |
||||
|
return { |
||||
|
// 行点击事件 |
||||
|
onClick: () => { |
||||
|
// console.log(record); |
||||
|
}, |
||||
|
// 行双击事件 |
||||
|
onDblclick: () => { |
||||
|
openEdit(record); |
||||
|
} |
||||
|
}; |
||||
|
}; |
||||
|
query(); |
||||
|
</script> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
export default { |
||||
|
name: 'HjmGpsLog' |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped></style> |
||||
Loading…
Reference in new issue