巡查任务管理界面开发中

riku

2024-10-10 46566d05cb156d40323078133191595d2a2f11c4

 src/components/SearchBar.vue

@@ -1,26 +1,21 @@
<template>
  <el-row class="layout">
    <el-col :span="16">
    <el-col :span="12">
      <el-form :inline="true" :model="formSearch">
        <el-form-item label="总任务">
          <!-- <el-input v-model="formSearch.topTaskId" placeholder="总任务" /> -->
          <el-select v-model="formSearch.topTaskId" placeholder="总任务">
            <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"
          :type="2"
          v-model:value="formSearch.scenetype"
        ></FYOptionScene> -->
        <el-form-item label="场景类型">
          <el-select v-model="formSearch.sceneTypeId" placeholder="场景类型">
            <el-option
              v-for="s in sceneTypes"
              :key="s.value"
              :label="s.label"
              :value="s.value"
            />
          <el-select v-model="formSearch.sceneTypeId" placeholder="场景类型" style="width: 150px">
            <el-option v-for="s in sceneTypes" :key="s.value" :label="s.label" :value="s.value" />
          </el-select>
        </el-form-item>
        <el-form-item>
@@ -28,7 +23,7 @@
        </el-form-item>
      </el-form>
    </el-col>
    <el-col :span="8">
    <el-col :span="12">
      <el-row justify="end">
        <slot name="summary"></slot>
      </el-row>
@@ -38,18 +33,18 @@

<script>
import taskApi from '@/api/fysp/taskApi';
import { enumScene_2NA } from "@/enum/scene";
import { enumScene } from '@/enum/scene';

export default {
  emits: ['onSubmit'],
  data() {
    return {
      topTasks: [],
      sceneTypes: enumScene_2NA(),
      sceneTypes: enumScene(2, false),
      formSearch: {
        topTaskId: '',
        sceneTypeId: '',
      },
        sceneTypeId: ''
      }
    };
  },
  methods: {
@@ -63,7 +58,7 @@
            label: r.name,
            towncode: r.towncode,
            districtCode: r.districtcode,
            month: r.starttime.slice(0, 7),
            month: r.starttime.slice(0, 7)
          });
        });
        this.topTasks = list;
@@ -75,12 +70,12 @@
    onSubmit() {
      // console.log(this.formSearch.sceneTypeId)
      this.$emit('onSubmit', this.formSearch);
    },
    }
  },
  mounted() {
    this.formSearch.sceneTypeId = this.sceneTypes[0].value;
    this.getOptions();
  },
  }
};
</script>