feat: 新增运营商停机原因

src/views/asset-management/asset-information/components/BasicInfoCard.vue

@@ -67,6 +67,10 @@
           </ElTag>
         </ElDescriptionsItem>
 
+        <ElDescriptionsItem label="运营商停机原因" :span="2">
+          <span class="gateway-extend-text">{{ cardInfo?.gateway_extend || '-' }}</span>
+        </ElDescriptionsItem>
+
         <template v-if="cardInfo?.bound_device_id">
           <ElDescriptionsItem label="绑定设备号">
             <ElButton
@@ -160,7 +164,8 @@
             </div>
           </template>
         </ElTableColumn>
-        <ElTableColumn prop="msisdn" label="MSISDN" min-width="120" />
+        <ElTableColumn prop="msisdn" label="MSISDN" min-width="150" showOverflowTooltip/>
+
         <ElTableColumn prop="carrier_name" label="运营商" min-width="120" showOverflowTooltip />
         <ElTableColumn prop="slot_position" label="卡槽位置" width="130">
           <template #default="scope">
@@ -194,7 +199,12 @@
             {{ scope.row.real_name_at ? formatDateTime(scope.row.real_name_at) : '-' }}
           </template>
         </ElTableColumn>
-        <ElTableColumn label="操作" width="180">
+        <ElTableColumn label="运营商停机原因" min-width="220" showOverflowTooltip>
+          <template #default="scope">
+            {{ scope.row.gateway_extend || '-' }}
+          </template>
+        </ElTableColumn>
+        <ElTableColumn label="操作" width="180" fixed="right">
           <template #default="scope">
             <!-- 根据网络状态显示启用或停用按钮 -->
             <ElButton
@@ -437,6 +447,7 @@
     real_name_status?: number
     real_name_at?: string
     realname_policy?: string
+    gateway_extend?: string
   }
 
   interface AssetInfo {
@@ -461,6 +472,7 @@
     series_name?: string
     real_name_at?: string
     supplier?: string
+    gateway_extend?: string
     bound_device_id?: number
     bound_device_no?: string
     bound_device_name?: string
@@ -690,6 +702,10 @@
 <style scoped lang="scss">
   .info-card {
     &.basic-info {
+      .gateway-extend-text {
+        word-break: break-all;
+      }
+
       .card-header {
         display: flex;
         align-items: center;