From 6ad3ef9d7c20b0db98f483df2c671a0c2275e95e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Wed, 17 Sep 2025 17:53:21 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E7=94=B5=E4=BD=8D=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ems/site/sblb/PointTable.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/ems/site/sblb/PointTable.vue b/src/views/ems/site/sblb/PointTable.vue
index 56a46c8..17c9b19 100644
--- a/src/views/ems/site/sblb/PointTable.vue
+++ b/src/views/ems/site/sblb/PointTable.vue
@@ -9,14 +9,14 @@
       destroy-on-close
       lock-scroll
       append-to-body
-      width="600px"
+      width="800px"
       class="ems-dialog"
   >
     <el-table
         class="common-table"
         :data="tableData"
         stripe
-        max-height="600px"
+        max-height="400px"
         style="width: 100%;">
       <el-table-column
           prop="dataPoint"
@@ -26,6 +26,14 @@
           prop="dataPointName"
           label="数据点位名称">
       </el-table-column>
+      <el-table-column
+          prop="pointValue"
+          label="最新值">
+      </el-table-column>
+      <el-table-column
+          prop="updateTime"
+          label="更新时间">
+      </el-table-column>
     </el-table>
     <el-pagination
         v-show="tableData.length>0"

From 2cb4dbcd84596920935b778062f36f056b94a01e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Thu, 18 Sep 2025 10:07:41 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E7=94=B5=E4=BD=8D=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ems/site.js                    |  4 +-
 src/views/ems/site/sblb/PointTable.vue | 55 ++++++++++++++------------
 src/views/ems/site/sblb/index.vue      |  2 +-
 3 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/src/api/ems/site.js b/src/api/ems/site.js
index 73a7f74..0465b0b 100644
--- a/src/api/ems/site.js
+++ b/src/api/ems/site.js
@@ -64,9 +64,9 @@ export function getDeviceList(siteId) {
 }
 
 //获取设备点位table
-export function getDevicePointList({siteId,deviceCategory,pageNum,pageSize}) {
+export function getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize}) {
   return request({
-    url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}`,
+    url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}`,
     method: 'get',
   })
 }
\ No newline at end of file
diff --git a/src/views/ems/site/sblb/PointTable.vue b/src/views/ems/site/sblb/PointTable.vue
index 17c9b19..61774d5 100644
--- a/src/views/ems/site/sblb/PointTable.vue
+++ b/src/views/ems/site/sblb/PointTable.vue
@@ -2,52 +2,52 @@
 <template>
   <el-dialog
       v-loading="loading"
-      :visible.sync="show"
-      title="点位列表"
       :close-on-click-modal="false"
-      show-close
+      :visible.sync="show"
+      append-to-body
+      class="ems-dialog"
       destroy-on-close
       lock-scroll
-      append-to-body
+      show-close
+      title="点位列表"
       width="800px"
-      class="ems-dialog"
   >
     <el-table
-        class="common-table"
         :data="tableData"
-        stripe
+        class="common-table"
         max-height="400px"
+        stripe
         style="width: 100%;">
       <el-table-column
-          prop="dataPoint"
-          label="数据点位">
+          label="数据点位"
+          prop="dataPoint">
       </el-table-column>
       <el-table-column
-          prop="dataPointName"
-          label="数据点位名称">
+          label="数据点位名称"
+          prop="dataPointName">
       </el-table-column>
       <el-table-column
-          prop="pointValue"
-          label="最新值">
+          label="最新值"
+          prop="pointValue">
       </el-table-column>
       <el-table-column
-          prop="updateTime"
-          label="更新时间">
+          label="更新时间"
+          prop="updateTime">
       </el-table-column>
     </el-table>
     <el-pagination
         v-show="tableData.length>0"
-        small
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :pager-count="5"
         :current-page="pageNum"
         :page-size="pageSize"
         :page-sizes="[10, 20, 30, 40]"
-        layout="total, sizes, prev, pager, next, jumper"
+        :pager-count="5"
         :total="totalSize"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        small
         style="margin-top:15px;text-align: center"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
     >
     </el-pagination>
   </el-dialog>
