✨ feat: 新增店铺详情-电脑信息下的电脑编号列

src/views/shop-information/useColumns.tsx

@@ -6,7 +6,7 @@ const countryInfoStore = useCountryInfoStore();
 export const platformColumns = [
   { type: 'seq', width: 50, align: 'center', fixed: 'left' },
   {
-    field: 'operatorName', title: '运营', minWidth: 'auto', align: 'center',  fixed: 'left',
+    field: 'operatorName', title: '运营', minWidth: 'auto', align: 'center', fixed: 'left',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.operatorName ? row.operatorName : '--' }</span>;
@@ -19,7 +19,8 @@ export const platformColumns = [
   {
     field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center', slots: {
       default({ row }: any) {
-        return <span class={ 'font-medium' } style={{color: '#303133'}}>{ row.platformName ? row.platformName : '--' }</span>;
+        return <span class={ 'font-medium' }
+                     style={ { color: '#303133' } }>{ row.platformName ? row.platformName : '--' }</span>;
       }
     }
   },
@@ -29,7 +30,8 @@ export const platformColumns = [
       default({ row }: any) {
         const country = countryInfoStore.countries.find(c => c.name === row.country);
         const color = country ? country.color : '#3875F6';
-        return <el-tag effect="plain" round style={{ color: color, borderColor: color }}>{ row.country ? row.country : '--' }</el-tag>;
+        return <el-tag effect="plain" round
+                       style={ { color: color, borderColor: color } }>{ row.country ? row.country : '--' }</el-tag>;
       }
     }
   },
@@ -117,7 +119,8 @@ export const platformColumns = [
     field: 'juridicalPersonCreditCard', title: '法人信用卡', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={ 'font-medium' }>{ row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--' }</span>;
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--' }</span>;
       }
     }
   },
@@ -125,7 +128,8 @@ export const platformColumns = [
     field: 'juridicalPersonCreditCardAddress', title: '法人信用卡地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={ 'font-medium' }>{ row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--' }</span>;
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--' }</span>;
       }
     }
   },
@@ -141,7 +145,8 @@ export const platformColumns = [
     field: 'receivablesAccountCompany', title: '收款账户公司', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={ 'font-medium' }>{ row.receivablesAccountCompany ? row.receivablesAccountCompany : '--' }</span>;
+        return <span
+            class={ 'font-medium' }>{ row.receivablesAccountCompany ? row.receivablesAccountCompany : '--' }</span>;
       }
     }
   },
@@ -177,25 +182,25 @@ export const shopCurrentColumns = [
     field: 'operatorName', title: '运营', minWidth: 'auto', align: 'center', fixed: 'left',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.operatorName ? row.operatorName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.operatorName ? row.operatorName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformNumber ? row.platformNumber : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformName ? row.platformName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'country', title: '国家', minWidth: 'auto', align: 'center',
@@ -203,7 +208,8 @@ export const shopCurrentColumns = [
       default({ row }: any) {
         const country = countryInfoStore.countries.find(c => c.name === row.country);
         const color = country ? country.color : '#3875F6';
-        return <el-tag effect="plain" round style={{ color: color, borderColor: color }}>{ row.country ? row.country : '--' }</el-tag>;
+        return <el-tag effect="plain" round
+                       style={ { color: color, borderColor: color } }>{ row.country ? row.country : '--' }</el-tag>;
       }
     }
   },
@@ -211,137 +217,140 @@ export const shopCurrentColumns = [
     field: 'brandName', title: '品牌名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.brandName ? row.brandName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.brandName ? row.brandName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'currencyCode', title: '货币代码', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.currencyCode ? row.currencyCode : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.currencyCode ? row.currencyCode : '--' }</span>;
+      }
+    }
   },
   {
     field: 'status', title: '状态', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.status ? row.status : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.status ? row.status : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platform', title: '平台', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platform ? row.platform : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platform ? row.platform : '--' }</span>;
+      }
+    }
   },
   {
     field: 'line', title: '线路', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.line ? row.line : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.line ? row.line : '--' }</span>;
+      }
+    }
   },
   {
     field: 'ipaddress', title: 'IP地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.ipaddress ? row.ipaddress : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.ipaddress ? row.ipaddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'company', title: '公司名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.company ? row.company : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.company ? row.company : '--' }</span>;
