工作日记day9-10（navicat下载，@submit.native.prevent问题，新建pojiect页面）

day9

1.navc15 下载

链接不放了，版权问题

方便自己测试~~。修改按钮bug

2.问题：input输入框输入内容，按键盘上的回车按钮，会刷新界面

即：当一个 form 元素中只有一个输入框，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签添加 @submit.native.prevent。

<el-form :inline="true" @submit.native.prevent>
      <el-form-item>
        <el-input
          size="small"
          v-model="searchVal"
          v-focus
          ref="inputRef"
          @keyup.enter.native="event().toSearch()"
        ></el-input>
      </el-form-item>
    </el-form>

3.CSS命名规范-BEM

4.开会

赶项目可能要加班了
自己接了一个小接口，后台大哥名字没写对害我debug了一个钟

day10

今天要自己独立做一个界面，包括布局和拉接口，压力山大！还好周末了~
项目是动态路由，直接在菜单管理中新建一个菜单project，写好路径然后在vscode对应
路径位置创建project.vue文件。要用到的api在对应位置创建project.js
一整天就打了下面的代码~~~

1.project.vue

<template>
  <basic-container>
    <el-row :span="24">
      <el-col :span="6">
        <div class="flex">
          <label for="">城市：</label>
          <el-select
            size="small"
            v-model="selectCity"
            @change="getProjectOptionsbyCityId"
          >
            <el-option
              v-for="(item, index) in cityOptions"
              :key="index"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="flex">
          <label for="">项目：</label>
          <el-select size="small" v-model="selectProject">
            <el-option
              v-for="(item, index) in projectOptions"
              :key="index"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </div>
      </el-col>
      <el-col style="margin-left: 20px" :span="1.5">
        <el-button
          icon="el-icon-search"
          type="primary"
          @click="event().toSearch()"
          size="small"
          >搜索</el-button
        >
      </el-col>
      <el-col style="margin-left: 20px" :span="3">
        <el