金鹰黄金app 1.巡检上传添加查询条件

gaoluyang

2026-03-19 6a5f753809f98278612d2fd03d7c93dbbc0e9069

 src/pages/inspectionUpload/index.vue

@@ -3,6 +3,19 @@
    <!-- 页面头部 -->
    <PageHeader title="巡检上传" @back="goBack" />

    <!-- 搜索区域 -->
    <view class="search-section">
      <up-input
        v-model="searchAll"
        placeholder="请输入设备名称"
        prefixIcon="search"
        border="surround"
        :clearable="true"
        @change="handleSearch"
        @clear="handleClear"
      ></up-input>
    </view>

    <!-- 数据列表 -->
    <view class="table-section">
      <!-- 生产巡检列表 -->
@@ -320,6 +333,22 @@
// 异常状态
const hasException = ref(null) // null: 未选择, true: 存在异常, false: 正常

// 搜索相关
const searchAll = ref('')

const handleSearch = () => {
  pagesPames.current = 1
  taskTableData.value = []
  getList()
}

const handleClear = () => {
   searchAll.value = ''
  pagesPames.current = 1
  taskTableData.value = []
  getList()
}

// 上传配置
const uploadConfig = {
  action: "/file/upload",
@@ -422,7 +451,14 @@
  // 设置取消标志
  isRequestCancelled = false
  loading.value = true
  inspectionTaskList({...pagesPames}).then(res => {
  
  // 构建查询参数
  const params = { ...pagesPames }
  if (searchAll.value) {
    params.searchAll = searchAll.value
  }
  
  inspectionTaskList(params).then(res => {
    // 检查组件是否还存在且请求未被取消
    if (!isRequestCancelled) {
      // 处理不同的数据结构
@@ -2084,4 +2120,23 @@
  max-height: 60vh;
  display: block;
}

/* 搜索区域样式 */
.search-section {
  padding: 15px 20px;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}

:deep(.u-input) {
  width: 100%;
}

:deep(.u-input__content) {
  border-radius: 8px;
}

:deep(.u-input__content__field) {
  font-size: 14px;
}
</style>