refactor(selfCheck): 优化巡检项展示逻辑，替换位置字段显示

1.  将原有的location字段替换为终端名称、区域名称和通道名称的组合展示，使用斜杠分隔非空项
2.  完善formatDeviceItem方法，保留原字段的同时展开传入的item对象
3.  修复代码格式问题，调整缩进和空格规范

src/pages/home-new/components/selfCheck.vue

@@ -21,7 +21,9 @@
                             <text class="item-date">{{ item.date }}</text>
                         </view>
                         <view class="item-row">
-                            <text class="item-label">{{ item.location }}</text>
+                            <text class="item-label">{{ item.terminlName }}{{ item.terminlName ? '/' : '' }}{{
+                                item.regionalName
+                            }}{{ item.regionalName ? '/' : '' }}{{ item.channelName }}</text>
                             <text class="item-role">{{ item.role }}</text>
                         </view>
                     </view>
@@ -43,7 +45,9 @@
                             <text class="item-date">{{ item.date }}</text>
                         </view>
                         <view class="item-row">
-                            <text class="item-label">{{ item.location }}</text>
+                            <text class="item-label">{{ item.terminlName }}{{ item.terminlName ? '/' : '' }}{{
+                                item.regionalName
+                            }}{{ item.regionalName ? '/' : '' }}{{ item.channelName }}</text>
                             <text class="item-role">{{ item.role }}</text>
                         </view>
                     </view>
@@ -65,7 +69,9 @@
                             <text class="item-date">{{ item.date }}</text>
                         </view>
                         <view class="item-row">
-                            <text class="item-label">{{ item.location }}</text>
+                            <text class="item-label">{{ item.terminlName }}{{ item.terminlName ? '/' : '' }}{{
+                                item.regionalName
+                            }}{{ item.regionalName ? '/' : '' }}{{ item.channelName }}</text>
                             <text class="item-role">{{ item.role }}</text>
                         </view>
                     </view>
@@ -124,11 +130,12 @@ export default {
         },
         formatDeviceItem(item) {
             return {
+                ...item,
                 name: item.equipmentName || '空',
                 serialNumber: item.equipmentCode || '空',
                 location: item.installationLocation || '空',
-                role:`${item.inspectionTeamLeaderName || ''}、${item.inspectionTeamMember1Name || ''}、${item.inspectionTeamMember2Name || ''}`|| '空',
-                date: this.formatDate(item.nextInspectionDueDate)|| '空'
+                role: `${item.inspectionTeamLeaderName || ''}、${item.inspectionTeamMember1Name || ''}、${item.inspectionTeamMember2Name || ''}` || '空',
+                date: this.formatDate(item.nextInspectionDueDate) || '空'
             };
         },
         formatDate(dateStr) {

src/pages/selfCheck/index.vue

@@ -1,11 +1,10 @@
 <template>
-    <home-container :customStyle="{ background: 'none',padding: '0' }" >
+    <home-container :customStyle="{ background: 'none', padding: '0' }">
         <view class="self-check-page">
             <!-- 标签页区域 -->
             <view class="tabs-section">
                 <view v-for="(tab, index) in tabs" :key="index"
-                    :class="['tab-item', { 'active': currentTab === tab.value }]"
-                    @click="switchTab(tab.value)">
+                    :class="['tab-item', { 'active': currentTab === tab.value }]" @click="switchTab(tab.value)">
                     <text class="tab-text">{{ tab.label }}</text>
                 </view>
             </view>
@@ -20,7 +19,7 @@
                             <text class="card-date">{{ item.date }}</text>
                         </view>
                         <view class="card-row" style="justify-content: flex-start;">
-                            <text class="card-label">{{ item.location }}</text>
+                            <text class="item-label">{{ item.terminlName }}{{ item.terminlName ? '/' : '' }}{{item.regionalName}}{{ item.regionalName ? '/' : '' }}{{ item.channelName }}</text>
                             <text class="card-role" style="margin-left: 10px;">{{ item.role }}</text>
                         </view>
                     </view>
@@ -66,7 +65,7 @@ export default {
     },
     computed: {
         filteredItems() {
-            switch(this.currentTab) {
+            switch (this.currentTab) {
                 case 'all':
                     return this.allItems;
                 case 'expired':
@@ -86,7 +85,7 @@ export default {
             this.fetchDeviceList();
         },
         getStatusClass(colorType) {
-            switch(colorType) {
+            switch (colorType) {
                 case 'RED':
                     return 'expired';
                 case 'ORANGE':
@@ -98,7 +97,7 @@ export default {
             }
         },
         getStatusText(colorType) {
-            switch(colorType) {
+            switch (colorType) {
                 case 'RED':
                     return '已过期';
                 case 'ORANGE':
@@ -112,7 +111,7 @@ export default {
         fetchDeviceList() {
             // 根据当前 tab 请求不同的接口
             let colorType = '';
-            switch(this.currentTab) {
+            switch (this.currentTab) {
                 case 'all':
                     colorType = 'MIXED';
                     break;
@@ -126,11 +125,11 @@ export default {
                     colorType = 'YELLOW';
                     break;
             }
-            
+
             getDeviceList({ colorType }).then(res => {
                 if (res.code === 200) {
                     const data = res.data || [];
-                    switch(this.currentTab) {
+                    switch (this.currentTab) {
                         case 'all':
                             this.allItems = data.map(item => this.formatDeviceItem(item));
                             break;
@@ -151,6 +150,7 @@ export default {
         },
         formatDeviceItem(item) {
             return {
+                ...item,
                 name: item.equipmentName || '空',
                 serialNumber: item.equipmentCode || '空',
                 location: item.installationLocation || '空',
@@ -259,7 +259,7 @@ export default {
 
 .status-tag {
     padding: 4px 12px;
-    border-radius:10px 0  10px 0;
+    border-radius: 10px 0 10px 0;
     font-size: 14px;
     font-weight: bold;
     margin: -12px -12px -12px 0;
@@ -281,8 +281,3 @@ export default {
     color: #333;
 }
 </style>
-
-
-
-
-