管理员-smsc cdr 租户列

src/views/dashboard/smscCDR/index.vue

@@ -21,6 +21,8 @@ import { parseDateToStr } from '@/utils/date-utils';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import saveAs from 'file-saver';
 import PQueue from 'p-queue';
+import { listTenant } from '@/api/system/tenant';
+
 const { getDict } = useDictStore();
 const { t } = useI18n();
 const ws = new WS();
@@ -42,12 +44,15 @@ let queryRangePicker = ref<[string, string]>(['', '']);
 
 /**查询参数 */
 let queryParams = reactive({
+  tenantNameArr: <Record<string, any>[]>[],
   /**网元类型 */
   neType: 'SMSC',
   neId: '001',
   recordType: '',
   callerParty: '',
   calledParty: '',
+  /** 租户名称*/
+  tenantName: '',
   sortField: 'timestamp',
   sortOrder: 'desc',
   /**开始时间 */
@@ -67,6 +72,8 @@ function fnQueryReset() {
     recordType: '',
     callerParty: '',
     calledParty: '',
+    /** 租户名称*/
+    tenantName: '',
     startTime: '',
     endTime: '',
     pageNum: 1,
@@ -179,6 +186,13 @@ let tableColumns: ColumnsType = [
       return parseDateToStr(+cdrJSON.updateTime * 1000);
     },
   },
+  {
+    title: 'Tenant Name',
+    dataIndex: 'tenantName',
+    align: 'center',
+    key: 'tenantName',
+    width: 150,
+  },
   {
     title: t('common.operate'),
     key: 'id',
@@ -463,6 +477,20 @@ onMounted(() => {
     .finally(() => {
       // 获取列表数据
       fnGetList();
+      //查询租户
+      listTenant({ parentId: 0 }).then(res => {
+        if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+          queryParams.tenantNameArr = []; //上面置为空数组时会报错 故在此
+          res.data.forEach((item: any) => {
+            if (item.parentId === '0') {
+              queryParams.tenantNameArr.push({
+                value: item.tenantName,
+                label: item.tenantName,
+              });
+            }
+          });
+        }
+      });
     });
 });
 
@@ -516,21 +544,7 @@ onBeforeUnmount(() => {
               ></a-input>
             </a-form-item>
           </a-col>
-          <a-col :lg="4" :md="12" :xs="24">
-            <a-form-item>
-              <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList(1)">
-                  <template #icon><SearchOutlined /></template>
-                  {{ t('common.search') }}
-                </a-button>
-                <a-button type="default" @click.prevent="fnQueryReset">
-                  <template #icon><ClearOutlined /></template>
-                  {{ t('common.reset') }}
-                </a-button>
-              </a-space>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="8" :md="12" :xs="24">
+          <a-col :lg="6" :md="12" :xs="24">
             <a-form-item
               :label="t('views.dashboard.cdr.recordType')"
               name="recordType"
@@ -560,6 +574,32 @@ onBeforeUnmount(() => {
               ></a-range-picker>
             </a-form-item>
           </a-col>
+          <a-col :lg="8" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.neUser.sub.tenantName')"
+              name="tenantName "
+            >
+              <a-auto-complete
+                v-model:value="queryParams.tenantName"
+                :options="queryParams.tenantNameArr"
+              ></a-auto-complete>
+            </a-form-item>
+          </a-col>
+
+          <a-col :lg="4" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
         </a-row>
       </a-form>
     </a-card>