el-input和el-select的框的宽度自适应不一致问题

在实际elemen ui中 el-input与el-select自适应中输入框长度不一致如何解决？实际上就是在el-select中加上style="width:100%"

效果图 

 <el-form-item prop="name" label="角色名称" >
            <el-input
              v-if="dialogStatus !=='设置'"
              v-model="role.name"
            ></el-input>
            <span v-else>{{ role.name }}</span>
          </el-form-item>
          <el-form-item prop="level" label="级别">
            <el-select v-model="role.level" placeholder="请选择" style="width: 100%;">
              <el-option
                v-for="item in levelOptions"
                :key="item.id"
                :label="item.name"
                :disabled="level>=item.id"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>