|
|
|
@ -22,12 +22,15 @@
|
|
|
|
<el-form-item label="条码信息" prop="barcode">
|
|
|
|
<el-form-item label="条码信息" prop="barcode">
|
|
|
|
<el-input v-model="queryParams.barcode" placeholder="请输入条码信息" clearable @keyup.enter="handleQuery" />
|
|
|
|
<el-input v-model="queryParams.barcode" placeholder="请输入条码信息" clearable @keyup.enter="handleQuery" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="记录时间" prop="recordTime">
|
|
|
|
<el-form-item label="记录时间" style="width: 308px">
|
|
|
|
<el-date-picker clearable
|
|
|
|
<el-date-picker
|
|
|
|
v-model="queryParams.recordTime"
|
|
|
|
v-model="dateRange"
|
|
|
|
type="date"
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
value-format="YYYY-MM-DD"
|
|
|
|
type="daterange"
|
|
|
|
placeholder="请选择记录时间"
|
|
|
|
range-separator="-"
|
|
|
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
|
|
|
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="是否告警" prop="alarmFlag">
|
|
|
|
<el-form-item label="是否告警" prop="alarmFlag">
|
|
|
|
@ -61,6 +64,8 @@
|
|
|
|
<el-card shadow="never">
|
|
|
|
<el-card shadow="never">
|
|
|
|
<template #header>
|
|
|
|
<template #header>
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
|
|
|
<!-- 仅保留查询与导出,屏蔽新增/修改/删除操作按钮 -->
|
|
|
|
|
|
|
|
<!--
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['rfid:rfidReadRecord:add']">新增</el-button>
|
|
|
|
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['rfid:rfidReadRecord:add']">新增</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
@ -70,41 +75,44 @@
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['rfid:rfidReadRecord:remove']">删除</el-button>
|
|
|
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['rfid:rfidReadRecord:remove']">删除</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
-->
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-col :span="1.5">
|
|
|
|
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['rfid:rfidReadRecord:export']">导出</el-button>
|
|
|
|
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['rfid:rfidReadRecord:export']">导出</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
|
<right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<el-table v-loading="loading" border :data="rfidReadRecordList" @selection-change="handleSelectionChange">
|
|
|
|
<el-table v-loading="loading" border :data="rfidReadRecordList" @selection-change="handleSelectionChange">
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
<el-table-column type="index" width="55" align="center" label="序号" />
|
|
|
|
<el-table-column type="index" width="55" align="center" label="序号" />
|
|
|
|
<el-table-column label="设备编号" align="center" prop="deviceCode" />
|
|
|
|
<el-table-column label="设备编号" align="center" prop="deviceCode" v-if="columns[0].visible" />
|
|
|
|
<el-table-column label="设备名称" align="center" prop="deviceName" />
|
|
|
|
<el-table-column label="设备名称" align="center" prop="deviceName" v-if="columns[1].visible" />
|
|
|
|
<el-table-column label="读取状态" align="center" prop="readStatus">
|
|
|
|
<el-table-column label="读取状态" align="center" prop="readStatus" v-if="columns[2].visible">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<dict-tag :options="read_status" :value="scope.row.readStatus"/>
|
|
|
|
<dict-tag :options="read_status" :value="scope.row.readStatus"/>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="条码信息" align="center" prop="barcode" />
|
|
|
|
<el-table-column label="条码信息" align="center" prop="barcode" v-if="columns[3].visible" />
|
|
|
|
<el-table-column label="记录时间" align="center" prop="recordTime" width="180">
|
|
|
|
<el-table-column label="记录时间" align="center" prop="recordTime" width="180" v-if="columns[4].visible">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<span>{{ parseTime(scope.row.recordTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
<span>{{ parseTime(scope.row.recordTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="是否告警" align="center" prop="alarmFlag">
|
|
|
|
<el-table-column label="是否告警" align="center" prop="alarmFlag" v-if="columns[5].visible">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<dict-tag :options="alarm_flag" :value="scope.row.alarmFlag"/>
|
|
|
|
<dict-tag :options="alarm_flag" :value="scope.row.alarmFlag"/>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="告警级别" align="center" prop="alarmLevel">
|
|
|
|
<el-table-column label="告警级别" align="center" prop="alarmLevel" v-if="columns[6].visible">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<dict-tag :options="alarm_level" :value="scope.row.alarmLevel"/>
|
|
|
|
<dict-tag :options="alarm_level" :value="scope.row.alarmLevel"/>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="告警类型" align="center" prop="alarmType" />
|
|
|
|
<el-table-column label="告警类型" align="center" prop="alarmType" v-if="columns[7].visible" />
|
|
|
|
<el-table-column label="告警行为" align="center" prop="alarmAction" />
|
|
|
|
<el-table-column label="告警行为" align="center" prop="alarmAction" v-if="columns[8].visible" />
|
|
|
|
|
|
|
|
<!-- 仅保留查询,不展示行级修改/删除操作按钮 -->
|
|
|
|
|
|
|
|
<!--
|
|
|
|
<el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
|
|
|
|
<el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<el-tooltip content="修改" placement="top">
|
|
|
|
<el-tooltip content="修改" placement="top">
|
|
|
|
@ -115,6 +123,7 @@
|
|
|
|
</el-tooltip>
|
|
|
|
</el-tooltip>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
-->
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
|
|
<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" />
|
|
|
|
@ -202,10 +211,25 @@ const buttonLoading = ref(false);
|
|
|
|
const loading = ref(true);
|
|
|
|
const loading = ref(true);
|
|
|
|
const showSearch = ref(true);
|
|
|
|
const showSearch = ref(true);
|
|
|
|
const ids = ref<Array<string | number>>([]);
|
|
|
|
const ids = ref<Array<string | number>>([]);
|
|
|
|
|
|
|
|
// 当前选中行的记录时间(用于分表定位)
|
|
|
|
|
|
|
|
const selectedRecordTimes = ref<string[]>([]);
|
|
|
|
const single = ref(true);
|
|
|
|
const single = ref(true);
|
|
|
|
const multiple = ref(true);
|
|
|
|
const multiple = ref(true);
|
|
|
|
const total = ref(0);
|
|
|
|
const total = ref(0);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 列显隐信息
|
|
|
|
|
|
|
|
const columns = ref<FieldOption[]>([
|
|
|
|
|
|
|
|
{ key: 0, label: '设备编号', visible: true },
|
|
|
|
|
|
|
|
{ key: 1, label: '设备名称', visible: true },
|
|
|
|
|
|
|
|
{ key: 2, label: '读取状态', visible: true },
|
|
|
|
|
|
|
|
{ key: 3, label: '条码信息', visible: true },
|
|
|
|
|
|
|
|
{ key: 4, label: '记录时间', visible: true },
|
|
|
|
|
|
|
|
{ key: 5, label: '是否告警', visible: false },
|
|
|
|
|
|
|
|
{ key: 6, label: '告警级别', visible: false },
|
|
|
|
|
|
|
|
{ key: 7, label: '告警类型', visible: false },
|
|
|
|
|
|
|
|
{ key: 8, label: '告警行为', visible: false }
|
|
|
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
|
|
const queryFormRef = ref<ElFormInstance>();
|
|
|
|
const queryFormRef = ref<ElFormInstance>();
|
|
|
|
const rfidReadRecordFormRef = ref<ElFormInstance>();
|
|
|
|
const rfidReadRecordFormRef = ref<ElFormInstance>();
|
|
|
|
|
|
|
|
|
|
|
|
@ -215,6 +239,18 @@ const dialog = reactive<DialogOption>({
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const deviceOptions = ref<RfidDeviceVO[]>([]);
|
|
|
|
const deviceOptions = ref<RfidDeviceVO[]>([]);
|
|
|
|
|
|
|
|
// 记录时间范围(默认当天)
|
|
|
|
|
|
|
|
const dateRange = ref<[string, string] | []>([]);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 初始化默认时间范围:当天 00:00:00 ~ 23:59:59 */
|
|
|
|
|
|
|
|
const initDefaultDateRange = () => {
|
|
|
|
|
|
|
|
const today = new Date();
|
|
|
|
|
|
|
|
const year = today.getFullYear();
|
|
|
|
|
|
|
|
const month = String(today.getMonth() + 1).padStart(2, '0');
|
|
|
|
|
|
|
|
const day = String(today.getDate()).padStart(2, '0');
|
|
|
|
|
|
|
|
const dateStr = `${year}-${month}-${day}`;
|
|
|
|
|
|
|
|
dateRange.value = [`${dateStr} 00:00:00`, `${dateStr} 23:59:59`];
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const initFormData: RfidReadRecordForm = {
|
|
|
|
const initFormData: RfidReadRecordForm = {
|
|
|
|
id: undefined,
|
|
|
|
id: undefined,
|
|
|
|
@ -235,7 +271,8 @@ const data = reactive<PageData<RfidReadRecordForm, RfidReadRecordQuery>>({
|
|
|
|
deviceId: undefined,
|
|
|
|
deviceId: undefined,
|
|
|
|
readStatus: undefined,
|
|
|
|
readStatus: undefined,
|
|
|
|
barcode: undefined,
|
|
|
|
barcode: undefined,
|
|
|
|
recordTime: undefined,
|
|
|
|
beginRecordTime: undefined,
|
|
|
|
|
|
|
|
endRecordTime: undefined,
|
|
|
|
alarmFlag: undefined,
|
|
|
|
alarmFlag: undefined,
|
|
|
|
alarmLevel: undefined,
|
|
|
|
alarmLevel: undefined,
|
|
|
|
alarmType: undefined,
|
|
|
|
alarmType: undefined,
|
|
|
|
@ -244,18 +281,13 @@ const data = reactive<PageData<RfidReadRecordForm, RfidReadRecordQuery>>({
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
rules: {
|
|
|
|
rules: {
|
|
|
|
id: [
|
|
|
|
|
|
|
|
{ required: true, message: "标识不能为空", trigger: "blur" }
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
deviceId: [
|
|
|
|
deviceId: [
|
|
|
|
{ required: true, message: "设备名称不能为空", trigger: "change" }
|
|
|
|
{ required: true, message: "设备名称不能为空", trigger: "change" }
|
|
|
|
],
|
|
|
|
],
|
|
|
|
readStatus: [
|
|
|
|
readStatus: [
|
|
|
|
{ required: true, message: "读取状态不能为空", trigger: "change" }
|
|
|
|
{ required: true, message: "读取状态不能为空", trigger: "change" }
|
|
|
|
],
|
|
|
|
],
|
|
|
|
barcode: [
|
|
|
|
// barcode: 读取成功时必填,读取失败时可为空(后端校验)
|
|
|
|
{ required: true, message: "条码信息不能为空", trigger: "blur" }
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
recordTime: [
|
|
|
|
recordTime: [
|
|
|
|
{ required: true, message: "记录时间不能为空", trigger: "blur" }
|
|
|
|
{ required: true, message: "记录时间不能为空", trigger: "blur" }
|
|
|
|
],
|
|
|
|
],
|
|
|
|
@ -270,6 +302,14 @@ const { queryParams, form, rules } = toRefs(data);
|
|
|
|
/** 查询读取记录列表 */
|
|
|
|
/** 查询读取记录列表 */
|
|
|
|
const getList = async () => {
|
|
|
|
const getList = async () => {
|
|
|
|
loading.value = true;
|
|
|
|
loading.value = true;
|
|
|
|
|
|
|
|
// 处理日期范围参数
|
|
|
|
|
|
|
|
if (dateRange.value && dateRange.value.length === 2) {
|
|
|
|
|
|
|
|
queryParams.value.beginRecordTime = dateRange.value[0];
|
|
|
|
|
|
|
|
queryParams.value.endRecordTime = dateRange.value[1];
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
queryParams.value.beginRecordTime = undefined;
|
|
|
|
|
|
|
|
queryParams.value.endRecordTime = undefined;
|
|
|
|
|
|
|
|
}
|
|
|
|
const res = await listRfidReadRecord(queryParams.value);
|
|
|
|
const res = await listRfidReadRecord(queryParams.value);
|
|
|
|
rfidReadRecordList.value = res.rows;
|
|
|
|
rfidReadRecordList.value = res.rows;
|
|
|
|
total.value = res.total;
|
|
|
|
total.value = res.total;
|
|
|
|
@ -302,6 +342,8 @@ const handleQuery = () => {
|
|
|
|
|
|
|
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
const resetQuery = () => {
|
|
|
|
const resetQuery = () => {
|
|
|
|
|
|
|
|
// 重置为当天时间范围
|
|
|
|
|
|
|
|
initDefaultDateRange();
|
|
|
|
queryFormRef.value?.resetFields();
|
|
|
|
queryFormRef.value?.resetFields();
|
|
|
|
handleQuery();
|
|
|
|
handleQuery();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -309,6 +351,8 @@ const resetQuery = () => {
|
|
|
|
/** 多选框选中数据 */
|
|
|
|
/** 多选框选中数据 */
|
|
|
|
const handleSelectionChange = (selection: RfidReadRecordVO[]) => {
|
|
|
|
const handleSelectionChange = (selection: RfidReadRecordVO[]) => {
|
|
|
|
ids.value = selection.map(item => item.id);
|
|
|
|
ids.value = selection.map(item => item.id);
|
|
|
|
|
|
|
|
// 保存选中行的记录时间,用于分表定位
|
|
|
|
|
|
|
|
selectedRecordTimes.value = selection.map(item => item.recordTime?.substring(0, 10) || '');
|
|
|
|
single.value = selection.length != 1;
|
|
|
|
single.value = selection.length != 1;
|
|
|
|
multiple.value = !selection.length;
|
|
|
|
multiple.value = !selection.length;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -323,8 +367,10 @@ const handleAdd = () => {
|
|
|
|
/** 修改按钮操作 */
|
|
|
|
/** 修改按钮操作 */
|
|
|
|
const handleUpdate = async (row?: RfidReadRecordVO) => {
|
|
|
|
const handleUpdate = async (row?: RfidReadRecordVO) => {
|
|
|
|
reset();
|
|
|
|
reset();
|
|
|
|
const _id = row?.id || ids.value[0]
|
|
|
|
const _id = row?.id || ids.value[0];
|
|
|
|
const res = await getRfidReadRecord(_id);
|
|
|
|
// 获取查询日期(用于分表定位)
|
|
|
|
|
|
|
|
const queryDate = row?.recordTime?.substring(0, 10) || selectedRecordTimes.value[0];
|
|
|
|
|
|
|
|
const res = await getRfidReadRecord(_id, queryDate);
|
|
|
|
Object.assign(form.value, res.data);
|
|
|
|
Object.assign(form.value, res.data);
|
|
|
|
dialog.visible = true;
|
|
|
|
dialog.visible = true;
|
|
|
|
dialog.title = "修改读取记录";
|
|
|
|
dialog.title = "修改读取记录";
|
|
|
|
@ -350,10 +396,17 @@ const submitForm = () => {
|
|
|
|
/** 删除按钮操作 */
|
|
|
|
/** 删除按钮操作 */
|
|
|
|
const handleDelete = async (row?: RfidReadRecordVO) => {
|
|
|
|
const handleDelete = async (row?: RfidReadRecordVO) => {
|
|
|
|
const _ids = row?.id || ids.value;
|
|
|
|
const _ids = row?.id || ids.value;
|
|
|
|
await proxy?.$modal.confirm('是否确认删除读取记录编号为"' + _ids + '"的数据项?').finally(() => loading.value = false);
|
|
|
|
// 获取查询日期(用于分表定位)
|
|
|
|
await delRfidReadRecord(_ids);
|
|
|
|
const queryDate = row?.recordTime?.substring(0, 10) || selectedRecordTimes.value[0];
|
|
|
|
proxy?.$modal.msgSuccess("删除成功");
|
|
|
|
try {
|
|
|
|
await getList();
|
|
|
|
await proxy?.$modal.confirm('是否确认删除读取记录编号为"' + _ids + '"的数据项?');
|
|
|
|
|
|
|
|
loading.value = true;
|
|
|
|
|
|
|
|
await delRfidReadRecord(_ids, queryDate);
|
|
|
|
|
|
|
|
proxy?.$modal.msgSuccess("删除成功");
|
|
|
|
|
|
|
|
await getList();
|
|
|
|
|
|
|
|
} finally {
|
|
|
|
|
|
|
|
loading.value = false;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
@ -364,6 +417,8 @@ const handleExport = () => {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
onMounted(() => {
|
|
|
|
|
|
|
|
// 初始化默认时间范围(当天),确保分表查询有依据
|
|
|
|
|
|
|
|
initDefaultDateRange();
|
|
|
|
getList();
|
|
|
|
getList();
|
|
|
|
loadDeviceOptions();
|
|
|
|
loadDeviceOptions();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|