feat:IMSI和布局修改

src/views/dashboard/smfCDRByIMSI/index.vue

@@ -290,11 +290,11 @@ let state = reactive({
 function fnGetList(pageNum?: number) {
   if (state.loading) return;
   state.loading = true;
-  if (!queryParams.subscriberID) {
+  // if (!queryParams.subscriberID) {
-    message.warning('Please enter IMSI to query user traffic');
+  //   message.warning('Please enter IMSI to query user traffic');
-    state.loading = false;
+  //   state.loading = false;
-    return;
+  //   return;
-  }
+  // }
   if (pageNum) {
     queryParams.pageNum = pageNum;
   }
@@ -603,7 +603,7 @@ onBeforeUnmount(() => {
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item label="IMSI" name="subscriberID" :required="true">
+            <a-form-item label="IMSI prefix" name="subscriberID" >
               <a-input
                 v-model:value="queryParams.subscriberID"
                 allow-clear
@@ -668,14 +668,12 @@ onBeforeUnmount(() => {
     </a-card>
 
     <a-card :bordered="false">
-      <!-- 图数据 -->
-      <div ref="cdrChartDom" style="height: 600px; width: 100%"></div>
-
       <a-descriptions
         title="Data Usage"
         bordered
         :column="2"
-        style="width: 60%"
+        style="width: 60%; margin-bottom: 24px"
+
       >
         <a-descriptions-item label="Total Uplink">
           {{ state.dataUsage[0] }}
@@ -684,6 +682,8 @@ onBeforeUnmount(() => {
           {{ state.dataUsage[1] }}
         </a-descriptions-item>
       </a-descriptions>
+      <!-- 图数据 -->
+      <div ref="cdrChartDom" style="height: 600px; width: 100%"></div>
     </a-card>
   </PageContainer>
 </template>