打卡签到

h5app/src/components/companySelect.vue

@@ -23,8 +23,8 @@
         <ion-input placeholder="请输入企业名称" class="custom"
                    v-model="searchParams.companyName"
                    @input="reload()" :clear-on-edit="true"
-                   style="border: 1px solid #f2f2f5;border-radius: 14px;--padding-start: 10px;height: 35px;">
-          <ion-icon slot="start" :icon="searchOutline" aria-hidden="true"></ion-icon>
+                   style="border: 1px solid #f2f2f5;border-radius: 14px;height: 35px;">
+          <ion-icon slot="start" :icon="searchOutline" aria-hidden="true" style="padding: 0 10px;"></ion-icon>
         </ion-input>
       </ion-item>
       <div class="bw-vue-list">
@@ -73,30 +73,18 @@ export default defineComponent({
     const dataList = ref<any>([]);
     const resultInfo = reactive({value: '', text: ''})
 
-    const reloadBool = ref(true);
     const reload = () => {
-      if (searchParams.companyName == '') {
-        dataList.value = [];
-        return;
-      }
-
+      loading.value = true;
       setTimeout(() => {
         searchParams.pageIndex = 1;
-        if (reloadBool.value == false) {
-          return;
-        }
-
-        reloadBool.value = false;
-        loading.value = true;
         const loginUserInfo = useUserStore().getUserInfo;
         searchParams.loginUserID = loginUserInfo.userID || '';
         getCompanyList(searchParams).then(data => {
           dataList.value = data.list;
           total.value = data.total;
-          reloadBool.value = true;
           loading.value = false;
         })
-      }, 1000)
+      }, 300)
     }
 
     const onSelect = (item: any) => {
@@ -120,6 +108,8 @@ export default defineComponent({
       searchParams.pageIndex = 1;
       resultInfo.text = '';
       resultInfo.value = '';
+
+      reload();
     }
 
     const formatStr = (str: any) => {

h5app/src/components/empty.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="b-empty">
-    <img class="empty-img" src="@/assets/fonts/empty.svg">
+    <img v-if="!loading" class="empty-img" src="@/assets/fonts/empty.svg">
+    <img v-if="loading" class="empty-img" src="@/assets/fonts/loading.svg">
     <ion-text class="empty-text">{{ loading ? "数据加载中......" : '暂无数据' }}</ion-text>
   </div>
 </template>

h5app/src/components/jobUserSelect.vue

@@ -23,8 +23,8 @@
         <ion-input placeholder="请输入求职人员姓名" class="custom"
                    v-model="searchParams.name"
                    @input="reload()" :clear-on-edit="true"
-                   style="border: 1px solid #f2f2f5;border-radius: 14px;--padding-start: 10px;height: 35px;">
-          <ion-icon slot="start" :icon="searchOutline" aria-hidden="true"></ion-icon>
+                   style="border: 1px solid #f2f2f5;border-radius: 14px;height: 35px;">
+          <ion-icon slot="start" :icon="searchOutline" aria-hidden="true" style="padding: 0 10px;"></ion-icon>
         </ion-input>
       </ion-item>
       <div class="bw-vue-list">