quanyawei
2023-09-28 4a25bd9ba57cf9b9985d93e85fab1e065a0911bc
src/views/toCarryOutLegislativeReforms/components/queryForm.vue
@@ -2,23 +2,38 @@
  <div>
    <div class="search-form">
      <el-form :inline="true" :model="formData" class="demo-form-inline">
        <el-form-item label="责任主体:">
        <el-form-item label="交办单号:">
          <el-input v-model="formData.allocationNum" placeholder="请输入单号" size="small" clearable />
        </el-form-item>
        <el-form-item label="开始时间:">
          <el-date-picker
            v-model="formData.startTime"
            style="width:92%"
            size="small"
            value-format="yyyy-MM-dd"
            type="date"
            placeholder="开始日期"
          />
        </el-form-item>
        <el-form-item label="结束时间:">
          <el-date-picker
            v-model="formData.endTime"
            style="width:92%"
            size="small"
            value-format="yyyy-MM-dd"
            type="date"
            placeholder="结束时间"
          />
        </el-form-item>
        <el-form-item label="责任主体:" class="rddd">
          <el-select v-model="formData.unitId" size="small" clearable placeholder="请选择">
            <el-option
              v-for="item in unitList"
              :key="item.unitId"
              :label="item.unitName"
              :value="item.unitId"
            />
          </el-select>
        </el-form-item>
        <el-form-item v-if="searchType==='reform'" label="流程状态:">
          <el-select v-model="formData.state" size="small" clearable placeholder="请选择">
            <el-option
              v-for="item in Dic.allocationApproveEnum"
              :key="item.value"
              :label="item.name"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
@@ -42,6 +57,7 @@
            />
          </el-select>
        </el-form-item>
        <el-form-item label="整改类型:">
          <el-select v-model="formData.changeType" placeholder="请选择" clearable size="small">
            <el-option
@@ -52,18 +68,18 @@
            />
          </el-select>
        </el-form-item>
        <el-form-item label="上报时间:">
          <el-date-picker
            v-model="valueTime"
            clearable
            type="daterange"
            value-format="yyyy-MM-dd"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          />
        <el-form-item label="流程状态:">
          <el-select v-model="formData.state" size="small" clearable placeholder="请选择">
            <el-option
              v-for="item in Dic.allocationApproveEnum"
              :key="item.value"
              :label="item.name"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item v-if="searchType==='reform'" label="是否作废:">
        <el-form-item label="是否作废:">
          <el-select v-model="formData.isInvalid " placeholder="请选择" clearable size="small">
            <el-option
              v-for="item in Dic.yesOrNo"
@@ -73,19 +89,9 @@
            />
          </el-select>
        </el-form-item>
        <el-form-item v-if="searchType==='delay'" label="审批状态:">
          <el-select v-model="formData.state" placeholder="请选择" clearable size="small">
            <el-option
              v-for="item in Dic.allocationExtensionApproveEnum"
              :key="item.value"
              :label="item.name"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="onSubmit">查询</el-button>
          <el-button v-if="searchType==='reform'" type="primary" size="small" @click="handleAdd">新建</el-button>
          <el-button type="primary" size="small" @click="handleAdd">新建</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -99,7 +105,9 @@
  },
  data() {
    return {
      formData: {},
      formData: {
        isInvalid: 0
      },
      unitList: [],
      Dic: JSON.parse(localStorage.getItem('dict')),
      polluteList: [],
@@ -132,10 +140,6 @@
      })
    },
    onSubmit() {
      if (this.valueTime.length > 0) {
        this.formData.endTime = this.valueTime[1]
        this.formData.startTime = this.valueTime[0]
      }
      this.$emit('handleSearch', this.formData)
    },
    handleAdd() {
@@ -148,9 +152,18 @@
<style scoped lang="scss">
.search-form {
    margin: 20px;
    /deep/.el-select {
        width: 120px;
    margin-bottom: 0px;
   /deep/ .el-input__suffix{
      right: 20;
    }
   /deep/ .el-form-item__content{
      width: auto;
    }
}
/deep/.el-form-item__label{
  font-size: 16px;
}
/deep/.el-form-item{
  margin-bottom: 5px;
}
</style>