监控

src/views/salary/calculate/index copy.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="white pa-3">
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane
+        v-for="item in items"
+        :key="item.name"
+        :label="item.label"
+        :name="item.name"
+      >
+        <component :is="item.component" :ref="item.name" :label="item.label" @hook:mounted="onComponentMounted"></component>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'salary-calculate',
+  data () {
+    return {
+      activeName: '',
+      items: [],
+      itemData: {}
+    }
+  },
+  created () {
+    this.items = this.$route.meta.roles.filter(e => e.hidden === 1).sort((a, b) => a.sort - b.sort).map(e => {
+      return {
+        name: e.name,
+        label: e.label,
+        component: () => import(`./${e.component}/index.vue`)
+      }
+    })
+    if (this.$route.query.name) {
+      this.activeName = this.$route.query.name
+    } else {
+      this.activeName = this.items[0].name
+    }
+  },
+  methods: {
+    handleClick () {
+      this.$router.push(`${this.$route.path}?name=${this.activeName}`)
+      this.$nextTick(() => {
+        this.$refs[this.activeName] && this.$refs[this.activeName][0].onInit && this.$refs[this.activeName][0].onInit()
+      })
+    },
+    onComponentMounted () {
+      this.$refs[this.activeName] && this.$refs[this.activeName][0].onInit && this.$refs[this.activeName][0].onInit()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-tabs__content  {
+  overflow: visible !important;
+}
+</style>

src/views/salary/calculate/index.vue

@@ -1,58 +1,15 @@
 <template>
-  <div class="white pa-3">
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane
-        v-for="item in items"
-        :key="item.name"
-        :label="item.label"
-        :name="item.name"
-      >
-        <component :is="item.component" :ref="item.name" :label="item.label" @hook:mounted="onComponentMounted"></component>
-      </el-tab-pane>
-    </el-tabs>
+  <div class="white" style="height: 100%; box-sizing: border-box;">
+    <iframe src="https://company.citupro.com:18183/dataFactory/production-line-monitor1?aaa=111" width="100%" height="100%" frameborder="0"></iframe>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'salary-calculate',
-  data () {
-    return {
-      activeName: '',
-      items: [],
-      itemData: {}
-    }
-  },
-  created () {
-    this.items = this.$route.meta.roles.filter(e => e.hidden === 1).sort((a, b) => a.sort - b.sort).map(e => {
-      return {
-        name: e.name,
-        label: e.label,
-        component: () => import(`./${e.component}/index.vue`)
-      }
-    })
-    if (this.$route.query.name) {
-      this.activeName = this.$route.query.name
-    } else {
-      this.activeName = this.items[0].name
-    }
-  },
-  methods: {
-    handleClick () {
-      this.$router.push(`${this.$route.path}?name=${this.activeName}`)
-      this.$nextTick(() => {
-        this.$refs[this.activeName] && this.$refs[this.activeName][0].onInit && this.$refs[this.activeName][0].onInit()
-      })
-    },
-    onComponentMounted () {
-      this.$refs[this.activeName] && this.$refs[this.activeName][0].onInit && this.$refs[this.activeName][0].onInit()
-    }
-  }
+  name: 'salary-calculate'
 }
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-tabs__content  {
-  overflow: visible !important;
-}
+
 </style>