tj

src/pages/kb/indoor/history.vue

 <template lang="pug">
   el-dialog(:title="type==1?'历史数据':'统计图表'", :close-on-click-modal='false', :visible.sync='visible' width='80%' :append-to-body='true')
-    el-form(:model='dataForm', size='mini' :inline='true' :rules='dataRule' ,ref='dataForm', @keyup.enter.native='dataFormSubmit()', label-width='120px')
+    el-form(:model='dataForm', size='mini' :inline='true' :rules='dataRule' ,ref='dataForm',  label-width='120px')
         el-form-item(label='设备名称', prop='name')
             el-input(v-model='dataForm.name', placeholder='设备名称' readOnly)
         el-form-item(label='设备编号', prop='code')

src/pages/kb/power/components/historyDataModal.vue

 <template>
   <el-dialog
     title="历史数据"
-    :visible.sync="historyDataModalVisible"
+    :visible.sync="visible"
     :append-to-body="true"
     @close="cancelhandle"
     width="1200px"
   >
-    <el-form :inline="true">
+    <el-form :inline="true" :model="dataForm">
       <el-form-item label="设备名称：" prop="name" style="margin-bottom: 0">
         <el-input
           v-model="dataForm.name"
@@ -53,33 +53,32 @@ import enTable from '../../../components/enTable'
 import tablePagination from '@/pages/components/tablePagination'
 const tableColums = [
   {
-    label: '功率',
-    prop: 'qq',
-    width: 200,
-    align: 'center'
-  },
-  {
-    label: '设备状态',
-    prop: 'ww',
+    label: '用电量',
+    prop: 'electric_energy',
     width: 200,
     align: 'center'
   },
+  // {
+  //   label: '设备状态',
+  //   prop: 'status',
+  //   width: 200,
+  //   align: 'center'
+  // },
   {
     label: '采集时间',
-    prop: 'ee',
+    prop: 'create_time',
     // width:200,
     align: 'center'
   }
 ]
 export default {
-  name: 'historyDataModal',
-  props: ['historyDataModalVisible'],
   components: {
     tablePagination,
     enTable
   },
   data() {
     return {
+      visible: false,
       formLabelWidth: '0px',
       pageIndex: 1,
       pageSize: 10,
@@ -98,6 +97,7 @@ export default {
   },
   methods: {
     init(data) {
+      this.visible = true
       this.dataForm = data
       this.currentActive = 1
       this.getDataList() //获取历史数据列表
@@ -124,7 +124,7 @@ export default {
       })
     },
     cancelhandle() {
-      this.$emit('cancelhandle')
+      this.visible = false
     },
     // 当日 ，本周
     handleDate(i) {

src/pages/kb/power/components/statisticPicTableModal.vue

 <template>
   <el-dialog
     title="统计图表"
-    :visible.sync="statisticModalVisible"
+    :visible.sync="visible"
     :append-to-body="true"
     @close="cancelhandlePic"
   >
-    <el-form :inline="true">
-      <el-form-item label="设备名称：" style="margin-bottom: 0">
-        <el-input size="mini" autocomplete="off"></el-input>
+    <el-form :inline="true" :model="dataForm">
+      <el-form-item label="设备名称：" prop="name" style="margin-bottom: 0">
+        <el-input
+          v-model="dataForm.name"
+          size="mini"
+          autocomplete="off"
+          readOnly
+        ></el-input>
       </el-form-item>
-      <el-form-item label="设备编号：" style="margin-bottom: 0">
-        <el-input size="mini" autocomplete="off"></el-input>
+      <el-form-item label="设备编号：" prop="code" style="margin-bottom: 0">
+        <el-input
+          v-model="dataForm.code"
+          size="mini"
+          autocomplete="off"
+          readOnly
+        ></el-input>
       </el-form-item>
       <el-form-item label="数据起止阶段：">
         <!-- <el-date-picker
@@ -56,6 +66,7 @@ export default {
     return {
       formLabelWidth: '120px',
       dataForm: {},
+      visible: false,
       category: null,
       typeList: [
         { name: '当日', id: 1 },
@@ -69,6 +80,7 @@ export default {
   },
   methods: {
     init(data) {
+      this.visible = true
       this.dataForm = data
       this.currentActive = 1
       this.getDataListTb()
@@ -78,6 +90,7 @@ export default {
         url: this.$http.adornUrl('/analysis/getEnergyTb'),
         method: 'get',
         params: this.$http.adornParams({
+          resourceType: this.dataForm.type,
           resourceId: this.dataForm.id,
           type: this.currentActive
         })
@@ -89,7 +102,7 @@ export default {
       })
     },
     cancelhandlePic() {
-      this.$emit('cancelhandlePic')
+      this.visible = false
     },
     // 当日 ，本周
     handleDate(i) {

src/pages/kb/power/page.vue

@@ -87,12 +87,10 @@
     <history-data-modal
       :historyDataModalVisible="historyDataModalVisible"
       ref="historyDataModal"
-      v-on:cancelhandle="cancelhandle"
     ></history-data-modal>
     <statistic-pic-table-modal
       :statisticModalVisible="statisticModalVisible"
       ref="statisticPicTableModal"
-      v-on:cancelhandlePic="cancelhandlePic"
     ></statistic-pic-table-modal>
   </div>
 </template>
@@ -207,17 +205,6 @@ export default {
         }
       })
     },
-    cancelhandle() {
-      this.$nextTick(() => {
-        this.historyDataModalVisible = false
-      })
-    },
-    cancelhandlePic() {
-      this.$nextTick(() => {
-        this.statisticModalVisible = false
-      })
-    },
-
     openHistoryHandle(data) {
       console.log('用电：', data)
       this.historyDataModalVisible = true