提交

src/views/HomeView.vue

 <template>
-  <el-tabs :tab-position="tabPosition" type="card" :stretch="true" class="menu-tabs" @tab-change="tabChange" :style="{backgroundColor: color }">
+  <el-tabs :tab-position="tabPosition" v-model="activeIndex" type="card" :stretch="true" class="menu-tabs" @tab-change="tabChange" :style="{backgroundColor: color }">
     <el-tab-pane v-for="item in tabList" :key="item.title">
       <template #label>
         <span class="custom-tabs-label">
@@ -7,7 +7,7 @@
           <span class="tabfont">{{item.title}}</span>
         </span>
       </template>
-      <component :is="item.template" :ref="item.template" @refresh="handleRefresh" @logChange="handleLogChange"></component>
+      <component :is="item.template" :ref="item.template" @refresh="handleRefresh" @logChange="handleLogChange" @changeTab="handleChangeTab"></component>
     </el-tab-pane>
     <el-card>
       <!-- class="log-scroll" -->
@@ -30,6 +30,7 @@ export default defineComponent({
     const { proxy } = getCurrentInstance()
     const tabPosition = ref('bottom')
     const log = ref('')
+    const activeIndex = ref('0')
     const color = ref('#1f8a36')
     const tabList = [
       {title: '射频识别', icon: 'iconfont icon-tiaozhishibie', template: 'RFID'},
@@ -39,13 +40,12 @@ export default defineComponent({
       {title: '查询', icon: 'iconfont icon-chaxun', template: 'Query'},
       {title: '通道配置', icon: 'iconfont icon-shezhi', template: 'ChannelSetting'},
     ]
+    
 
     if (sessionStorage.getItem('bgColor')) {
       color.value = sessionStorage.getItem('bgColor')
     }
 
-    console.log(color.value)
-    
     setTimeout(()=> {
       changeBg()
     }, 200)
@@ -70,14 +70,19 @@ export default defineComponent({
     function handleLogChange(data) {
       log.value = data
     }
+    function handleChangeTab() {
+      activeIndex.value = '5'
+    }
     return {
+      activeIndex,
       tabPosition,
       tabList,
       log,
       color,
       tabChange,
       handleRefresh,
-      handleLogChange
+      handleLogChange,
+      handleChangeTab
     }
   },
 })

src/views/RFID.vue

@@ -267,6 +267,7 @@ export default defineComponent({
 
       // Websoket连接成功事件
       const websocketOnopen = (res) => {
+        ElMessage.success('服务连接成功');
         console.log("WebSocket连接成功");
       };
 
@@ -370,14 +371,18 @@ export default defineComponent({
             res.data.map((item, index) => {
               channelList.value.push(Object.assign({}, item, { logData: [], errNum: 0 }))
             })
+            console.log('阿萨德哈萨克')
             initWebSocket()
             getAction(state.url.openReader, {storeCode: JSON.parse(sessionStorage.getItem('storeInfo')).storeCode}).then(res => {
-      
+              
             })
           })
         } else {
           getAction(state.url.getStoreCode).then(res => {
-            if (res.code !== 99200) return ElMessage.error(res.message);
+            if (res.code !== 99200) {
+              emit('changeTab')
+              return ElMessage.error(res.message);
+            }
             postAction(state.url.getConfig, {storeCode: res.data}).then(res => {
               if (res.code !== 99200) return ElMessage.error(res.message);
               state.storeInfo = res.data[0]