修改换热站寄存器远程控制界面

src/router/index.js

@@ -7,6 +7,7 @@ import store from '@/store'
 //import nProgress from 'nprogress'
 import screenDisplay from '@/views/Gis/screenDisplay.vue'
 import iframe from '@/views/iframe.vue'
+//import remote from './remote'
 
 // 定义路由规则
 const routes = [
@@ -31,7 +32,9 @@ const routes = [
         path: '/Home',
         name: "Home",
         component: HomePage,
-        children: [{
+        children: [
+           // ...remote,//远程控制
+            {
                 path: '/RealSupply',
                 name: 'RealSupplyPage',
                 component: () => import('@/views/RealPage/RealSupplyPage.vue'),

src/views/RemotePage/TransControlPage.vue

 
 <template>
   <el-card class="card-contianer">
-    <div>
-
-    </div>
         <label>{{radioTitle}}：</label>
         <el-radio-group v-model="activeRadio" style="margin-left: 50px;">
           <el-radio
@@ -53,12 +50,24 @@
       <NightFrequency :activeRadio="activeRadio"/>
     </el-tab-pane>
   </el-tabs>
+  <!-- <el-tabs v-model="activeTab" @tab-click="handleClick" :tab-position="tabPosition" style="height: 100%" class="demo-tabs">
+    <el-tab-pane
+      v-for="item in editableTabs"
+      :key="item.name"
+      :label="item.title"
+      :name="item.name"
+    ></el-tab-pane> -->
+    <!-- <el-tab-pane name="TransferStatusControl" label="换热站状态" v-if="isTransferStatus"></el-tab-pane>
+    <el-tab-pane name="TransferRegControl" label="远程寄存器" v-if="isTransferRegControl"></el-tab-pane> -->
+  <!-- </el-tabs> -->
+  <!-- <router-view /> -->
 </template>
 
 <script lang="ts" setup>
   import { ref, reactive, onMounted, onUnmounted, watch } from 'vue';
   import http from '../../api/http';
   import store from "../../store/index";
+  import { useRoute, useRouter } from 'vue-router';
   import TransferStatusControl from '../../components/Remote/TransferStatusControl.vue';
   import TransferRegControl from '../../components/Remote/TransferRegControl.vue';
   import HolidayControl from '../../components/Remote/HolidayControl.vue';
@@ -90,6 +99,32 @@
   const isOutdoorTempControl = ref(false);
   const isNightFrequency = ref(false);
   
+  // const editableTabs = reactive([
+  //     {
+  //         title: '换热站状态',
+  //         path: '../../components/Remote/TransferStatusControl.vue',
+  //         name: 'TransferStatusControl',
+  //         isActive: false,
+  //         component: TransferStatusControl
+  //     },
+  //     {
+  //       title: '远程寄存器值',
+  //         path: '/Remote/RemoteTransferReg',
+  //         name: 'TransferRegControl',
+  //         isActive: false,
+  //         component: TransferRegControl
+  //     }
+  // ])
+  // function handleTabClick(tab) {
+  //   activeTab.value = tab.name
+  // }
+  // const handleClick = (tab, event) => {
+  //   console.log(tab.props.name);
+  //   console.log(editableTabs.find(t => t.name === tab.props.name).path);
+  //   router.push(editableTabs.find(t => t.name === tab.props.name).path);
+  // };
+
+
   //初始化页面
   function initPage(){
     initRadioList();