feat:搜索框限制条件

张含笑

2025-08-11 a6ebece37f5220cd096406422e31367db645873c

feat:搜索框限制条件

 src/views/dataCenter/components/searchData.vue

@@ -2,8 +2,9 @@
  <div class="search-box-test">
    <el-form :model="searchForm" inline>
      <div class="search-first">
        <el-form-item label="行政区划:">
        <el-form-item label="行政区划:" >
          <el-tree-select
          :disabled="foldersDisabled"
            popper-class="custom-tree-select"
            v-model="searchForm.areaCode"
            :data="deptTreeData"
@@ -16,6 +17,7 @@
        </el-form-item>
        <el-form-item label="所属机巢:">
          <el-select
          :disabled="foldersDisabled"
            :teleported="false"
            v-model="searchForm.deviceSn"
            placeholder="请选择"
@@ -59,6 +61,7 @@
        </el-form-item>
        <el-form-item label="文件格式:">
          <el-select
          :disabled="foldersDisabled"
            :teleported="false"
            v-model="searchForm.resultType"
            placeholder="请选择"
@@ -76,7 +79,8 @@
        </el-form-item>
        <el-form-item label="文件类别:">
          <el-select
            :disabled="disabled"
          
            :disabled="disabled || foldersDisabled"
            :teleported="false"
            v-model="searchForm.photoType"
            placeholder="请选择"
@@ -95,7 +99,7 @@
      </div>
      <div class="search-first">
        <el-form-item label="文件名称:">
          <el-input v-model="searchForm.name" placeholder="请输入" clearable />
          <el-input :disabled="foldersDisabled" v-model="searchForm.name" placeholder="请输入" clearable />
        </el-form-item>
        <div class="search-btn">
          <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
@@ -144,7 +148,7 @@
const timeRange = [startTime.format('YYYY-MM-DD HH:mm:ss'), endTime.format('YYYY-MM-DD HH:mm:ss')];
const dateRange = ref(timeRange);
const timeFormat = 'YYYY-MM-DD HH:mm:ss';
const props = defineProps(['jobName'])
const props = defineProps(['jobName','switchFolders'])
const searchForm = reactive({
  jobName: '', //任务名称
  name: '', //文件名称
@@ -214,6 +218,14 @@
  searchForm.jobName = newVal;
  handleSearch()
});
const foldersDisabled  = ref(false)
watch(() => props.switchFolders, (newVal) => {
if(newVal === true){
  foldersDisabled.value = true
}else{
   foldersDisabled.value = false
}
});
const changePhotoType =(val)=>{
if(val === undefined){
  searchForm.photoType = ''

 src/views/dataCenter/dataCenter.vue

@@ -5,6 +5,7 @@
    <div class="dataCenter-table">
      <searchData
      :jobName ="jobName"
      :switchFolders="switchFolders"
        @search="searchClick"
        @downFun="downloadFile"
        @allDownFun="aLLDownloadFile"