+      }
+    }
   },
   {
     field: 'companyEnglishName', title: '公司英文名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.companyEnglishName ? row.companyEnglishName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.companyEnglishName ? row.companyEnglishName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'address', title: '公司地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.address ? row.address : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.address ? row.address : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPerson', title: '法人', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPerson ? row.juridicalPerson : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.juridicalPerson ? row.juridicalPerson : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPersonCreditCard', title: '法人信用卡', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPersonCreditCardAddress', title: '法人信用卡地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'receivablesAccount', title: '收款账户', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.receivablesAccount ? row.receivablesAccount : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.receivablesAccount ? row.receivablesAccount : '--' }</span>;
+      }
+    }
   },
   {
     field: 'receivablesAccountCompany', title: '收款账户公司', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.receivablesAccountCompany ? row.receivablesAccountCompany : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.receivablesAccountCompany ? row.receivablesAccountCompany : '--' }</span>;
+      }
+    }
   },
   {
     field: 'vatNumber', title: 'VAT税号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.vatNumber ? row.vatNumber : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.vatNumber ? row.vatNumber : '--' }</span>;
+      }
+    }
   },
   {
     field: 'vatCompany', title: 'VAT公司', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.vatCompany ? row.vatCompany : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.vatCompany ? row.vatCompany : '--' }</span>;
+      }
+    }
   },
   {
     field: 'shopPhoneEmail', title: '店铺电话邮箱', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.shopPhoneEmail ? row.shopPhoneEmail.join(', ') : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.shopPhoneEmail ? row.shopPhoneEmail.join(', ') : '--' }</span>;
+      }
+    }
   }
 ];
 
@@ -351,25 +360,25 @@ export const historyColumns: any = [
     field: 'operatorName', title: '运营', minWidth: 'auto', align: 'center', fixed: 'left',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.operatorName ? row.operatorName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.operatorName ? row.operatorName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformNumber ? row.platformNumber : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformName ? row.platformName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'country', title: '国家', minWidth: 'auto', align: 'center',
@@ -377,7 +386,8 @@ export const historyColumns: any = [
       default({ row }: any) {
         const country = countryInfoStore.countries.find(c => c.name === row.country);
         const color = country ? country.color : '#3875F6';
-        return <el-tag effect="plain" round style={{ color: color, borderColor: color }}>{ row.country ? row.country : '--' }</el-tag>;
+        return <el-tag effect="plain" round
+                       style={ { color: color, borderColor: color } }>{ row.country ? row.country : '--' }</el-tag>;
       }
     }
   },
@@ -385,183 +395,193 @@ export const historyColumns: any = [
     field: 'brandName', title: '品牌名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.brandName ? row.brandName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.brandName ? row.brandName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'currencyCode', title: '货币代码', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.currencyCode ? row.currencyCode : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.currencyCode ? row.currencyCode : '--' }</span>;
+      }
+    }
   },
   {
     field: 'status', title: '状态', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.status ? row.status : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.status ? row.status : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platform', title: '平台', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platform ? row.platform : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platform ? row.platform : '--' }</span>;
+      }
+    }
   },
   {
     field: 'line', title: '线路', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.line ? row.line : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.line ? row.line : '--' }</span>;
+      }
+    }
   },
   {
     field: 'ipaddress', title: 'IP地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.ipaddress ? row.ipaddress : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.ipaddress ? row.ipaddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'company', title: '公司名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.company ? row.company : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.company ? row.company : '--' }</span>;
+      }
+    }
   },
   {
     field: 'companyEnglishName', title: '公司英文名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.companyEnglishName ? row.companyEnglishName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.companyEnglishName ? row.companyEnglishName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'address', title: '公司地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.address ? row.address : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.address ? row.address : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPerson', title: '法人', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPerson ? row.juridicalPerson : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.juridicalPerson ? row.juridicalPerson : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPersonCreditCard', title: '法人信用卡', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCard ? row.juridicalPersonCreditCard : '--' }</span>;
