element-ui输入框覆盖问题

给input添加:style="{width: '100%'}"即可

 <el-row :gutter="15">
        <el-form ref="seForm" :model="selectFormData" :rules="rules" size="medium" label-width="100px">
          <el-col :span="3">
            <el-form-item label-width="60px" label="年度：" prop="coopname">
              <el-date-picker
                v-model="selectFormData.year"
                type="year"
                placeholder="选择年"
                :style="{width: '100%'}">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="合作社名称：" prop="coopname">
              <el-input v-model="selectFormData.coopname" placeholder="请输入合作社名称" clearable
                :style="{width: '100%'}"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="日期范围：" prop="timerange">
              <el-date-picker type="daterange" v-model="selectFormData.timerange" format="yyyy-MM-dd"
                value-format="yyyy-MM-dd" :style="{width: '100%'}" start-placeholder="开始日期"
                end-placeholder="结束日期" range-separator="至" clearable></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-form-item>
              <el-button type="primary" @click="selectForm">查询</el-button>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>