From f6b8d38a19bdb00b2dd40a0247657541a478d2b0 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Wed, 18 Mar 2026 10:02:43 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E6=95=B0=E6=8D=AE=E9=87=87?=
 =?UTF-8?q?=E9=9B=86=E6=A8=A1=E5=9D=97=E6=B7=BB=E5=8A=A0=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/en.ts                                   |  2 ++
 src/locales/zh-CN.ts                                |  2 ++
 .../iot/device/components/DeviceAttributeList.vue   |  4 ++++
 src/views/iot/device/index.vue                      |  6 ++++--
 src/views/iot/deviceattributetype/index.vue         |  7 ++++---
 .../devicemodel/components/ModelAttributeList.vue   |  6 +++---
 src/views/iot/devicemodel/index.vue                 |  4 ++--
 src/views/iot/historyData/index.vue                 |  3 +++
 src/views/iot/realTimeMonitoring/index.vue          |  3 +++
 src/views/iot/runReport/index.vue                   | 13 +++++++------
 10 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/locales/en.ts b/src/locales/en.ts
index 7ab1f06d..ec76eead 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -3893,6 +3893,8 @@ export default {
       tableFaultTimeColumn: 'Fault Time (Hours)',
       tableWarningTimeColumn: 'Warning Time (Hours)',
       tableUtilizationRateColumn: 'Utilization Rate',
+      tableUtilizationRateTooltip:
+        'Power-on Rate = Online Time / Total Time\nOnline Time = Running Time + Standby Time + Fault Time\nUtilization Rate = Running Time / Online Time\nPower-on Rate = (Running Time + Standby Time + Fault Time) / Total Time',
       tablePowerOnRateColumn: 'Power-on Rate',
       tableStartTimeColumn: 'Device Run Start Time',
       tableEndTimeColumn: 'Device Run End Time',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index be57a502..09385d58 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -3737,6 +3737,8 @@ export default {
       tableFaultTimeColumn: '故障时间(小时)',
       tableWarningTimeColumn: '警告时间(小时)',
       tableUtilizationRateColumn: '稼动率',
+      tableUtilizationRateTooltip:
+        '开机率 = 在线时间 / 总的时间\n在线时间 = 运行时间 + 空闲时间 + 故障时间\n稼动率 = 运行时间 / 在线时间\n开机率 =（运行时间 + 空闲时间 + 故障时间）/ 总的时间',
       tablePowerOnRateColumn: '开机率',
       tableStartTimeColumn: '设备运行开始时间',
       tableEndTimeColumn: '设备运行结束时间',
diff --git a/src/views/iot/device/components/DeviceAttributeList.vue b/src/views/iot/device/components/DeviceAttributeList.vue
index 9c6a8826..8b6476c7 100644
--- a/src/views/iot/device/components/DeviceAttributeList.vue
+++ b/src/views/iot/device/components/DeviceAttributeList.vue
@@ -82,12 +82,14 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
         align="left"
         prop="attributeCode"
         width="150px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.Device.attributeName')"
         align="left"
         prop="attributeName"
         width="150px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.Device.attributeType')"
@@ -116,6 +118,7 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
         align="center"
         prop="addressValue"
         min-width="120px"
+        sortable
       >
         <template #default="scope">
           {{ formatAddressValue(scope.row.addressValue) }}
@@ -139,6 +142,7 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
         prop="latestCollectionTime"
         :formatter="dateFormatter"
         width="170px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.Device.remark')"
diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index fef461a4..9102fed0 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -74,8 +74,8 @@
       ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
       @selection-change="handleSelectionChange" @row-click="handleShowAttribute">
       <el-table-column type="selection" width="55" reserve-selection />
-      <el-table-column :label="t('DataCollection.Device.deviceCode')" align="left" prop="deviceCode" />
-      <el-table-column :label="t('DataCollection.Device.deviceName')" align="left" prop="deviceName" />
+      <el-table-column :label="t('DataCollection.Device.deviceCode')" align="left" prop="deviceCode" sortable/>
+      <el-table-column :label="t('DataCollection.Device.deviceName')" align="left" prop="deviceName" sortable/>
       <el-table-column :label="t('DataCollection.Device.operatingStatus')" align="center" prop="operatingStatus" width="120px">
         <template #default="scope">
           <el-tag
@@ -135,6 +135,7 @@
         prop="collectionTime"
         width="180px"
         :formatter="dateFormatter"
+        sortable
       />
       <el-table-column :label="t('DataCollection.Device.operate')" align="center" fixed="right" width="380px">
         <template #default="scope">
@@ -267,6 +268,7 @@
               prop="createTime"
               :formatter="dateFormatter"
               width="180px"
+              sortable
             />
         <el-table-column :label="t('DataCollection.DeviceModel.ruleOperate')" align="center" width="160px">
           <template #default="scope">
diff --git a/src/views/iot/deviceattributetype/index.vue b/src/views/iot/deviceattributetype/index.vue
index 7ef67d79..a8e552a7 100644
--- a/src/views/iot/deviceattributetype/index.vue
+++ b/src/views/iot/deviceattributetype/index.vue
@@ -89,9 +89,9 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" reserve-selection />
-      <el-table-column :label="t('DataCollection.DeviceAttributeType.code')" align="center" prop="code" />
-      <el-table-column :label="t('DataCollection.DeviceAttributeType.name')" align="center" prop="name" />
-      <el-table-column :label="t('DataCollection.DeviceAttributeType.sort')" align="center" prop="sort" />
+      <el-table-column :label="t('DataCollection.DeviceAttributeType.code')" align="center" prop="code" sortable />
+      <el-table-column :label="t('DataCollection.DeviceAttributeType.name')" align="center" prop="name" sortable/>
+      <el-table-column :label="t('DataCollection.DeviceAttributeType.sort')" align="center" prop="sort" sortable/>
       <el-table-column :label="t('DataCollection.DeviceAttributeType.remark')" align="center" prop="remark" />
       <el-table-column
         :label="t('DataCollection.DeviceAttributeType.createTime')"
@@ -99,6 +99,7 @@
         prop="createTime"
         :formatter="dateFormatter"
         width="180px"
+        sortable
       />
       <el-table-column :label="t('DataCollection.DeviceAttributeType.operate')" align="center" width="150px" fixed="right">
         <template #default="scope">
diff --git a/src/views/iot/devicemodel/components/ModelAttributeList.vue b/src/views/iot/devicemodel/components/ModelAttributeList.vue
index fdbeab15..217ca110 100644
--- a/src/views/iot/devicemodel/components/ModelAttributeList.vue
+++ b/src/views/iot/devicemodel/components/ModelAttributeList.vue
@@ -74,8 +74,8 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" reserve-selection />
       <!-- <el-table-column label="ID" align="center" prop="id" /> -->
-      <el-table-column :label="t('DataCollection.DeviceModel.attributeCode')" align="center" prop="attributeCode" />
-      <el-table-column :label="t('DataCollection.DeviceModel.attributeName')" align="center" prop="attributeName" />
+      <el-table-column :label="t('DataCollection.DeviceModel.attributeCode')" align="center" prop="attributeCode" sortable/>
+      <el-table-column :label="t('DataCollection.DeviceModel.attributeName')" align="center" prop="attributeName" sortable/>
       <el-table-column :label="t('DataCollection.DeviceModel.attributeType')" align="center" prop="typeName" />
       <el-table-column :label="t('DataCollection.DeviceModel.dataType')" align="center" prop="dataType" />
       <el-table-column :label="t('DataCollection.DeviceModel.address')" align="center" prop="address" />
@@ -85,7 +85,7 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
       <!-- <el-table-column label="采集设备模型id" align="center" prop="deviceModelId" /> -->
       <el-table-column
 :label="t('DataCollection.DeviceModel.createTime')" align="center" prop="createTime"
-        :formatter="dateFormatter" width="180px" />
+        :formatter="dateFormatter" width="180px" sortable/>
       <el-table-column :label="t('DataCollection.DeviceModel.operate')" align="center" width="150px" fixed="right">
         <template #default="scope">
           <el-button
diff --git a/src/views/iot/devicemodel/index.vue b/src/views/iot/devicemodel/index.vue
index 68cc7884..f4dff94d 100644
--- a/src/views/iot/devicemodel/index.vue
+++ b/src/views/iot/devicemodel/index.vue
@@ -78,8 +78,8 @@ type="success" plain @click="handleExport" :loading="exportLoading"
       ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
       highlight-current-row row-key="id" @selection-change="handleSelectionChange" @row-click="handleShowAttribute">
       <el-table-column type="selection" width="55" reserve-selection />
-      <el-table-column :label="t('DataCollection.DeviceModel.code')" align="center" prop="code" />
-      <el-table-column :label="t('DataCollection.DeviceModel.name')" align="center" prop="name" />
+      <el-table-column :label="t('DataCollection.DeviceModel.code')" align="center" prop="code" sortable/>
+      <el-table-column :label="t('DataCollection.DeviceModel.name')" align="center" prop="name" sortable/>
       <el-table-column align="center" :label="t('DataCollection.DeviceModel.protocol')" prop="protocol" min-width="150">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.IOT_PROTOCOL" :value="scope.row.protocol" />
diff --git a/src/views/iot/historyData/index.vue b/src/views/iot/historyData/index.vue
index 8ae5d062..8448ed9e 100644
--- a/src/views/iot/historyData/index.vue
+++ b/src/views/iot/historyData/index.vue
@@ -75,12 +75,14 @@
         align="left"
         prop="deviceCode"
         min-width="140px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.HistoryData.tableDeviceNameColumn')"
         align="left"
         prop="deviceName"
         min-width="160px"
+        sortable
       />
        <el-table-column
         :label="t('DataCollection.HistoryData.tableLineCodeColumn')"
@@ -100,6 +102,7 @@
         prop="collectionTime"
         :formatter="dateFormatter"
         width="180px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.HistoryData.tableOperateColumn')"
diff --git a/src/views/iot/realTimeMonitoring/index.vue b/src/views/iot/realTimeMonitoring/index.vue
index 2f32a38b..8fbc3013 100644
--- a/src/views/iot/realTimeMonitoring/index.vue
+++ b/src/views/iot/realTimeMonitoring/index.vue
@@ -75,12 +75,14 @@
         align="left"
         prop="deviceCode"
         min-width="140px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RealTimeMonitoring.tableDeviceNameColumn')"
         align="left"
         prop="deviceName"
         min-width="160px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RealTimeMonitoring.tableLineCodeColumn')"
@@ -110,6 +112,7 @@
         prop="collectionTime"
         :formatter="dateFormatter"
         width="180px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RealTimeMonitoring.tableOperateColumn')"
diff --git a/src/views/iot/runReport/index.vue b/src/views/iot/runReport/index.vue
index 370374a7..2438e9c4 100644
--- a/src/views/iot/runReport/index.vue
+++ b/src/views/iot/runReport/index.vue
@@ -59,12 +59,14 @@
         align="left"
         prop="deviceCode"
         min-width="140px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RunReport.tableDeviceNameColumn')"
         align="left"
         prop="deviceName"
         min-width="160px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RunReport.tableRunningTimeColumn')"
@@ -94,17 +96,13 @@
         align="center"
         prop="utilizationRate"
         min-width="120px"
+        sortable
       >
         <template #header>
           <span>{{ t('DataCollection.RunReport.tableUtilizationRateColumn') }}</span>
           <el-tooltip placement="top" :offset="10">
             <template #content>
-              <div style="white-space: pre-line;">
-                开机率 = 在线时间 / 总的时间<br/>
-                在线时间 = 运行时间 + 空闲时间 + 故障时间<br/>
-                稼动率 = 运行时间 / 在线时间<br/>
-                开机率 =（运行时间 + 空闲时间 + 故障时间）/ 总的时间
-              </div>
+              <div style="white-space: pre-line;">{{ t('DataCollection.RunReport.tableUtilizationRateTooltip') }}</div>
             </template>
             <el-icon style="margin-left: 4px; cursor: pointer; color: #909399; vertical-align: middle;">
               <QuestionFilled />
@@ -117,18 +115,21 @@
         align="center"
         prop="powerOnRate"
         min-width="120px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RunReport.tableStartTimeColumn')"
         align="center"
         prop="startTime"
         min-width="120px"
+        sortable
       />
       <el-table-column
         :label="t('DataCollection.RunReport.tableEndTimeColumn')"
         align="center"
         prop="endTime"
         min-width="120px"
+        sortable
       />
     </el-table>
     <Pagination