代码提交202110081837

src/assets/css/global.scss

@@ -48,4 +48,47 @@ a:hover {
 
 .cursor-pointer {
     cursor: pointer;
+}
+
+
+//公共tabs样式
+.el-tabs__header .el-tabs__item.is-active {
+    border-bottom: 2px solid #409eff;
+    color: #409eff;
+}
+.el-tabs__header .el-tabs__item.is-active:hover {
+    color: #409eff !important;
+}
+.el-tabs__header:hover,
+.el-tabs__item:hover {
+    color: #409eff !important;
+}
+
+//公共input样式
+.el-input__icon {
+    color: #409eff;
+}
+.el-input__inner:hover {
+    border-color: #409eff;
+}
+.el-input__inner:focus {
+    border-color: #409eff;
+}
+
+//公共单选样式
+.el-radio__input.is-checked .el-radio__inner{
+    border-color: #409eff;
+    background: #409eff;
+}
+.el-radio__input.is-checked + .el-radio__label{
+    color: #409eff;
+}
+
+//公共复选样式
+.el-checkbox__input.is-checked .el-checkbox__inner{
+    background-color: #409eff;
+    border-color: #409eff;
+}
+.el-checkbox__input.is-checked + .el-checkbox__label{
+    color: #409eff;
 }

src/layouts/IndexLayout/locales/zh-CN.ts

@@ -10,10 +10,11 @@ export default {
   'index-layout.menu.stationManage.Articleindex': '所有台区',
 
   'index-layout.menu.deviceManage': '设备管理',
-  'index-layout.menu.deviceManage.powerEquip': '电力监测设备',
-  'index-layout.menu.deviceManage.videoEquip': '视频监测设备',
-  'index-layout.menu.deviceManage.communicateEquip': '通信设备',
-  'index-layout.menu.deviceManage.channelList': '通道列表',
+  'index-layout.menu.deviceManage.powerEquip': '设备管理',
+  // 'index-layout.menu.deviceManage.powerEquip': '电力监测设备',
+  // 'index-layout.menu.deviceManage.videoEquip': '视频监测设备',
+  // 'index-layout.menu.deviceManage.communicateEquip': '通信设备',
+  // 'index-layout.menu.deviceManage.channelList': '通道列表',
   'index-layout.menu.deviceManage.attribTemplate': '属性模板',
 
   'index-layout.menu.dataManage': '数据管理',
@@ -26,10 +27,10 @@ export default {
 
 
   'index-layout.menu.powerQuality': '电能质量',
-  'index-layout.menu.powerQuality.sameAnalysis': '谐波报表',
-  'index-layout.menu.powerQuality.chainAnalysis': '实时监测',
-  'index-layout.menu.powerQuality.handOpera': '评估报告',
-  'index-layout.menu.powerQuality.energyReport': '三相不平衡分析',
+  'index-layout.menu.powerQuality.harmonicReport': '谐波报表',
+  'index-layout.menu.powerQuality.realTimeMonitoring': '实时监测',
+  'index-layout.menu.powerQuality.asseReport': '评估报告',
+  'index-layout.menu.powerQuality.unbalanceAnalysis': '三相不平衡分析',
 
   'index-layout.menu.monthReport': '月度报告',
 

src/layouts/IndexLayout/routes.ts

@@ -63,21 +63,21 @@ const IndexLayoutRoutes: Array<RoutesDataItem> = [
         path: 'powerEquip',
         component: () => import('@/views/deviceManage/powerEquip/index.vue'),
       },
-      {
-        title: 'index-layout.menu.deviceManage.videoEquip',
-        path: 'videoEquip',
-        component: () => import('@/views/deviceManage/videoEquip/index.vue'),
-      },
-      {
-        title: 'index-layout.menu.deviceManage.communicateEquip',
-        path: 'communicateEquip',
-        component: () => import('@/views/deviceManage/communicateEquip/index.vue'),
-      },
-      {
-        title: 'index-layout.menu.deviceManage.channelList',
-        path: 'channelList',
-        component: () => import('@/views/deviceManage/channelList/index.vue'),
-      },
+      // {
+      //   title: 'index-layout.menu.deviceManage.videoEquip',
+      //   path: 'videoEquip',
+      //   component: () => import('@/views/deviceManage/videoEquip/index.vue'),
+      // },
+      // {
+      //   title: 'index-layout.menu.deviceManage.communicateEquip',
+      //   path: 'communicateEquip',
+      //   component: () => import('@/views/deviceManage/communicateEquip/index.vue'),
+      // },
+      // {
+      //   title: 'index-layout.menu.deviceManage.channelList',
+      //   path: 'channelList',
+      //   component: () => import('@/views/deviceManage/channelList/index.vue'),
+      // },
       {
         title: 'index-layout.menu.deviceManage.attribTemplate',
         path: 'attribTemplate',

src/views/dataManage/sameAnalysis/index.vue

@@ -1,5 +1,172 @@
 <template>
-  <div style="padding:30px;">
-   同比分析报表
+  <div class="attribTemplate">
+    <div class="attribContent1">
+      <div style="display: flex">
+        <el-input
+          placeholder="选择站点"
+          v-model="filterText"
+          class="attContentInput"
+          style="width: 100%"
+        >
+          <template #suffix>
+            <i class="el-icon-search el-input__icon"></i>
+          </template>
+        </el-input>
+      </div>
+
+      <div class="attSwitch">
+        <el-tree
+          :data="data"
+          show-checkbox
+          node-key="id"
+          :default-expanded-keys="[2, 3]"
+          :props="defaultProps"
+        />
+      </div>
+    </div>
+    <div class="attribContent2">
+      <el-tabs
+        v-model="activeName"
+        type="card"
+        @tab-click="handleClick"
+        style="background-color: #fff; height: 100%"
+        class="tabsSizeColor"
+        v-if="activeBool"
+      >
+        <el-tab-pane label="模板1" name="first"> </el-tab-pane>
+        <!-- <el-tab-pane label="视频监测设备" name="second"> </el-tab-pane>
+        <el-tab-pane label="通信设备" name="third"> </el-tab-pane>
+        <el-tab-pane label="通道列表" name="five"> </el-tab-pane> -->
+      </el-tabs>
+    </div>
   </div>
 </template>
+<script lang="ts">
+import { defineComponent, ref, Ref } from "vue";
+
+interface PowerEquipData {
+  activeName: Ref;
+  filterText: Ref;
+}
+
+export default defineComponent({
+  name: "attribTemplate",
+  components: {},
+  props: {},
+  data() {
+    return {
+      data: [
+        {
+          id: 1,
+          label: "Level one 1",
+          children: [
+            {
+              id: 4,
+              label: "Level two 1-1",
+            },
+          ],
+        },
+        {
+          id: 2,
+          label: "Level one 2",
+          children: [
+            {
+              id: 5,
+              label: "Level two 2-1",
+            },
+            {
+              id: 6,
+              label: "Level two 2-2",
+            },
+          ],
+        },
+        {
+          id: 3,
+          label: "Level one 3",
+          children: [
+            {
+              id: 7,
+              label: "Level two 3-1",
+            },
+            {
+              id: 8,
+              label: "Level two 3-2",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+    };
+  },
+  setup(): PowerEquipData {
+    const activeName = ref("first");
+    const filterText = ref("");
+    return {
+      activeName,
+      filterText,
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.attribTemplate {
+  display: flex;
+  height: calc(100vh - 100px);
+  padding: 30px;
+  margin-top: 50px;
+  .attribContent1 {
+    background-color: #fff;
+    width: 15%;
+    height: 100%;
+    margin-right: 25px;
+    padding: 20px;
+    .el-input__icon {
+      color: #409eff;
+    }
+    .el-input__inner:hover {
+      border-color: #409eff;
+    }
+    .el-input__inner:focus {
+      border-color: #409eff;
+    }
+    .attContentInput {
+      margin: 0;
+    }
+    .attSwitch {
+      margin-top: 20px;
+      width: 100%;
+      height: 20px;
+      cursor: pointer;
+      .attSwitchOne {
+        display: flex;
+        border: 0.5px solid silver;
+        padding: 8px;
+        font-size: 13px;
+        div:nth-child(1) {
+          width: 100%;
+        }
+      }
+      .attSwitchOne:hover {
+        background-color: #409eff;
+      }
+      .attSwitchOne:focus {
+        background-color: #409eff;
+      }
+    }
+  }
+  .attribContent2 {
+    background-color: #fff;
+    width: 85%;
+    height: 100%;
+  }
+}
+</style>

src/views/deviceManage/attribTemplate/index.vue

@@ -28,7 +28,21 @@
         </div>
       </div>
     </div>
-    <div class="attribContent2"></div>
+    <div class="attribContent2">
+      <el-tabs
+        v-model="activeName"
+        type="card"
+        @tab-click="handleClick"
+        style="background-color: #fff; height: 100%"
+        class="tabsSizeColor"
+        v-if="activeBool"
+      >
+        <el-tab-pane label="模板1" name="first"> </el-tab-pane>
+        <!-- <el-tab-pane label="视频监测设备" name="second"> </el-tab-pane>
+        <el-tab-pane label="通信设备" name="third"> </el-tab-pane>
+        <el-tab-pane label="通道列表" name="five"> </el-tab-pane> -->
+      </el-tabs>
+    </div>
   </div>
 </template>
 <script lang="ts">
@@ -36,18 +50,25 @@ import { defineComponent, ref, Ref } from "vue";
 
 interface PowerEquipData {
   attSwitchData: any;
+  activeName: Ref;
+  filterText: Ref;
 }
 
 export default defineComponent({
   name: "attribTemplate",
   components: {},
   props: {},
+  data() {
+    return {
+      activeBool: true,
+    };
+  },
   setup(): PowerEquipData {
     const attSwitchData = [
       {
         id: "powerEquip",
         lable: "电力监测设备",
-        value: 0,
+        value: 1,
       },
       {
         id: "videoEquip",
@@ -65,25 +86,36 @@ export default defineComponent({
         value: 0,
       },
     ];
+    const activeName = ref("first");
+    const filterText = ref("");
     return {
       attSwitchData,
+      activeName,
+      filterText
     };
   },
   methods: {
     attSwitchOne(id) {
       var dom = document.getElementsByClassName("attSwitchOne");
-      var cont = dom[id].getAttribute("style")
+      var cont = dom[id].getAttribute("style");
       if (cont != null && cont != "") {
         dom[id].setAttribute("style", "");
       } else {
+        this.attSwitchData.map((val, ind) => {
+          dom[ind].setAttribute("style", "");
+        });
         dom[id].setAttribute("style", "background-color: #409eff");
       }
     },
+
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
   },
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .attribTemplate {
   display: flex;
   height: calc(100vh - 100px);
@@ -95,15 +127,6 @@ export default defineComponent({
     height: 100%;
     margin-right: 25px;
     padding: 20px;
-    .el-input__icon {
-      color: #409eff;
-    }
-    .el-input__inner:hover {
-      border-color: #409eff;
-    }
-    .el-input__inner:focus {
-      border-color: #409eff;
-    }
     .attContentInput {
       width: 9rem;
       margin-right: 15px;

src/views/deviceManage/channelList/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div style="padding:30px;">
-   通道列表
-  </div>
-</template>

src/views/deviceManage/communicateEquip/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div style="padding:30px;">
-   通信设备
-  </div>
-</template>

src/views/deviceManage/powerEquip/deviceDetails.vue

@@ -0,0 +1,238 @@
+<template>
+  <el-table
+    :data="
+      device_NumData.filter(
+        (data) =>
+          !filter_Text ||
+          data.deviceName.toLowerCase().includes(filter_Text.toLowerCase()) ||
+          data.deviceCode.toLowerCase().includes(filter_Text.toLowerCase())
+      )
+    "
+    border
+    stripe
+    :header-cell-style="headClass"
+  >
+    <el-table-column prop="stationStatus" label="状态" width="">
+      <template #default="scope">
+        <el-avatar
+          class="status"
+          :style="
+            scope.row.stationStatus == 0
+              ? 'background-color:red'
+              : 'background-color:#04F21C'
+          "
+        ></el-avatar>
+      </template>
+    </el-table-column>
+    <el-table-column prop="deviceName" label="电力监测设备名称" width="">
+    </el-table-column>
+    <el-table-column prop="deviceCode" label="设备编号" width="">
+    </el-table-column>
+    <el-table-column prop="location" label="所属地点" width="">
+    </el-table-column>
+    <el-table-column prop="ratedVoltage" label="额定电压" width="">
+    </el-table-column>
+    <el-table-column prop="ratedCurrent" label="额定电流" width="">
+    </el-table-column>
+    <el-table-column prop="currentLoRaTh" label="电流负载率门限" width="">
+    </el-table-column>
+    <el-table-column prop="powerQuAn" label="电能质量分析" width="">
+    </el-table-column>
+    <el-table-column prop="meterAddress" label="表计地址" width="">
+    </el-table-column>
+    <el-table-column fixed="right" label="操作" width="">
+      <template #default="scope">
+        <el-button
+          type="text"
+          size="small"
+          style="color: #409eff"
+          @click.prevent="editRow(scope.row)"
+          >编辑</el-button
+        >
+        <el-button
+          @click="handleDelete(scope.$index, scope.row)"
+          type="text"
+          size="small"
+          style="color: red"
+          >删除</el-button
+        >
+      </template>
+    </el-table-column>
+    <el-table-column fixed="right" label="变量" width="">
+      <template #default="scope">
+        <el-button
+          type="text"
+          size="small"
+          style="color: #409eff"
+          @click.prevent="variableList(scope.row)"
+          >变量列表</el-button
+        >
+        <el-button
+          @click="clone(scope.$index, scope.row)"
+          type="text"
+          size="small"
+          style="color: #409eff"
+          >克隆</el-button
+        >
+      </template>
+    </el-table-column>
+  </el-table>
+
+  <el-dialog
+    v-model="dialogVisible"
+    title="变量克隆"
+    width="30%"
+    :before-close="handleClose"
+  >
+    <div class="dialogOne">
+      <div>克隆设备对象: <span>183</span></div>
+      <div class="content">
+        <span>* </span>变量克隆至:
+        <el-radio v-model="radio1" label="1">新设备</el-radio>
+        <el-radio v-model="radio1" label="2">已有设备</el-radio>
+      </div>
+      <div class="content">
+        <span>* </span>设备名:
+        <el-input
+          class="inputer"
+          v-model="inputName"
+          placeholder="请输入设备名"
+          clearable
+        />
+        设备编号:
+        <el-input
+          class="inputer"
+          v-model="inputCode"
+          placeholder="请输入设备编号"
+          clearable
+        />
+      </div>
+      <div class="content">
+        <span>* </span>模拟量:
+        <el-input
+          class="inputer"
+          v-model="inputName"
+          placeholder="请输入模拟量"
+          clearable
+        />
+        状态量:
+        <el-input
+          class="inputer"
+          v-model="inputCode"
+          placeholder="请输入状态量"
+          clearable
+        />
+      </div>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-checkbox
+          v-model="checked1"
+          label="连续克隆模式"
+          style="margin-right: 10px"
+        ></el-checkbox>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogVisible = false"
+          >确定</el-button
+        >
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, Ref } from "vue";
+import { ElMessageBox } from "element-plus";
+
+interface PowerEquipData {
+  deviceNumData: Ref;
+  dialogVisible: Ref<boolean>;
+  checked1: Ref<boolean>;
+  handleClose: (done: any) => void;
+  radio1: Ref;
+  inputName: Ref;
+  inputCode: Ref;
+}
+
+export default defineComponent({
+  name: "powerEquip",
+  components: {},
+  props: {
+    device_NumData: Object,
+    filter_Text: String,
+  },
+  data() {
+    return {};
+  },
+  setup(): PowerEquipData {
+    const deviceNumData = ref([]);
+    const dialogVisible = ref(false);
+    const checked1 = ref(false);
+    const radio1 = ref("1");
+    const inputName = ref("");
+    const inputCode = ref("");
+
+    const handleClose = (done) => {
+      done();
+      //   ElMessageBox.confirm("确定要关闭弹出?")
+      //     .then(() => {
+      //       done();
+      //     })
+      //     .catch(() => {
+      //       // catch error
+      //     });
+    };
+
+    return {
+      deviceNumData,
+      dialogVisible,
+      checked1,
+      handleClose,
+      radio1,
+      inputName,
+      inputCode,
+    };
+  },
+  methods: {
+    //编辑
+    editRow(row) {
+      console.log(row);
+    },
+    //删除
+    handleDelete(index, row) {
+      console.log(index, row);
+    },
+    //变量列表
+    variableList(row) {
+      console.log(row);
+    },
+    //克隆
+    clone(index, row) {
+      this.dialogVisible = true;
+      console.log(index, row);
+    },
+    // 表头样式设置
+    headClass() {
+      return "background:#FAFAFA !important;color: black;";
+    },
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+//弹出框内容样式
+.dialogOne {
+  div:nth-child(1) {
+    margin-bottom: 30px;
+  }
+  .content {
+    margin-bottom: 20px;
+    span:nth-child(1) {
+      color: red;
+    }
+    .inputer {
+      width: 150px;
+    }
+  }
+}
+</style>

src/views/deviceManage/powerEquip/index.vue

@@ -7,12 +7,21 @@
       style="background-color: #fff; height: 100%"
       class="tabsSizeColor"
     >
-      <el-tab-pane label="电力监测设备" name="first">
+      <el-tab-pane label="电力监测设备" name="powerEquip">
         <div class="first">
           <div class="firstTop">
             <div class="firstTopLeft">
-              <el-button class='goBack' @click='goBack' v-if="deviceNumData.length > 0" >返回</el-button>
-              <span class="firstTopLeftTitle">{{ title }}:</span>
+              <el-button
+                class="goBack"
+                @click="goBack"
+                v-if="deviceNumData.length > 0"
+                >返回</el-button
+              >
+              <span class="firstTopLeftTitle"
+                >{{
+                  deviceNumData.length > 0 ? "设备或编号" : "厂家或型号"
+                }}:</span
+              >
               <el-input
                 placeholder="输入关键字进行过滤"
                 v-model="filterText"
@@ -22,13 +31,13 @@
                   <i class="el-icon-search el-input__icon"></i>
                 </template>
               </el-input>
-              <el-button
+              <!-- <el-button
                 type="primary"
                 icon="el-icon-search"
                 class="search-button"
                 >搜索</el-button
-              >
-              <el-button icon="el-icon-plus" type="success" @click="addItem()"
+              > -->
+              <el-button class="search-button" icon="el-icon-plus" type="success" @click="addItem()"
                 >新增</el-button
               >
             </div>
@@ -41,7 +50,18 @@
 
           <div class="firstContent" v-if="deviceNumData.length <= 0">
             <el-table
-              :data="tableData"
+              :data="
+                tableData.filter(
+                  (data) =>
+                    !filterText ||
+                    data.manufactor
+                      .toLowerCase()
+                      .includes(filterText.toLowerCase()) ||
+                    data.deviceModel
+                      .toLowerCase()
+                      .includes(filterText.toLowerCase())
+                )
+              "
               border
               stripe
               :header-cell-style="headClass"
@@ -80,100 +100,26 @@
               </el-table-column>
             </el-table>
           </div>
+
           <div class="firstContent" v-if="deviceNumData.length > 0">
-            <el-table
-              :data="deviceNumData"
-              border
-              stripe
-              :header-cell-style="headClass"
-            >
-              <el-table-column prop="stationStatus" label="状态" width="">
-                <template #default="scope">
-                  <el-avatar
-                    class="status"
-                    :style="
-                      scope.row.stationStatus == 0
-                        ? 'background-color:red'
-                        : 'background-color:#04F21C'
-                    "
-                  ></el-avatar>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="deviceName"
-                label="电力监测设备名称"
-                width=""
-              >
-              </el-table-column>
-              <el-table-column prop="deviceCode" label="设备编号" width="">
-              </el-table-column>
-              <el-table-column prop="location" label="所属地点" width="">
-              </el-table-column>
-              <el-table-column prop="ratedVoltage" label="额定电压" width="">
-              </el-table-column>
-              <el-table-column prop="ratedCurrent" label="额定电流" width="">
-              </el-table-column>
-              <el-table-column
-                prop="currentLoRaTh"
-                label="电流负载率门限"
-                width=""
-              >
-              </el-table-column>
-              <el-table-column prop="powerQuAn" label="电能质量分析" width="">
-              </el-table-column>
-              <el-table-column prop="meterAddress" label="表计地址" width="">
-              </el-table-column>
-              <el-table-column fixed="right" label="操作" width="">
-                <template #default="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    style="color: #409eff"
-                    @click.prevent="editRow(scope.row)"
-                    >编辑</el-button
-                  >
-                  <el-button
-                    @click="handleDelete(scope.$index, scope.row)"
-                    type="text"
-                    size="small"
-                    style="color: red"
-                    >删除</el-button
-                  >
-                </template>
-              </el-table-column>
-              <el-table-column fixed="right" label="变量" width="">
-                <template #default="scope">
-                  <el-button
-                    type="text"
-                    size="small"
-                    style="color: #409eff"
-                    @click.prevent="variableList(scope.row)"
-                    >变量列表</el-button
-                  >
-                  <el-button
-                    @click="clone(scope.$index, scope.row)"
-                    type="text"
-                    size="small"
-                    style="color: #409eff"
-                    >克隆</el-button
-                  >
-                </template>
-              </el-table-column>
-            </el-table>
+            <deviceDetails
+              :device_NumData="deviceNumData"
+              :filter_Text="filterText"
+            ></deviceDetails>
           </div>
         </div>
       </el-tab-pane>
-      <el-tab-pane label="视频监测设备" name="second"> </el-tab-pane>
-      <el-tab-pane label="通信设备" name="third"> </el-tab-pane>
-      <el-tab-pane label="通道列表" name="five"> </el-tab-pane>
+      <el-tab-pane label="视频监测设备" name="videoEquip"> </el-tab-pane>
+      <el-tab-pane label="通信设备" name="communicateEquip"> </el-tab-pane>
+      <el-tab-pane label="通道列表" name="channelList"> </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script lang="ts">
 import { defineComponent, ref, Ref } from "vue";
+import deviceDetails from "./deviceDetails.vue";
 
 interface PowerEquipData {
-  title: Ref;
   deviceNumData: Ref;
   tableData: Ref;
   activeName: Ref;
@@ -182,10 +128,11 @@ interface PowerEquipData {
 
 export default defineComponent({
   name: "powerEquip",
-  components: {},
+  components: {
+    deviceDetails,
+  },
   props: {},
   setup(): PowerEquipData {
-    const title = ref("厂家或型号");
     const deviceNumData = ref([]);
     const tableData = ref([
       {
@@ -199,8 +146,8 @@ export default defineComponent({
         deviceNum: "8",
       },
       {
-        manufactor: "上海永天科技股份有限公司",
-        deviceModel: "测试设备",
+        manufactor: "海永天科技股份有限公司",
+        deviceModel: "试设备",
         deviceNum: "8",
       },
       {
@@ -229,11 +176,10 @@ export default defineComponent({
         deviceNum: "8",
       },
     ]);
-    const activeName = ref("first");
+    const activeName = ref("powerEquip");
     const filterText = ref("");
-    
+
     return {
-      title,
       deviceNumData,
       tableData,
       activeName,
@@ -242,29 +188,16 @@ export default defineComponent({
   },
   methods: {
     //返回
-    goBack(){
-      this.deviceNumData = []
-    },
-    //编辑
-    editRow(row) {
-      console.log(row);
-    },
-    //删除
-    handleDelete(index, row) {
-      console.log(index, row);
+    goBack() {
+      this.deviceNumData = [];
     },
-    //变量列表
-    variableList(row) {
-      console.log(row);
-    },
-    //克隆
-    clone(index, row) {
-      console.log(index, row);
+    //新增
+    addItem() {
+      console.log("");
     },
     //设备数量查询
     deviceNumSelect(data) {
       console.log(data);
-      this.title = "设备或编号";
       this.filterText = "";
       this.deviceNumData = [
         {
@@ -290,7 +223,7 @@ export default defineComponent({
           meterAddress: "1",
         },
       ];
-      console.log(this.deviceNumData)
+      console.log(this.deviceNumData);
     },
 
     // 表头样式设置
@@ -320,7 +253,7 @@ export default defineComponent({
     line-height: 32px;
     .firstTopLeft {
       width: 70%;
-      .goBack{
+      .goBack {
         margin-right: 15px;
       }
       .firstTopLeftTitle {
@@ -364,17 +297,11 @@ export default defineComponent({
   height: 50px;
   font-size: 16px;
 }
+
 .tabsSizeColor > .el-tabs__header .el-tabs__item.is-active {
   border-bottom: 2px solid #409eff;
   color: #409eff;
 }
-.tabsSizeColor > .el-tabs__header .el-tabs__item.is-active:hover {
-  color: #409eff !important;
-}
-.tabsSizeColor .el-tabs__header:hover,
-.el-tabs__item:hover {
-  color: #409eff !important;
-}
 .el-tabs__header {
   margin-bottom: 0;
 }

src/views/deviceManage/videoEquip/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div style="padding:30px;">
-   视频监测设备
-  </div>
-</template>