诊所维护加增删改

src/views/settingsPage/clinicMaintenance/index.vue

@@ -7,16 +7,6 @@
           placeholder="请输入姓名查找"
         ></el-input>
       </el-form-item>
-      <el-form-item label="日期">
-        <el-date-picker
-          type="month"
-          v-model="form.date"
-          format="yyyy 年 MM 月"
-          value-format="yyyy-MM"
-          :clearable="false"
-        >
-        </el-date-picker>
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="initList" icon="el-icon-search"
           >搜索</el-button
@@ -25,10 +15,27 @@
       </el-form-item>
     </el-form>
 
+    <el-row style="margin-bottom: 20px;">
+      <el-button type="primary" plain icon="el-icon-plus" size="mini"
+        >新增</el-button
+      >
+    </el-row>
+
     <el-table :data="tableData" style="width: 100%">
-      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
-      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
-      <el-table-column prop="address" label="地址"> </el-table-column>
+      <el-table-column prop="date" label="日期" align="center">
+      </el-table-column>
+      <el-table-column prop="name" label="姓名" align="center">
+      </el-table-column>
+      <el-table-column prop="address" label="地址" align="center">
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button type="text" size="small">编辑</el-button>
+          <el-button type="text" size="small" style="color: red"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
     </el-table>
 
     <pagination