线路发版筛选

src/pages/views/home/components/CehicleOperation.vue

@@ -215,6 +215,8 @@
                 v-for="item in odds"
                 :key="item.label"
                 class="odd"
+                :class="{ checkd: curOdd === item.key }"
+                @click="curOdd = item.key"
               >
                 {{ item.label }} {{ item.value }}
               </div>
@@ -522,15 +524,16 @@ const starlist:any = ref([
   { label: '一星', value: '5' }
 ])
 const odds = ref([
-  { label: '全部', value: '' },
-  { label: '已完成', value: 1 },
-  { label: '执行中', value: 2 },
-  { label: '已处理', value: 3 },
-  { label: '已下发', value: 4 },
-  { label: '待发', value: 5 },
-  { label: '调停', value: 6 },
-  { label: '非运营', value: 7 }
+  { label: '全部', value: '', key: '' },
+  { label: '已完成', value: 1, key: 1 },
+  { label: '执行中', value: 2, key: 2 },
+  { label: '已处理', value: 3, key: 3 },
+  { label: '已下发', value: 4, key: 4 },
+  { label: '待发', value: 5, key: 5 },
+  { label: '调停', value: 6, key: 6 },
+  { label: '非运营', value: 7, key: 7 }
 ])
+const curOdd = ref('' as any)
 function findlabel(arr: any[], val: any) {
   return arr.find((item: { value: any }) => item.value === val)?.label
 }
@@ -974,11 +977,17 @@ async function getBusLineCar() {
 getBusLineCar()
 
 async function getBusLineOperate() {
-  const carArr = await cehicleOperationService.getBusLineOperate(currentLineId.value)
+  const params = {
+    lineId: currentLineId.value,
+    type: curOdd.value
+  }
+  const carArr = await cehicleOperationService.getBusLineOperate(params)
   upBusLineOperate.value = carArr.filter((item: { direction: number }) => item.direction === 1)
   downBusLineOperate.value = carArr.filter((item: { direction: number }) => item.direction === 2)
-  console.log(carArr, 'carArr')
 }
+watch(() => curOdd.value, () => {
+  getBusLineOperate()
+})
 getBusLineOperate()
 
 watch(() => store.currentLineId, () => {

src/pages/views/home/services/cehicleOperation.service.ts

@@ -33,8 +33,9 @@ export default class CehicleOperationService extends Service {
   }
 
   /** 线路发班情况   /lineOperate/getBusLineOperate */
-  async getBusLineOperate(lineId:string) {
-    const { success, data } = await this.netService.get(`/lineOperate/getBusLineOperate?lineId=${lineId}`)
+  async getBusLineOperate(params:any) {
+    const { lineId, type } = params
+    const { success, data } = await this.netService.get(`/lineOperate/getBusLineOperate?lineId=${lineId}&type=${type}`)
     if (success) {
       return data?.list || []
     }