项目列表筛选部分样式和逻辑优化

src/pages/business/common/projectMange/list/index.vue

@@ -46,10 +46,10 @@
     :data-theme="'theme-' + proxy.$settingStore.themeColor.name"
   >
     <template #default>
-      <view class="projectSearchBox" style="margin:20px 0;width:94%;margin-left:3%;vertical-align:top" >
-        <u-input v-model="projectName" placeholder="请输入项目名称"  size="small" />
-        <u-input v-model="projectTypeName" disabledColor="#fff" disabled   @click="handleAction('项目类型',project_type)" placeholder="请选择项目类型" suffixIcon="arrow-down" suffixIconStyle="color: #909399" />        
-        <u-button   type="primary" @click="selectListApi">搜索</u-button>
+      <view class="projectSearchBox" >
+        <u-input v-model="projectTypeName" disabledColor="#fff" disabled clearable  @click="handleAction('项目类型',project_type)" placeholder="项目类型" suffixIcon="arrow-down" suffixIconStyle="color: #909399" />        
+        <u-input v-model="projectName" placeholder="请输入项目名称"  clearable prefixIcon="search" size="small" />
+        <!-- <u-button   type="primary" @click="selectListApi">搜索</u-button> -->
         <u-picker
           :show="actionShow"
           :columns="projectTypeList"
@@ -188,7 +188,7 @@
 <script setup>
 /*----------------------------------依赖引入-----------------------------------*/
 import { onLoad, onShow, onReady, onHide, onLaunch, onNavigationBarButtonTap, onPageScroll } from "@dcloudio/uni-app";
-import { ref, reactive, computed, getCurrentInstance, toRefs, inject } from "vue";
+import { ref, reactive, computed, getCurrentInstance, toRefs, inject,watchEffect} from "vue";
 /*----------------------------------接口引入-----------------------------------*/
 import { projectApi } from "@/api/business/project.js";
 import { dUserList } from "@/api/system/user.js";
@@ -384,6 +384,10 @@ onShow(() => {
   proxy.$settingStore.systemThemeColor([1]);
 });
 
+watchEffect(() => {
+  selectListApi();
+});
+
 onLoad((options) => {});
 </script>
 <style lang="scss" scoped>
@@ -394,12 +398,41 @@ onLoad((options) => {});
 </style>
 <style lang="scss" scoped>
 .projectSearchBox {
+  margin:20px 4% ;width:92%;vertical-align:middle;
   position:relative;
+  display:flex;
+  :deep(.u-input--radius, .u-input--square){
+      border-radius:0
+    }
+  
   .u-input{
-    width:41%;display:inline-block;margin-right:5px;background:#fff;height:34px;line-height:34px;padding:0 5px;
+   display:inline-block;background:#fff;height:34px;line-height:34px;padding:0 5px;
     .uni-input-input{
       font-size:12px!important;
     }
+    :deep(.u-input__content__prefix-icon){
+      position:absolute;
+      right:8px;
+       .uicon-search{
+        font-size:16px
+      }
+    }
+  }
+  .u-input:first-child{
+    flex:2;
+    border-top-left-radius: 20px;
+    border-bottom-left-radius: 20px;
+    border-right:none;
+  }
+  .u-input:nth-child(2){
+    flex:4;
+    // width:70%;
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+    // border-left:none
+  }
+  .u-popup{
+    flex:0;
   }
   .u-button{
     width:50px;

src/pages/business/mhxf/informationSelect/index.vue

@@ -112,6 +112,7 @@ function touchChange(e) {
 }
 
 function blur(e) {
+  console.log(1)
   if (state.dataInput) {
     goSearch();
   }