添加交互

src/views/basicTable/category.vue

     <el-card shadow="never">
       <search :search-params="searchParams" />
       <div class="operating">
-        <el-button size="small" type="warning" @click="add">新增</el-button>
+        <el-button size="small" type="warning" @click="showAdd == true"
+          >新增</el-button
+        >
         <el-button size="small" type="default">批量删除</el-button>
         <el-button size="small" type="default">批量导入</el-button>
       </div>
         class="ele-pagination-circle"
       />
     </el-card>
+    <el-dialog title="添加表" :visible.sync="showAdd" width="600px">
+      <el-form
+        :model="form"
+        label-width="82px"
+        custom-class="editForm"
+        @keyup.enter.native="save"
+        @submit.native.prevent
+      >
+        <el-row :gutter="15">
+          <el-col :sm="12">
+            <el-form-item label="考核年度：">
+              <el-input></el-input>
+            </el-form-item>
+            <el-form label="表格名称：">
+              <el-input placeholder="请输入如表格编号"></el-input>
+            </el-form>
+            <el-form label="创建时间：">
+              <el-input placeholder="请输入如表格编号"></el-input>
+            </el-form>
+          </el-col>
+          <el-col :sm="12">
+            <el-form-item label="表编号：">
+              <el-input></el-input>
+            </el-form-item>
+            <el-form label="备注：">
+              <el-input placeholder="请输入如表格编号"></el-input>
+            </el-form>
+            <el-form label="创建人：">
+              <el-input placeholder="请输入如表格编号"></el-input>
+            </el-form>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
     return {
       searchParams: {},
       dataList: [],
-      count:0,
-      page:{
-        page:1,
-        limit:10,
-      }
+      count: 0,
+      page: {
+        page: 1,
+        limit: 10,
+      },
+      showAdd: false,
+      form: {},
     };
   },
   created() {