style: CDR/UE展开详情布局调整

src/views/dashboard/amfUE/index.vue

@@ -654,18 +654,8 @@ onBeforeUnmount(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.ueInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.common.neName') }}: </span>
-              <span>{{ record.neName }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.common.rmUid') }}: </span>
-              <span>{{ record.rmUID }}</span>
-            </div>
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
               <a-divider orientation="left">
                 {{ t('views.dashboard.ue.rowInfo') }}
               </a-divider>
@@ -692,7 +682,10 @@ onBeforeUnmount(() => {
               </div>
               <div>
                 <span>{{ t('views.dashboard.ue.eventType') }}: </span>
-              <DictTag :options="dict.ueEventType" :value="record.eventType" />
+                <DictTag
+                  :options="dict.ueEventType"
+                  :value="record.eventType"
+                />
               </div>
               <div>
                 <span>{{ t('views.dashboard.ue.result') }}: </span>
@@ -712,7 +705,8 @@ onBeforeUnmount(() => {
                   />
                 </span>
               </div>
-          </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>

src/views/dashboard/imsCDR/index.vue

@@ -740,7 +740,7 @@ onBeforeUnmount(() => {
         </template>
         <template #expandedRowRender="{ record }">
           <a-row :gutter="16">
-            <a-col :lg="5" :md="12" :xs="24">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.cdrInfo') }}
               </a-divider>
@@ -763,7 +763,7 @@ onBeforeUnmount(() => {
                 </span>
               </div>
             </a-col>
-            <a-col :lg="6" :md="12" :xs="24">
+            <a-col :lg="8" :md="12" :xs="24">
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.rowInfo') }}
               </a-divider>

src/views/dashboard/mmeUE/index.vue

@@ -685,7 +685,8 @@ onBeforeUnmount(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
               <a-divider orientation="left">
                 {{ t('views.dashboard.ue.ueInfo') }}
               </a-divider>
@@ -697,6 +698,8 @@ onBeforeUnmount(() => {
                 <span>{{ t('views.ne.common.rmUid') }}: </span>
                 <span>{{ record.rmUID }}</span>
               </div>
+            </a-col>
+            <a-col :lg="8" :md="12" :xs="24">
               <a-divider orientation="left">
                 {{ t('views.dashboard.ue.rowInfo') }}
               </a-divider>
@@ -706,7 +709,10 @@ onBeforeUnmount(() => {
               </div>
               <div>
                 <span>{{ t('views.dashboard.ue.eventType') }}: </span>
-              <DictTag :options="dict.ueEventType" :value="record.eventType" />
+                <DictTag
+                  :options="dict.ueEventType"
+                  :value="record.eventType"
+                />
               </div>
               <div>
                 <span>{{ t('views.dashboard.ue.result') }}: </span>
@@ -726,7 +732,8 @@ onBeforeUnmount(() => {
                   />
                 </span>
               </div>
-          </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>