诊所维护

src/views/settingsPage/clinicMaintenance/index.vue

@@ -0,0 +1,87 @@
+<template>
+  <div class="app-container">
+    <el-form :inline="true">
+      <el-form-item label="姓名：">
+        <el-input
+          v-model="form.doctorName"
+          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
+        >
+        <el-button @click="reset">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <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>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="form.pageNum"
+      :limit.sync="form.pageSize"
+      @pagination="initList"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EitcErmPcIndex',
+
+  data() {
+    return {
+      form: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      tableData: [
+        {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        },
+        {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1517 弄'
+        },
+        {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1519 弄'
+        },
+        {
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1516 弄'
+        }
+      ],
+      total: 0
+    }
+  },
+
+  mounted() {},
+
+  methods: {
+    initList() {},
+    reset() {}
+  }
+}
+</script>