添加新的需求

2025-10-20 17:32:09 +08:00
parent 9979e00b47
commit 361d5ab1ae
247 changed files with 34249 additions and 1 deletions
--- a/pc-cattle-transportation/src/views/hardware/collar.vue
+++ b/pc-cattle-transportation/src/views/hardware/collar.vue
@@ -0,0 +1,131 @@
+<template>
+    <div class="wrapper">
+        <el-form :inline="true" class="search-wrap" :model="form" ref="formRef">
+            <div>
+                <el-form-item style="width: 280px" prop="sn" label="项圈编号：">
+                    <el-input placeholder="请输入项圈编号" clearable v-model="form.sn"></el-input>
+                </el-form-item>
+                <el-form-item class="inline-form-item" prop="startNo" label="号段范围：">
+                    <el-input placeholder="请输入开始号段" v-model="form.startNo" clearable style="width: 160px" />
+                    -
+                    <el-input placeholder="请输入结束号段" v-model="form.endNo" style="width: 160px" clearable />
+                </el-form-item>
+            </div>
+            <div style="min-width: 200px">
+                <el-form-item>
+                    <el-button @click="resetClick(formRef)">重置</el-button>
+                    <el-button type="primary" @click="searchClick">查询</el-button>
+                </el-form-item>
+            </div>
+        </el-form>
+
+        <div class="main-container" style="margin-top: 10px">
+            <el-table :data="form.tableData" style="width: 100%" border>
+                <el-table-column label="项圈编号" prop="sn" />
+                <el-table-column label="设备电量" prop="battery">
+                    <template #default="scope"> {{ scope.row.battery }}% </template>
+                </el-table-column>
+                <el-table-column label="设备温度" prop="temperature">
+                    <template #default="scope"> {{ scope.row.temperature }}°C</template>
+                </el-table-column>
+                <el-table-column prop="delivery_number" label="所属运单号" />
+                <el-table-column prop="license_plate" label="车牌号" />
+                <el-table-column prop="uptime" label="绑定时间" />
+                <el-table-column label="操作" width="180">
+                    <template #default="scope">
+                        <el-button link type="primary" @click="showLocationDialog(scope.row)">定位</el-button>
+                        <el-button link type="primary" @click="showTrackDialog(scope.row)">运动轨迹</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination v-model:limit="form.pageSize" v-model:page="form.pageNum" :total="form.total" @pagination="getList" />
+            <LocationDialog ref="LocationDialogRef" />
+            <TrackDialog ref="TrackDialogRef" />
+        </div>
+    </div>
+</template>
+<script setup>
+import { onMounted, reactive, ref } from 'vue';
+import { collarList } from '~/api/hardware.js';
+import LocationDialog from './locationDialog.vue';
+import TrackDialog from './trackDialog.vue';
+
+const LocationDialogRef = ref();
+const TrackDialogRef = ref();
+const formRef = ref();
+const form = reactive({
+    tableData: [],
+    pageSize: 10,
+    pageNum: 1,
+    total: 0,
+    sn: '',
+    startNo: '',
+    endNo: '',
+});
+
+const getList = async () => {
+    const { pageSize, pageNum, sn, startNo, endNo } = form;
+    const params = {
+        pageSize,
+        pageNum,
+        sn,
+        startNo,
+        endNo,
+    };
+    const res = await collarList(params);
+    const { data = {}, code } = res;
+    const { rows = [], total = 0 } = data;
+    if (code === 200) {
+        form.tableData = rows;
+        form.total = total;
+    }
+};
+const searchClick = async () => {
+    form.pageNum = 1;
+    await getList();
+};
+const resetClick = async (el) => {
+    form.pageNum = 1;
+    form.endNo = '';
+    form.startNo = '';
+    el.resetFields();
+    await getList();
+};
+// 查看定位
+const showLocationDialog = (row) => {
+    if (LocationDialogRef.value) {
+        const normalized = {
+            // 兼容后端返回字段命名
+            deliveryId: row.deliveryId || row.delivery_id || '',
+            deviceId: row.deviceId || row.sn || '',
+        };
+        LocationDialogRef.value.onShowLocationDialog(normalized);
+    }
+};
+// 查看轨迹轨迹
+const showTrackDialog = (row) => {
+    if (TrackDialogRef.value) {
+        TrackDialogRef.value.onShowTrackDialog(row);
+    }
+};
+onMounted(() => {
+    getList();
+});
+</script>
+<style scoped lang="less">
+.wrapper {
+    .search-wrap {
+        display: flex;
+        justify-content: space-between;
+        background-color: #fff;
+        align-items: flex-end;
+        padding: 12px 16px 0 16px;
+    }
+
+    .btn-group {
+        background-color: #fff;
+        margin: 10px 0;
+        padding: 10px;
+    }
+}
+</style>