swh

src/api/carList/list.js

@@ -0,0 +1,11 @@
+import request from "@/utils/request";
+
+
+//车辆信息列表
+export function carList(data) {
+  return request({
+    url: 'carBase/car/carList/' + 1,
+    method: 'get',
+    data
+  })
+}

src/api/system/car.js

@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询菜单列表
+export function listMenu(query) {
+  return request({
+    url: '/system/menu/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询菜单详细
+export function getMenu(menuId) {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'get'
+  })
+}
+
+// 查询菜单下拉树结构
+export function treeselect() {
+  return request({
+    url: '/system/menu/treeselect',
+    method: 'get'
+  })
+}
+
+// 根据角色ID查询菜单下拉树结构
+export function roleMenuTreeselect(roleId) {
+  return request({
+    url: '/system/menu/roleMenuTreeselect/' + roleId,
+    method: 'get'
+  })
+}
+
+// 新增菜单
+export function addMenu(data) {
+  return request({
+    url: '/system/menu',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改菜单
+export function updateMenu(data) {
+  return request({
+    url: '/system/menu',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除菜单
+export function delMenu(menuId) {
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'delete'
+  })
+}

src/api/vehicle/list.js

@@ -0,0 +1,29 @@
+import request from "@/utils/request";
+
+//编辑围栏
+export function carMessageList(userId) {
+  return request({
+    url: 'carBase/car/carList/' + userId,
+    method: 'get',
+    data
+  })
+}
+
+
+//添加围栏
+export function insertFence(data) {
+  return request({
+    url: 'carBase/baseFence/insertFence',
+    method: 'post',
+    data
+  })
+}
+
+//查询围栏
+export function fenceList(data) {
+  return request({
+    url: 'carBase/baseFence/fenceListAndPage',
+    method: 'post',
+    data
+  })
+}

src/views/car/catMessage.vue

@@ -0,0 +1,123 @@
+<template>
+  <el-table :data="tableData" style="width: 100%">
+
+    <el-table-column label="车辆VIN" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.carVinId }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="车辆VIN" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.carTypeId }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="车辆类型" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.fenceId }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="车辆状态" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.carStatus }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="电子围栏" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.batteryManufacturer }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="电池厂商" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.motorManufacturer }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="电机厂商" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.motorNumber }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="电机编号" width="180">
+      <template slot-scope="scope">
+        <el-popover trigger="hover" placement="top">
+          <el-tag size="medium">{{ scope.row.batteryNumber }}</el-tag>
+        </el-popover>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="操作">
+      <template slot-scope="scope">
+        <el-button size="mini" @click="handleShi(scope.$index , scope.row)">实时轨迹</el-button>
+        <!--        修改车辆信息-->
+        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
+        <!--        删除车辆信息-->
+        <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+
+import { carList } from '../../api/carList/list'
+
+export default {
+  name: 'CarList',
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      from: {},
+      tableData: []
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData: function() {
+      this.listLoading = true
+      carList().then(response => {
+        this.tableData = response.data.data
+        this.listLoading = false
+      })
+    },
+    // 实时轨迹
+    handleShi() {},
+    // 修改
+    handleEdit() {},
+    // 删除
+    handleDelete() {}
+  }
+}
+</script>

src/views/car/operation.vue

@@ -0,0 +1,2 @@
+<!--运行轨迹-->
+