'完善筛选项'

王恒

4 天以前 4ebc73199bcd4b23739a2e1d22c372e8081310c5

'完善筛选项'

 src/views/system/manage/index.vue

@@ -10,13 +10,13 @@
        <el-input v-model="queryParams.planNo" placeholder="请输入计划编号" clearable style="width: 200px"
          @keyup.enter="handleQuery" />
      </el-form-item>
      <el-form-item label="执法单位" prop="companyUser">
        <el-input v-model="queryParams.companyUser" placeholder="请输入执法单位" clearable style="width: 200px"
      <el-form-item label="执法单位" prop="executiveSection">
        <el-input v-model="queryParams.executiveSection" placeholder="请输入执法单位" clearable style="width: 200px"
          @keyup.enter="handleQuery" />
      </el-form-item>
      <el-form-item label="执法时间" style="width: 290px">
        <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
          start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
        <el-date-picker v-model="dateRange" value-format="YYYY-MM" type="monthrange" range-separator="-"
          start-placeholder="开始日期" end-placeholder="结束日期" @change="changeDateHandler"></el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -249,11 +249,13 @@
const refreshTable = ref(true);
const planOpen = ref(false);
const planDetail = ref({});
const dateRange = ref([]);
const data = reactive({
  form: {},
  queryParams: {
    planNo: '',
    planName: '',
    executiveSection: '',
    value1: '',
    pageNum: 1,
    pageSize: 10,
@@ -274,6 +276,12 @@
    planStatus: [{ required: true, message: "状态不能为空", trigger: "blur" }],
  },
});

// 月份选择
const changeDateHandler = (value) => {
  data.queryParams.planMonthStart = value[0]
  data.queryParams.planMonthEnd = value[1]
}

/*** 计划导入参数 */
const upload = reactive({
@@ -346,9 +354,13 @@
/** 重置按钮操作 */
function resetQuery() {
  queryRef.value.resetFields();
  dateRange.value = [];
  queryParams.value = {
    planNo: '', // 计划编号
    planName: '', // 计划名称
    executiveSection: '', // 执法单位
    planMonthStart: '', // 计划开始月份
    planMonthEnd: '', // 计划结束月份
  }
  handleQuery();
}