+      }
+    }
   },
   {
     field: 'juridicalPersonCreditCardAddress', title: '法人信用卡地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.juridicalPersonCreditCardAddress ? row.juridicalPersonCreditCardAddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'receivablesAccount', title: '收款账户', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.receivablesAccount ? row.receivablesAccount : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.receivablesAccount ? row.receivablesAccount : '--' }</span>;
+      }
+    }
   },
   {
     field: 'receivablesAccountCompany', title: '收款账户公司', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.receivablesAccountCompany ? row.receivablesAccountCompany : '--'}</span>;
-      },
-    },
+        return <span
+            class={ 'font-medium' }>{ row.receivablesAccountCompany ? row.receivablesAccountCompany : '--' }</span>;
+      }
+    }
   },
   {
     field: 'vatNumber', title: 'VAT税号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.vatNumber ? row.vatNumber : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.vatNumber ? row.vatNumber : '--' }</span>;
+      }
+    }
   },
   {
     field: 'vatCompany', title: 'VAT公司', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.vatCompany ? row.vatCompany : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.vatCompany ? row.vatCompany : '--' }</span>;
+      }
+    }
   },
   {
     field: 'create_datetime', title: '创建时间', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.create_datetime ? row.create_datetime : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.create_datetime ? row.create_datetime : '--' }</span>;
+      }
+    }
   },
   {
     field: 'approveNum', title: '审批数量', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.approveNum ? row.approveNum : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.approveNum ? row.approveNum : '--' }</span>;
+      }
+    }
   },
   {
     field: 'shopPhoneEmail', title: '店铺电话邮箱', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        const phoneEmail = [row.shopPhoneAndName, row.shopEmail, row.subShopPhoneAndName, row.subShopEmail].filter(item => item).join(', ');
-        return <span class={'font-medium'}>{phoneEmail ? phoneEmail : '--'}</span>;
-      },
-    },
-  },
+        const phoneEmail = [ row.shopPhoneAndName, row.shopEmail, row.subShopPhoneAndName, row.subShopEmail ].filter(item => item).join(', ');
+        return <span class={ 'font-medium' }>{ phoneEmail ? phoneEmail : '--' }</span>;
+      }
+    }
+  }
 ];
 
-
 export const computerColumns: any = [
   { type: 'seq', width: 50, align: 'center', fixed: 'left' },
+  {
+    field: 'computerNumber', title: '电脑编号', minWidth: 'auto', align: 'center',
+    slots: {
+      default({ row }: any) {
+        return <span class={ 'font-medium' }>{ row.computerNumber ? row.computerNumber : '--' }</span>;
+      }
+    }
+  },
   {
     field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformNumber ? row.platformNumber : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platform', title: '平台', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platform ? row.platform : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platform ? row.platform : '--' }</span>;
+      }
+    }
   },
   {
     field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.platformName ? row.platformName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'country', title: '国家', minWidth: 'auto', align: 'center',
@@ -569,7 +589,8 @@ export const computerColumns: any = [
       default({ row }: any) {
         const country = countryInfoStore.countries.find(c => c.name === row.country);
         const color = country ? country.color : '#3875F6';
-        return <el-tag effect="plain" round style={{ color: color, borderColor: color }}>{ row.country ? row.country : '--' }</el-tag>;
+        return <el-tag effect="plain" round
+                       style={ { color: color, borderColor: color } }>{ row.country ? row.country : '--' }</el-tag>;
       }
     }
   },
@@ -577,41 +598,41 @@ export const computerColumns: any = [
     field: 'userName', title: '用户名', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.userName ? row.userName : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.userName ? row.userName : '--' }</span>;
+      }
+    }
   },
   {
     field: 'company', title: '公司名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.company ? row.company : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.company ? row.company : '--' }</span>;
+      }
+    }
   },
   {
     field: 'ipaddress', title: 'IP地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.ipaddress ? row.ipaddress : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.ipaddress ? row.ipaddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'macaddress', title: 'MAC地址', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.macaddress ? row.macaddress : '--'}</span>;
-      },
-    },
+        return <span class={ 'font-medium' }>{ row.macaddress ? row.macaddress : '--' }</span>;
+      }
+    }
   },
   {
     field: 'computerType', title: '计算机类型', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
-        return <span class={'font-medium'}>{row.computerType ? row.computerType : '--'}</span>;
-      },
-    },
-  },
+        return <span class={ 'font-medium' }>{ row.computerType ? row.computerType : '--' }</span>;
+      }
+    }
+  }
 ];