运营商详情

.env.development

@@ -5,8 +5,8 @@ VUE_APP_TITLE = 共享电动车管理系统
 ENV = 'development'
 
 # 共享电动车管理系统/开发环境
-# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
-VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
+VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
+# VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
 
 # VUE_APP_BASE_API = 'http://localhost:8088'
 

src/views/system/dept/deptDetail.vue

@@ -92,7 +92,11 @@
                                             {{deptInfo.offlineStatusCount.inStashNum }}辆 | {{ deptInfo.vehicleVo.inStashNum  }}辆
                                         </el-descriptions-item>
                                         <el-descriptions-item label=" 投放"  >
-                                            {{ deptInfo.vehicleVo.offlineDevices.length-deptInfo.offlineStatusCount.inStashNum}}辆 | {{ deptInfo.vehicleVo.inOperation}}辆
+                                            <template>
+                                              <!-- <pre></pre> -->
+                                              <div @click="noline">{{ deptInfo.vehicleVo.offlineDevices.length-deptInfo.offlineStatusCount.inStashNum}}辆 | {{ deptInfo.vehicleVo.inOperation}}辆</div>
+                                            </template>
+                                            
                                         </el-descriptions-item>
 
 
@@ -132,8 +136,8 @@
             </el-row>
 
             <el-card class="box-card">
-                <el-tabs>
-                    <el-tab-pane label="运营区" lazy>
+                <el-tabs v-model="activeTab">
+                    <el-tab-pane label="运营区" lazy name="运营区">
                         <Area :deptId="detail.deptId" v-if="detail.deptId" />
                     </el-tab-pane>
                     <el-tab-pane label="合伙人" lazy>
@@ -148,8 +152,8 @@
                         <Model :deptId="detail.deptId" v-if="detail.deptId" />
                         <!-- <recharge :query="{deptId: detail.deptId}" :view="views.user"/> -->
                     </el-tab-pane>
-                    <el-tab-pane label="车辆列表" lazy>
-                        <device :deptId="detail.deptId" v-if="detail.deptId" />
+                    <el-tab-pane label="车辆列表" lazy name="车辆列表">
+                        <device ref="deviceComponent"  :deptId="detail.deptId" v-if="detail.deptId" />
                     </el-tab-pane>
                     <el-tab-pane label="订单" lazy>
 
@@ -251,12 +255,23 @@ export default {
             showConfigDialog: false,
             deptInfo: {},
             defaultValue:0,
+            activeTab: '运营区', // 默认激活的标签页
         }
     },
     created() {
         this.getDetail();
     },
     methods: {
+        noline() {
+            console.log('dianjile ');
+            this.activeTab = '车辆列表'; // 点击后切换到“车辆列表”标签页
+            this.$nextTick(() => {
+                // 调用 device 组件中的方法，例如 fetchData
+                if (this.$refs.deviceComponent) {
+                    this.$refs.deviceComponent.fetchData();
+                }
+            });
+        },
         getDetail() {
             this.loading = true;
             getDept(this.$route.params.deptId).then(response => {

src/views/system/device/index.vue

@@ -1140,6 +1140,10 @@ export default {
     this.$eventBus.$off("close-all-dialogs", this.closeDialog);
   },
   methods: {
+    fetchData(){
+      this.queryParams.onlineStatus=0
+      this.getList();
+    },
     startTimecg(value) {
       console.log("start变化", value);
       if (this.startTime != "" && this.endTime != "") {