餐饮油烟智能监测与监管一体化平台
riku
2026-03-17 b1a0d701cf898c8b7812e66a808a1c91f2bae6cc
src/components/SearchBar.vue
@@ -4,21 +4,13 @@
      <el-form :inline="true" :model="formSearch">
        <el-form-item label="总任务">
          <!-- <el-input v-model="formSearch.topTaskId" placeholder="总任务" /> -->
          <el-select
            v-model="formSearch.topTaskId"
            placeholder="总任务"
            style="width: 260px"
          >
            <el-option
              v-for="s in topTasks"
              :key="s.value"
              :label="s.label"
              :value="s.value"
            />
          <el-select v-model="formSearch.topTaskId" placeholder="总任务" style="width: 260px">
            <el-option v-for="s in topTasks" :key="s.value" :label="s.label" :value="s.value" />
          </el-select>
        </el-form-item>
        <FYOptionScene
          :allOption="false"
          :init-value="false"
          :type="2"
          v-model:value="formSearch.scenetype"
        ></FYOptionScene>
@@ -36,19 +28,20 @@
</template>
<script>
import taskApi from '@/api/fysp/taskApi';
import taskApi from '@/api/fysp/taskApi'
import dayjs from 'dayjs'
export default {
  emits: ['onSubmit'],
  props: {
    btnShow: {
      type: Boolean,
      default: true
      default: true,
    },
    init: {
      type: Boolean,
      default: true
    }
      default: true,
    },
  },
  data() {
@@ -56,48 +49,53 @@
      topTasks: [],
      formSearch: {
        topTaskId: '',
        scenetype: ''
        scenetype: {
          label: '餐饮',
          value: '5',
        },
      },
      }
    };
  },
  methods: {
    //获取查询条件
    getOptions() {
      taskApi.getTopTask().then((res) => {
        const list = res.map((r) => {
        const list = res
          .filter((e) => {
            return e.districtname == '徐汇区' && dayjs(e.starttime).isBefore(dayjs('2023-12-31'))
          })
          .map((r) => {
          return {
            value: r.tguid,
            label: r.name,
            data: r
          };
        });
        this.topTasks = list;
        this.formSearch.topTaskId = list[0].value;
        if (this.init) {
          this.onSubmit();
              data: r,
        }
      });
          })
        this.topTasks = list
        this.formSearch.topTaskId = list[0].value
        if (this.init) {
          this.onSubmit()
        }
      })
    },
    //查询子任务统计信息
    onSubmit() {
      const task = this.topTasks.find(
        (t) => t.data.tguid == this.formSearch.topTaskId
      );
      const task = this.topTasks.find((t) => t.data.tguid == this.formSearch.topTaskId)
      const param = {
        topTask: task ? task.data : {},
        sceneTypeId: this.formSearch.scenetype.value,
        sceneTypeName: this.formSearch.scenetype.label,
      };
      }
      // console.log(param);
      this.$emit('onSubmit', param);
    }
      this.$emit('onSubmit', param)
    },
  },
  mounted() {
    this.getOptions();
    this.getOptions()
  },
  expose: ['onSubmit']
};
  expose: ['onSubmit'],
}
</script>
<style scoped>