Przeglądaj źródła

feat: 通话记录增加服务类型筛选项

sunxiao 2 miesięcy temu
rodzic
commit
325c4d4f7a
1 zmienionych plików z 17 dodań i 1 usunięć
  1. 17 1
      src/views/voice/call/index.vue

+ 17 - 1
src/views/voice/call/index.vue

@@ -26,8 +26,15 @@ const queryParams = ref({
   status: '',
   category: '',
   phone: '',
+  serviceCategory: ''
 })
 
+const serviceCategoryOptions = [
+  { value: 0, label: '人工坐席' },
+  { value: 1, label: '机器人坐席' },
+  { value: 2, label: '机器人转人工' }
+]
+
 // 清除检索条件
 const handleCleanOptions = () => {
   queryParams.value = {
@@ -37,6 +44,7 @@ const handleCleanOptions = () => {
     status: '',
     category: '',
     phone: '',
+    serviceCategory: ''
   };
   dataPickerValue.value = [];
   getList();
@@ -158,13 +166,21 @@ onMounted(() => {
         </el-col>
       </el-row>
       <el-row :gutter="24">
+        <el-col :span="6">
+          <SearchItemWrapper label="服务类型">
+            <el-select v-model="queryParams.serviceCategory" placeholder="请选择" size="large" :empty-values="[null, undefined]">
+              <el-option label="全部" value="" />
+              <el-option v-for="item in serviceCategoryOptions" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </SearchItemWrapper>
+        </el-col>
         <el-col :span="6">
           <SearchItemWrapper label="通话发起时间">
             <el-date-picker v-model="dataPickerValue" type="daterange" range-separator="-" start-placeholder="起始日期"
               end-placeholder="结束日期" style="width: 100%;" :editable="false" value-format="YYYY-MM-DD"/>
           </SearchItemWrapper>
         </el-col>
-        <el-col :span="18">
+        <el-col :span="12">
           <div class="flex items-center justify-start space-x-[30px]">
             <div class="custom-btn custom-btn_primary" @click="getList">搜索</div>
             <div class="custom-btn custom-btn_default" @click="handleBatchDownload">