2026.4.10

feiyu02

6 天以前 ccc970e575ef3f3e5c67af8da210263f4ac549f9

 src/components/SearchBar.vue

@@ -1,24 +1,16 @@
<template>
  <el-row class="layout">
    <el-col :span="$slots.summary ? 10 : 24">
    <el-col :span="$slots.summary ? 14 : 24">
      <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>
@@ -27,7 +19,7 @@
        </el-form-item>
      </el-form>
    </el-col>
    <el-col :span="$slots.summary ? 14 : 0">
    <el-col :span="$slots.summary ? 10 : 0">
      <el-row justify="end">
        <slot name="summary"></slot>
      </el-row>
@@ -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) => {
          return {
            value: r.tguid,
            label: r.name,
            data: r
          };
        });
        this.topTasks = list;
        this.formSearch.topTaskId = list[0].value;
        const list = res
          .filter((e) => {
            return e.districtname == '徐汇区' && dayjs(e.starttime).isBefore(dayjs('2025-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();
          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>