车辆管理模块

src/api/couplet/vehicle.js

@@ -17,3 +17,11 @@ export function deleteById(vehicleId) {
   })
 }
 
+//获取车辆类型
+export function getVehicleTypes() {
+  return request({
+    url: '/vehicle/vehicleType/list',
+    method: 'get'
+  })
+}
+

src/views/couplet/vehicle/index.vue

@@ -3,14 +3,22 @@
     <h1>车辆管理页面</h1>
     <!--    {{ vehicleList }}-->
 
+    <!--    列表表单-->
+<!--    <el-form ref="form" :model="vehicleListParams" label-width="80px">-->
+<!--      <el-form-item label="车辆类型">-->
+<!--        <el-select v-model="vehicleTypes" placeholder="请选择车辆类型" @change="getVehicleList">-->
+<!--          <el-option v-for="item in vehicleTypes" :label="item.vehicleTypeName" :value="item.vehicleTypeId"></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--    </el-form>-->
+
+
     <el-table :data="vehicleList" style="width: 100%" border>
       <el-table-column label="车辆id" width="90" align="center">
         <template slot-scope="scope">
           <span style="margin-left: 10px">{{ scope.row.vehicleId }}</span>
         </template>
       </el-table-column>
-
-      <!--   TODO   暂时显示车辆类型id，待处理-->
       <el-table-column label="车辆类型" width="90" align="center">
         <template slot-scope="scope">
           <span style="margin-left: 10px">{{ scope.row.vehicleTypeName }}</span>
@@ -66,7 +74,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import {deleteById, list} from "@/api/system/vehicle";
+import {deleteById, getVehicleTypes, list} from "@/api/couplet/vehicle";
 
 export default {
   //import引入的组件需要注入到对象中才能使用"
@@ -78,6 +86,9 @@ export default {
       //车辆列表
       vehicleList: [],
 
+      //车辆类型
+      vehicleTypes: [],
+
       //查询列表的入参
       vehicleListParams: {
         //车辆类型
@@ -128,6 +139,15 @@ export default {
       )
     },
 
+    //获取车辆类型
+    getVehicleTypes() {
+      getVehicleTypes().then(
+        res => {
+          this.vehicleTypes = res.data;
+        }
+      )
+    },
+
     //根据车辆id进行删除
     deleteById(vehicleId) {
       this.$confirm('此操作将永久删除该数据，是否继续？', "提示", {
@@ -164,6 +184,9 @@ export default {
   created() {
     //获取车辆列表
     this.getVehicleList()
+
+    //获取车辆类型
+    this.getVehicleTypes()
   },
   //生命周期 - 挂载完成（可以访问DOM元素）",
   mounted() {