From 7f260e179bf9dcba374b3a440cba68280dc7e5a6 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Wed, 28 Jul 2021 16:39:56 +0800
Subject: [PATCH] footbar

---
 .../productConfig/footbar/FootbarDefault.vue  | 50 +++++++++++++++++++
 .../productConfig/footbar/FootbarSync.vue     | 25 +++++++---
 2 files changed, 69 insertions(+), 6 deletions(-)
 create mode 100644 epmet-oper-web/src/views/modules/productConfig/footbar/FootbarDefault.vue

diff --git a/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarDefault.vue b/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarDefault.vue
new file mode 100644
index 0000000..2c4c1d1
--- /dev/null
+++ b/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarDefault.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <el-card shadow="never"
+             class="aui-card--fill">
+      <footbar-list ref="ref_footbarlist"
+                    :showFrom="'default'"
+                    :tableKeywork="'FootBar'"></footbar-list>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+import FootbarList from './FootbarList'
+
+
+
+
+export default {
+  data () {
+    return {
+
+    }
+  },
+  activated () {
+
+    this.$nextTick(() => {
+
+      this.$refs['ref_footbarlist'].doLayout() // 解决表格错位
+
+    })
+  },
+  components: {
+    FootbarList
+  },
+
+  mounted () {
+
+  },
+  computed: {
+
+  },
+  methods: {
+
+
+  }
+}
+</script>
+<style>
+</style>
diff --git a/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarSync.vue b/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarSync.vue
index 82cca3e..9bfc678 100644
--- a/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarSync.vue
+++ b/epmet-oper-web/src/views/modules/productConfig/footbar/FootbarSync.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :visible.sync="visible"
-             :title="title"
+             title="Footbar同步"
              :close-on-click-modal="false"
              :before-close="handleClose"
              :close-on-press-escape="false"
@@ -26,6 +26,7 @@
             <el-table-column type="selection"></el-table-column>
 
             <el-table-column label="名称"
+                             prop="barName"
                              align="center"
                              header-align="center">
 
@@ -37,10 +38,10 @@
         <el-card class="box-card">
           <div slot="header"
                class="clearfix">
-            <span>采集列表（客户的Footbar同部为默认配置）</span>
+            <span>采集列表（添加客户没有的Footbar）</span>
 
           </div>
-          <!-- <div class="div_list"></div> -->
+
           <el-table id="have_table"
                     ref="table"
                     :height="tableHeight"
@@ -53,6 +54,7 @@
             <el-table-column type="selection"></el-table-column>
 
             <el-table-column label="名称"
+                             prop="barName"
                              align="center"
                              header-align="center">
 
@@ -86,6 +88,7 @@ export default {
 
       allHaveList: [],//全部已有的bar
       allNoList: [],//全部没有的bar
+
       syncBarKeyList: [],//要同步的bar
       addBarKeyList: []//要增加的bar
 
@@ -101,21 +104,31 @@ export default {
     tableHeight () {
       return this.clientHeight - 60 - 80 - 80 - 280 - 100
     },
-    ...mapGetters(['clientHeight', 'env'])
+    diaWidth () {
+
+      return this.resolution === 'small' ? 60 : 50
+    },
+    diaTop () {
+
+      return this.resolution === 'small' ? '30px' : '100px'
+    },
+    ...mapGetters(['clientHeight', 'resolution']),
   },
   methods: {
     init (customerId, appType, allHaveList) {
       this.customerId = customerId
       this.appType = appType
       this.allHaveList = allHaveList
-
+      console.log(this.allHaveList)
       this.visible = true
       this.loadNoBarList()
     },
 
     // 选中复选框
     handleSelect (selection, row) {
-      debugger
+      selection.forEach(item => {
+        this.syncBarKeyList.push(item)
+      });
 
     },
     // 全选复选框