From 37989c71ecdbd310ff23c2705eeb76a809d8db18 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Thu, 13 Feb 2025 20:25:06 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9Acdr=E6=B7=BB=E5=8A=A0=E7=BB=93?=
 =?UTF-8?q?=E6=9D=9F=E6=97=B6=E9=97=B4=E8=8C=83=E5=9B=B4=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/langs/en-us.ts                    |  3 ++
 src/locales/langs/zh-cn.ts                    |  3 ++
 src/views/user-center/cdr/index.vue           |  2 +
 .../user-center/cdr/modules/cdr-search.vue    | 54 ++++++++++++++++---
 4 files changed, 54 insertions(+), 8 deletions(-)

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index c2907a2..bf3e991 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -787,6 +787,9 @@ const local: any = {
       pleclientname:'Please enter device name',
       search:'Search',
       reset:'Reset',
+      timerange:'End time range',
+      startTime:'StartTime',
+      endTime:'EndTime'
     },
     kyc:{
       title:'KYC Authentication Review',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 57b52e7..83b957d 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -787,6 +787,9 @@ const local:any = {
       pleclientname:'请输入设备名',
       search:'搜索',
       reset:'重置',
+      timerange:'结束时间范围',
+      startTime:'开始时间',
+      endTime:'结束时间'
     },
     kyc:{
       title:'KYC实名认证审核',
diff --git a/src/views/user-center/cdr/index.vue b/src/views/user-center/cdr/index.vue
index 28c72a9..f1c5615 100644
--- a/src/views/user-center/cdr/index.vue
+++ b/src/views/user-center/cdr/index.vue
@@ -16,6 +16,8 @@ type SearchModel = {
   pageSize: number;
   userName?: string;
   clientName?: string;
+  endTimeS?:string;
+  endTimeE?:string;
 };
 
 // 格式化通话时长
diff --git a/src/views/user-center/cdr/modules/cdr-search.vue b/src/views/user-center/cdr/modules/cdr-search.vue
index 695dee6..8ca8f02 100644
--- a/src/views/user-center/cdr/modules/cdr-search.vue
+++ b/src/views/user-center/cdr/modules/cdr-search.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { Form } from 'ant-design-vue';
+import { Form, DatePicker } from 'ant-design-vue';
 import type { FormInstance } from 'ant-design-vue';
 import { useI18n } from 'vue-i18n';
+import type { Dayjs } from 'dayjs';
 const { t } = useI18n();
 
 interface SearchModel {
@@ -10,6 +11,8 @@ interface SearchModel {
   pageSize: number;
   userName?: string;
   clientName?: string;
+  endTimeS?: number;
+  endTimeE?: number;
 }
 
 const props = withDefaults(defineProps<{
@@ -19,7 +22,9 @@ const props = withDefaults(defineProps<{
     pageNum: 1,
     pageSize: 10,
     userName: '',
-    clientName: ''
+    clientName: '',
+    endTimeS: undefined,
+    endTimeE: undefined
   })
 });
 
@@ -37,8 +42,21 @@ const formModel = computed({
   set: (val: SearchModel) => emit('update:model', val)
 });
 
+const dateRange = ref<[Dayjs, Dayjs] | null>(null);
+
+const handleDateRangeChange = (dates: [Dayjs, Dayjs] | null) => {
+  if (dates) {
+    formModel.value.endTimeS = dates[0].unix() * 1000;
+    formModel.value.endTimeE = dates[1].unix() * 1000 + 999;
+  } else {
+    formModel.value.endTimeS = undefined;
+    formModel.value.endTimeE = undefined;
+  }
+};
+
 function handleReset() {
   resetFields();
+  dateRange.value = null;
   emit('reset');
 }
 
@@ -69,16 +87,32 @@ function handleSearch() {
           allow-clear
         />
       </AFormItem>
+      <AFormItem :label="t('page.cdr.timerange')">
+        <ARangePicker
+          v-model:value="dateRange"
+          :show-time="{ format: 'HH:mm:ss' }"
+          format="YYYY-MM-DD HH:mm:ss"
+          :placeholder="[
+            t('page.cdr.startTime'),
+            t('page.cdr.endTime')
+          ]"
+          @change="handleDateRangeChange"
+        />
+      </AFormItem>
       <AFormItem class="flex-1 justify-end">
         <ASpace>
           <AButton type="primary" ghost @click="handleSearch">
             <template #icon>
-            <icon-mdi-search />
-          </template>{{ t('page.cdr.search') }}</AButton>
-          <AButton @click="handleReset"><template #icon>
-            <icon-mdi-refresh />
-          </template>
-            {{ t('page.cdr.reset') }}</AButton>
+              <icon-mdi-search />
+            </template>
+            {{ t('page.cdr.search') }}
+          </AButton>
+          <AButton @click="handleReset">
+            <template #icon>
+              <icon-mdi-refresh />
+            </template>
+            {{ t('page.cdr.reset') }}
+          </AButton>
         </ASpace>
       </AFormItem>
     </AForm>
@@ -91,4 +125,8 @@ function handleSearch() {
     padding: 16px;
   }
 }
+
+:deep(.ant-picker) {
+  width: 360px;
+}
 </style>