车险报价业务员搜索加接口模糊查询

src/views/additionalOrder/additional/modules/salesmanSelect.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="salesmanSelect">
     <div class="search">
-      <el-input v-model="searchValue" prefix-icon="Search" placeholder="请输入负责人姓名，手机号查找" clearable>
+      <el-input v-model="searchValue" prefix-icon="Search" placeholder="请输入负责人姓名，手机号查找" clearable @clear="initData" >
           <template #append>
               <el-button class="btn" link type="primary" @click="handleSearch">搜索</el-button>
           </template>
       </el-input>
     </div>
-    <div class="salesman">
+    <div class="salesman" v-loading="loading">
       <div class="salesman-item" :class="{'active': item.checked}" v-for="(item, index) in newList" @click="handleSelect(item, index)">
         <div class="content">
           <div class="name">
@@ -35,12 +35,12 @@ import {ElMessage} from "element-plus";
 import api from "@/api";
 
 const emits = defineEmits(['close'])
-
+const loading = ref(true)
 let searchValue = ref('')
 let list = ref([])
 let newList = ref([])
 const handleSearch = () => {
-  newList.value = list.value.filter(a => a.name.includes(searchValue.value))
+    initData()
 }
 
 // 选择
@@ -70,12 +70,16 @@ const handleConfirm = () => {
 
 // 初始化
 const initData = () => {
+  loading.value = true
   api.operationApi.operationList({
     isMember: 2,
-    isEnable: 0
+    isEnable: 0,
+    salesman:searchValue.value,
   }).then((res: any) => {
     if(res.code == 200) {
       if(res.data.records) {
+      loading.value = false
+
         res.data.records.forEach(item => {
           item.checked = false
         })