@@ -82,16 +82,21 @@ export default {
     }
   },
   methods:{
-    showTable({deviceCategory,siteId}){
+    showTable({deviceCategory,siteId,deviceId}){
       this.deviceCategory =deviceCategory
       this.siteId=siteId
+      this.deviceId=deviceId
+      this.tableData=[]
+      this.pageSize=10//分页栏当前每个数据总数
+      this.pageNum=1//分页栏当前页数
+      this.totalSize=0//table表格数据总数
       this.show=true
       this.getData()
     },
     getData(){
       this.loading=true
-      const {siteId,deviceCategory,pageNum,pageSize} =this
-      getDevicePointList({siteId,deviceCategory,pageNum,pageSize}).then(response => {
+      const {siteId,deviceId,deviceCategory,pageNum,pageSize} =this
+      getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize}).then(response => {
         this.tableData=response?.rows || [];
         this.totalSize = response?.total || 0
       }).finally(() => {this.loading=false})
@@ -112,7 +117,7 @@ export default {
   }
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 ::v-deep {
   .card-title .el-radio{
     line-height: 40px;
diff --git a/src/views/ems/site/sblb/index.vue b/src/views/ems/site/sblb/index.vue
index cca460d..108c303 100644
--- a/src/views/ems/site/sblb/index.vue
+++ b/src/views/ems/site/sblb/index.vue
@@ -152,7 +152,7 @@ export default {
   methods:{
     // 查看设备电位表格
     pointDetail(row){
-      this.$refs.pointTable.showTable({deviceCategory:row.deviceCategory,siteId:row.siteId})
+      this.$refs.pointTable.showTable({deviceCategory:row.deviceCategory,siteId:row.siteId,deviceId:row.deviceId})
     },
     clearEditDeviceData(){
       this.mode = '';

From 85cfd204aec1aadc93b0042ddaea8a781eefb7b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Mon, 22 Sep 2025 09:48:11 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E7=94=B5=E4=BD=8D=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=88=E9=94=99=E8=AF=AF=E4=BF=AE=E6=94=B9,?=
 =?UTF-8?q?=E5=AE=9E=E6=97=B6=E8=BF=90=E8=A1=8C=E9=A1=B6=E9=83=A8=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE1=E5=88=86=E9=92=9F=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ems/dzjk/sbjk/ssyx/index.vue | 2 +-
 src/views/ems/site/sblb/index.vue      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/ems/dzjk/sbjk/ssyx/index.vue b/src/views/ems/dzjk/sbjk/ssyx/index.vue
index 54bce5b..d5be6c9 100644
--- a/src/views/ems/dzjk/sbjk/ssyx/index.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/index.vue
@@ -53,13 +53,13 @@ export default {
       })
     },
     updateData(){
+      this.getRunningHeadData()
       this.$refs.cnglqx.init(this.siteId)
       this.$refs.pocpjwd.init(this.siteId)
       this.$refs.dcpjsoc.init(this.siteId)
       this.$refs.dcpjwd.init(this.siteId)
     },
     init(){
-      this.getRunningHeadData()
       this.$nextTick(()=>{
         this.updateData()
         this.updateInterval(this.updateData)
diff --git a/src/views/ems/site/sblb/index.vue b/src/views/ems/site/sblb/index.vue
index 108c303..0c2e8d7 100644
--- a/src/views/ems/site/sblb/index.vue
+++ b/src/views/ems/site/sblb/index.vue
@@ -62,7 +62,7 @@
               @click="pointDetail(scope.row)"
               type="primary"
               size="mini">
-            电位列表
+            点位列表
           </el-button>
           <el-button
             @click="editDevice(scope.row)"

From cbc7a341c9b9e71d8106597341ea56f8073a4dc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Mon, 22 Sep 2025 10:16:21 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E7=82=B9=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ems/site.js                    |  4 +--
 src/views/ems/site/sblb/PointTable.vue | 50 ++++++++++++++++++++++----
 src/views/ems/site/sblb/index.vue      |  2 +-
 3 files changed, 46 insertions(+), 10 deletions(-)

diff --git a/src/api/ems/site.js b/src/api/ems/site.js
index 0465b0b..950fe15 100644
--- a/src/api/ems/site.js
+++ b/src/api/ems/site.js
@@ -64,9 +64,9 @@ export function getDeviceList(siteId) {
 }
 
 //获取设备点位table
-export function getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize}) {
+export function getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize,dataPointName=''}) {
   return request({
-    url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}`,
+    url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}&dataPointName=${dataPointName}`,
     method: 'get',
   })
 }
\ No newline at end of file
diff --git a/src/views/ems/site/sblb/PointTable.vue b/src/views/ems/site/sblb/PointTable.vue
index 61774d5..69c8073 100644
--- a/src/views/ems/site/sblb/PointTable.vue
+++ b/src/views/ems/site/sblb/PointTable.vue
@@ -12,6 +12,18 @@
       title="点位列表"
       width="800px"
   >
+    <div style="margin-bottom: 20px">
+      <el-input v-model="pointName" placeholder="请输入点位" clearable style="width: 200px"></el-input>
+<!--      <el-autocomplete-->
+<!--          v-model="pointName"-->
+<!--          placeholder="请输入点位"-->
+<!--          clearable-->
+<!--          :fetch-suggestions="querySearchAsync"-->
+<!--          @select="handleSelect"-->
+<!--      ></el-autocomplete>-->
+
+      <el-button type="primary" style="margin-left: 20px" @click="pointNameSearch">搜索</el-button>
+    </div>
     <el-table
         :data="tableData"
         class="common-table"
@@ -54,6 +66,7 @@
 </template>
 <script>
 import {getDevicePointList} from "@/api/ems/site";
+import {pointFuzzyQuery} from "@/api/ems/search";
 
 export default {
   watch:{
@@ -61,10 +74,12 @@ export default {
       if(!val){
         this.tableData=[]
         this.deviceId=''
+        this.deviceName=''
         this.siteId=''
         this.pageSize=10
         this.pageNum=1
         this.totalSize=0
+        this.pointName=''
         this.loading =false
       }
     },
@@ -73,7 +88,10 @@ export default {
     return{
       show:false,
       loading:false,
+      pointName:'',//点位名称
       deviceCategory:'',
+      deviceName:'',
+      deviceId:'',
       siteId:'',
       tableData:[],
       pageSize:10,//分页栏当前每个数据总数
@@ -82,21 +100,22 @@ export default {
     }
   },
   methods:{
-    showTable({deviceCategory,siteId,deviceId}){
+    pointNameSearch(){
+      this.pageNum=1
+      this.getData()
+    },
+    showTable({deviceCategory,siteId,deviceId,deviceName}){
       this.deviceCategory =deviceCategory
       this.siteId=siteId
       this.deviceId=deviceId
-      this.tableData=[]
-      this.pageSize=10//分页栏当前每个数据总数
-      this.pageNum=1//分页栏当前页数
-      this.totalSize=0//table表格数据总数
+      this.deviceName=deviceName
       this.show=true
       this.getData()
     },
     getData(){
       this.loading=true
-      const {siteId,deviceId,deviceCategory,pageNum,pageSize} =this
-      getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize}).then(response => {
+      const {siteId,deviceId,deviceCategory,pageNum,pageSize,pointName} =this
+      getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize,dataPointName:pointName}).then(response => {
         this.tableData=response?.rows || [];
         this.totalSize = response?.total || 0
       }).finally(() => {this.loading=false})
@@ -114,6 +133,23 @@ export default {
         this.getData()
       })
     },
+    //点位
+    handleSelect(data){
+      this.pointName = data.value
+    },
+    querySearchAsync(query,cb){
+      console.log('查询数据',query)
+      pointFuzzyQuery({
+        siteIds:[this.siteId],
+        categoryName:this.deviceName,
+        pointName:query,
+      }).then(response => {
+        const data  = response?.data || []
+        cb(data.map(item => {
+          return {name: item, value: item}
+        }))
+      })
+    },
   }
 }
 </script>
diff --git a/src/views/ems/site/sblb/index.vue b/src/views/ems/site/sblb/index.vue
index 0c2e8d7..d08eecb 100644
--- a/src/views/ems/site/sblb/index.vue
+++ b/src/views/ems/site/sblb/index.vue
@@ -152,7 +152,7 @@ export default {
   methods:{
     // 查看设备电位表格
     pointDetail(row){
-      this.$refs.pointTable.showTable({deviceCategory:row.deviceCategory,siteId:row.siteId,deviceId:row.deviceId})
+      this.$refs.pointTable.showTable(row)
     },
     clearEditDeviceData(){
       this.mode = '';

From 0e7b54291f8d63b5ffe5a63b57aab31b9b434be8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Mon, 22 Sep 2025 17:57:30 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=BB=9F=E4=B8=80=E7=9A=84=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=E3=80=81=E6=96=87=E6=A1=88?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ems/dzjk/sbjk/db/index.vue          |  2 +-
 src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue  | 66 +++++--------
 src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue  |  5 +-
 src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue |  4 +-
 src/views/ems/dzjk/tjbb/dcdqx/index.vue       | 88 ++++-------------
 src/views/ems/dzjk/tjbb/glqx/index.vue        | 56 +++--------
 src/views/ems/dzjk/tjbb/gltj/Dlzb.vue         | 55 ++++-------
 src/views/ems/dzjk/tjbb/pcsqx/index.vue       | 99 ++++---------------
 8 files changed, 106 insertions(+), 269 deletions(-)

diff --git a/src/views/ems/dzjk/sbjk/db/index.vue b/src/views/ems/dzjk/sbjk/db/index.vue
index 6ce1f31..52f6450 100644
--- a/src/views/ems/dzjk/sbjk/db/index.vue
+++ b/src/views/ems/dzjk/sbjk/db/index.vue
@@ -135,7 +135,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.common-card-container {
+.sbjk-card-container {
   ::v-deep {
     .el-table__row td{
       &:not(:first-child){
diff --git a/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue b/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
index 2b9a386..27871a3 100644
--- a/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
+++ b/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
@@ -7,31 +7,18 @@
     lock-scroll
     append-to-body
     width="700px"
-    class="ems-dialog"
+    class="ems-dialog chart-detail-dialog"
     :before-close="handleColsed"
   >
-    <div>
-      <el-form size="medium" label-width="100px" inline>
-        <el-form-item label="时间选择">
-          <el-date-picker
-            v-model="dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始时间"
-            value-format="yyyy-MM-dd"
-            :picker-options="pickerOptions"
-            end-placeholder="结束时间"
-            :clearable="false"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="getData">搜索</el-button>
-          <el-button @click="onReset">重置</el-button>
-        </el-form-item>
-      </el-form>
-      <div id="lineChart" style="height: 360px; width: 100%"></div>
-    </div>
+    <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+      <div slot="header" class="time-range-header">
+      <span class="card-title"></span>
+        <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
+      </div>
+      <div class="card-main" v-loading="loading">
+        <div id="lineChart" style="height: 310px;"></div>
+      </div>
+    </el-card>
   </el-dialog>
 </template>
 
@@ -39,8 +26,9 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import { getSingleBatteryData } from "@/api/ems/dzjk";
-import { formatDate } from "@/filters/ems";
+import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
+  components: {DateRangeSelect},
   mixins: [resize],
   data() {
     return {
@@ -56,18 +44,13 @@ export default {
       },
       dialogTableVisible: false,
       dateRange: [],
-      defaultDateRange: [],
     };
   },
   methods: {
-    resetDefaultDateRange() {
-      const now = new Date(),
-        formatNow = formatDate(now);
-      const weekAgo = formatDate(
-        new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000)
-      );
-      this.dateRange = [weekAgo, formatNow];
-      this.defaultDateRange = [weekAgo, formatNow];
+    // 更新时间范围 重置图表
+    updateDate(data){
+      this.dateRange=data || []
+      this.getData()
     },
     handleColsed(done) {
       if (!this.chart) {
@@ -102,22 +85,16 @@ export default {
           this.chart.hideLoading();
         });
     },
-    // 重置
-    onReset() {
-      this.dateRange = this.defaultDateRange;
-      this.getData();
-    },
     initChart({ siteId, clusterDeviceId, deviceId }, dataType) {
       this.siteId = siteId;
       this.clusterDeviceId = clusterDeviceId;
       this.deviceId = deviceId;
       this.dataType = dataType;
-      this.resetDefaultDateRange();
       this.dialogTableVisible = true;
       this.$nextTick(() => {
         !this.chart &&
           (this.chart = echarts.init(document.querySelector("#lineChart")));
-        this.getData();
+        this.$refs.dateRangeSelect.init()
       });
     },
     setOption(data) {
@@ -208,3 +185,12 @@ export default {
   mounted() {},
 };
 </script>
+<style lang="scss" scoped>
+.chart-detail-dialog{
+  ::v-deep{
+    .el-dialog__body{
+      padding-top:0;
+    }
+  }
+}
+</style>
diff --git a/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue b/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
index 3919019..ce7dd5c 100644
--- a/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
@@ -83,17 +83,16 @@ export default {
             end: 100
           }
         ],
-        // POC昨日有功功率、POC昨日无功功率
         series: [
           {
-            name:'POC实时有功功率',
+            name:'PCS实时有功功率',
             type: 'line',
             areaStyle: {
               color:'#FFBD00'
             },
             data: data1,
           },{
-            name:'POC实时无功功率',
+            name:'PCS实时无功功率',
             type: 'line',
             areaStyle: {
               color: '#3C81FF'
diff --git a/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue b/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
index a82f64c..4294047 100644
--- a/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
@@ -2,7 +2,7 @@
 <template>
   <el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
     <div slot="header">
-      <span class="card-title">Poc平均温度</span>
+      <span class="card-title">PCS平均温度</span>
     </div>
     <div style="height: 360px" id="pocpjwdChart"/>
   </el-card>
@@ -80,7 +80,7 @@ export default {
         ],
         series: [
           {
-            name:'Poc平均温度',
+            name:'PCS平均温度',
             data: data,
             type: 'line',
             areaStyle: {
diff --git a/src/views/ems/dzjk/tjbb/dcdqx/index.vue b/src/views/ems/dzjk/tjbb/dcdqx/index.vue
index dae643c..6017722 100644
--- a/src/views/ems/dzjk/tjbb/dcdqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/dcdqx/index.vue
@@ -1,56 +1,29 @@
-
 <template>
-  <div v-loading="loading">
-    <div class="select-container">
-      <el-form :inline="true">
-<!--        <el-form-item label="电池堆">-->
-<!--          <el-select v-model="pcs" placeholder="请选择" :loading="loading" loading-text="正在加载数据">-->
-<!--            <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in pcsOptions" :key="index+'pcsListOptions'"></el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-        <el-form-item label="时间选择">
-          <el-date-picker
-            v-model="dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始时间"
-            :picker-options="pickerOptions"
-            :default-value="defaultDateRange"
-            end-placeholder="结束时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onReset" native-type="button">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div style="margin:30px 0;">
-      <!--        二个选择按钮-->
-      <el-row style="">
-        <el-col :xs="24" :sm="24" :lg="24">
-          <el-button-group class="ems-btns-group">
-            <el-button v-for="(item,index) in btnList" :key="index+'dcdqxBtns'" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
+  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+    <div slot="header" class="time-range-header">
+      <span class="card-title">
+        <el-button-group class="ems-btns-group">
+            <el-button v-for="(item,index) in btnList" :key="index+'dcdqxBtns'" size="mini" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
           </el-button-group>
-        </el-col>
-      </el-row>
-      <!--echart-->
-      <div id="dcdEchart" style="height:360px;"></div>
+      </span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
     </div>
-  </div>
+    <div class="card-main" v-loading="loading">
+      <div id="dcdEchart" style="height: 310px;"></div>
+    </div>
+  </el-card>
 </template>
 
-
 <script>
 import * as echarts from 'echarts'
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { getStackData, getStackNameList} from '@/api/ems/dzjk'
 import {formatDate} from "@/filters/ems";
+import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
   name:'DzjkTjbbDcdqx',
+  components: {DateRangeSelect},
   mixins: [resize,getQuerySiteId],
   data() {
     return {
@@ -59,11 +32,8 @@ export default {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange:[],//默认展示的时间
       dateRange:[],
       loading:false,
-      // pcs:'',
-      // pcsOptions: [],
       activeBtn:'1',
       btnList:[
         {name:'堆平均维度',id:'1',attr:['temp'],source:['有功功率']},
@@ -80,23 +50,11 @@ export default {
         this.getData()
       }
     },
-    // 搜索
-    onSearch(){
+    // 更新时间范围 重置图表
+    updateDate(data){
+      this.dateRange=data || []
       this.getData()
     },
-    // 重置
-    onReset(){
-      // this.pcs = this.pcsOptions.length > 0 ?this.pcsOptions[0].id : ''
-      this.dateRange=''
-      this.getData()
-    },
-    // getPcsList(){
-    //   return getStackNameList(this.siteId).then(response => {
-    //     const data = JSON.parse(JSON.stringify(response?.data || []))
-    //     this.pcsOptions = data
-    //     this.pcs = data.length>0?data[0].id:'';
-    //   })
-    // },
     getData(){
       const {siteId,activeBtn}=this;
       const [start='',end='']=(this.dateRange || [])
@@ -189,18 +147,12 @@ export default {
       this.chart = echarts.init(document.querySelector('#dcdEchart'));
     },
     init(){
-      this.loading = true
-      // this.pcs=''
-      // this.pcsOptions=[]
-      this.initChart()
-      this.onReset()
+      this.$nextTick(()=>{
+        this.initChart()
+        this.$refs.dateRangeSelect.init()
+      })
     }
   },
-  mounted(){
-    const now = new Date();
-    const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-    this.defaultDateRange = [lastMonth, now];
-  },
   beforeDestroy() {
     if (!this.chart) {
       return
diff --git a/src/views/ems/dzjk/tjbb/glqx/index.vue b/src/views/ems/dzjk/tjbb/glqx/index.vue
index 15270e6..c2e9d26 100644
--- a/src/views/ems/dzjk/tjbb/glqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/glqx/index.vue
@@ -1,31 +1,14 @@
 
 <template>
-  <div v-loading="loading">
-    <div class="select-container">
-      <el-form :inline="true">
-        <el-form-item label="时间选择">
-          <el-date-picker
-            v-model="dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始时间"
-            :picker-options="pickerOptions"
-            :default-value="defaultDateRange"
-            end-placeholder="结束时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onReset" native-type="button">重置</el-button>
-        </el-form-item>
-      </el-form>
+  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+    <div slot="header" class="time-range-header">
+      <span class="card-title">功率曲线</span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
     </div>
-    <div style="margin:30px 0;">
-      <div id="glqxEchart" style="height:360px;"></div>
+    <div class="card-main" v-loading="loading">
+      <div id="glqxEchart" style="height: 310px;"></div>
     </div>
-  </div>
+  </el-card>
 </template>
 
 
@@ -35,8 +18,10 @@ import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getPcsNameList, getPowerData} from "@/api/ems/dzjk";
 import {formatDate} from "@/filters/ems";
+import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
   name:'DzjkTjbbGlqx',
+  components: {DateRangeSelect},
   mixins: [resize,getQuerySiteId],
   data() {
     return {
@@ -45,19 +30,14 @@ export default {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange:[],//默认展示的时间
       dateRange:[],
       loading:false,
     }
   },
   methods: {
-    // 搜索
-    onSearch(){
-      this.getData()
-    },
-    // 重置
-    onReset(){
-      this.dateRange=[]
+    // 更新时间范围 重置图表
+    updateDate(data){
+      this.dateRange=data || []
       this.getData()
     },
     getData(){
@@ -118,16 +98,12 @@ export default {
       this.chart = echarts.init(document.querySelector('#glqxEchart'));
     },
     init(){
-      this.loading = true
-      this.initChart()
-      this.getData()
+      this.$nextTick(()=>{
+        this.initChart()
+        this.$refs.dateRangeSelect.init()
+      })
     }
   },
-  mounted(){
-    const now = new Date();
-    const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-    this.defaultDateRange = [lastMonth, now];
-  },
   beforeDestroy() {
     if (!this.chart) {
       return
diff --git a/src/views/ems/dzjk/tjbb/gltj/Dlzb.vue b/src/views/ems/dzjk/tjbb/gltj/Dlzb.vue
index 8731f61..2a326c4 100644
--- a/src/views/ems/dzjk/tjbb/gltj/Dlzb.vue
+++ b/src/views/ems/dzjk/tjbb/gltj/Dlzb.vue
@@ -1,31 +1,10 @@
 <template>
-  <el-card shadow="always" class="common-card-container" style="margin-top:20px">
-    <div slot="header">
+  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+    <div slot="header" class="time-range-header">
       <span class="card-title">电量指标</span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
     </div>
     <div class="card-main" v-loading="loading">
-      <!--    搜索栏-->
-      <div class="select-container">
-        <el-form :inline="true">
-          <el-form-item label="时间选择">
-            <el-date-picker
-              v-model="dateRange"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始时间"
-              :picker-options="pickerOptions"
-              :default-value="defaultDateRange"
-              end-placeholder="结束时间">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="getData" native-type="button">搜索</el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-button @click="onReset" native-type="button">重置</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
       <div class="total-data">
         <div>总充电量:<span class="point">{{totalChargedCap | formatNumber}}kWh</span></div>
         <div>总放电量:<span class="point">{{totalDisChargedCap | formatNumber}}kWh</span></div>
@@ -42,7 +21,9 @@ import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getElectricData} from '@/api/ems/dzjk'
 import {formatDate} from '@/filters/ems'
+import DateRangeSelect from '@/components/Ems/DateRangeSelect/index.vue'
 export default {
+  components: {DateRangeSelect},
   mixins: [resize,getQuerySiteId],
   data() {
     return {
@@ -51,7 +32,6 @@ export default {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange:[],//默认展示的时间
       dateRange:[],
       loading:false,
       chart: null,
@@ -61,9 +41,9 @@ export default {
     }
   },
   methods: {
-    // 重置
-    onReset(){
-      this.dateRange=[]
+    // 更新时间范围 重置图表
+    updateDate(data){
+      this.dateRange=data || []
       this.getData()
     },
     setOption(data,unit){
@@ -80,7 +60,12 @@ export default {
           top:40,
           containLabel: true
         },
-        tooltip: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
         xAxis: [{
           type: 'category',
           name:`单位：${unit}`,
@@ -145,15 +130,13 @@ export default {
       })
     },
     init(){
-      this.chart = echarts.init(document.querySelector('#dlzbChart'));
-      this.onReset()
+      this.$nextTick(()=>{
+        this.chart = echarts.init(document.querySelector('#dlzbChart'));
+        this.$refs.dateRangeSelect.init()
+      })
+
     }
   },
-  mounted(){
-    const now = new Date();
-    const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-    this.defaultDateRange = [lastMonth, now];
-  },
   beforeDestroy() {
     if (!this.chart) {
       return
diff --git a/src/views/ems/dzjk/tjbb/pcsqx/index.vue b/src/views/ems/dzjk/tjbb/pcsqx/index.vue
index b6c7131..34a62bd 100644
--- a/src/views/ems/dzjk/tjbb/pcsqx/index.vue
+++ b/src/views/ems/dzjk/tjbb/pcsqx/index.vue
@@ -1,56 +1,30 @@
 
 <template>
-  <div v-loading="loading">
-    <div class="select-container">
-      <el-form :inline="true">
-<!--        <el-form-item label="PCS">-->
-<!--          <el-select v-model="pcs" placeholder="请选择" :loading="loading" loading-text="正在加载数据">-->
-<!--            <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in pcsOptions" :key="index+'pcsListOptions'"></el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-        <el-form-item label="时间选择">
-          <el-date-picker
-            v-model="dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始时间"
-            :picker-options="pickerOptions"
-            :default-value="defaultDateRange"
-            end-placeholder="结束时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onReset" native-type="button">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div style="margin:30px 0;">
-      <!--        二个选择按钮-->
-      <el-row style="">
-        <el-col :xs="24" :sm="24" :lg="24">
-          <el-button-group class="ems-btns-group">
-            <el-button v-for="(item,index) in btnList" :key="index+'flqxcBtns'" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
+  <el-card shadow="always" class="common-card-container time-range-card" style="margin-top:20px">
+    <div slot="header" class="time-range-header">
+      <span class="card-title">
+         <el-button-group class="ems-btns-group">
+            <el-button v-for="(item,index) in btnList" :key="index+'flqxcBtns'" size="mini" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
           </el-button-group>
-        </el-col>
-      </el-row>
-      <!--echart-->
-      <div id="pcsEchart" style="height:360px;"></div>
+      </span>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
     </div>
-  </div>
+    <div class="card-main" v-loading="loading">
+      <div id="pcsEchart" style="height: 310px;"></div>
+    </div>
+  </el-card>
 </template>
 
-
 <script>
 import * as echarts from 'echarts'
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { getPCSData, getPcsNameList} from '@/api/ems/dzjk'
 import {formatDate} from "@/filters/ems";
+import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
 export default {
   name:'DzjkTjbbPcsqx',
+  components: {DateRangeSelect},
   mixins: [resize,getQuerySiteId],
   data() {
     return {
@@ -59,17 +33,12 @@ export default {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange:[],//默认展示的时间
       dateRange:[],
       loading:false,
-      // pcs:'',
-      // pcsOptions: [],
       activeBtn:'1',
       btnList:[
         {name:'有功功率',id:'1',attr:['activePower'],source:['有功功率']},
         {name:'无功功率',id:'2',attr:['reactivePower'],source:['无功功率']},
-        // {name:'温度',id:'wd'},
-        // {name:'三相电压',id:'sxdy'},
         {name:'三相电流',id:'3',attr:['uCurrent','vCurrent','wCurrent'],source:['u电流','v电流','w电流'],type:'bar'},
       ],
 
@@ -83,23 +52,11 @@ export default {
         this.getData()
       }
     },
-    // 搜索
-    onSearch(){
+    // 更新时间范围 重置图表
+    updateDate(data){
+      this.dateRange=data || []
       this.getData()
     },
-    // 重置
-    onReset(){
-      // this.pcs = this.pcsOptions.length > 0 ?this.pcsOptions[0].id : ''
-      this.dateRange=[]
-      this.getData()
-    },
-    // getPcsList(){
-    //   return getPcsNameList(this.siteId).then(response => {
-    //     const data = response?.data || [];
-    //     this.pcsOptions = data
-    //     this.pcs = data.length>0?data[0].id:'';
-    //   })
-    // },
     getData(){
       const {siteId,activeBtn}=this;
       const [start='',end='']=(this.dateRange || [])
@@ -108,7 +65,6 @@ export default {
       getPCSData({siteId,startTime:formatDate(start),endTime:formatDate(end),dataType:activeBtn}).then(response => {
         this.setOption(response?.data || [])
       }).finally(()=>{this.loading=false;})
-
     },
     compareDate(date1,date2){
       console.log('比较时间',date1,date2)
@@ -194,27 +150,12 @@ export default {
       this.chart = echarts.init(document.querySelector('#pcsEchart'));
     },
     init(){
-      this.loading = true
-      // this.pcs=''
-      // this.pcsOptions=[]
-      this.initChart()
-      this.onReset()
-      // this.getPcsList().then(()=>{
-      //   if(this.pcs){
-      //     this.onReset()
-      //   }else{
-      //     this.loading=false;
-      //   }
-      //
-      // })
+      this.$nextTick(()=>{
+        this.initChart()
+        this.$refs.dateRangeSelect.init()
+      })
     }
   },
-  mounted(){
-    const now = new Date();
-    const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-    this.defaultDateRange = [lastMonth, now];
-
-  },
   beforeDestroy() {
     if (!this.chart) {
       return