凭证管理

src/components/SideBar.vue

@@ -6,6 +6,7 @@
     </div>
     <el-menu mode="vertical" :show-timeout="200" :router="true" background-color="#00142a" text-color="hsla(0, 0%, 100%, .65)" active-text-color="#409EFF">
       <el-menu-item index="/404">404</el-menu-item>
+      <el-menu-item index="/views/certificate/index">凭证管理</el-menu-item>
     </el-menu>
   </scroll-bar>
 </template>

src/router.js

@@ -22,6 +22,11 @@ export default new Router({
           name: 'notFound',
           component: () => import('./views/NotFound.vue'),
         },
+        {
+          path: '/views/certificate/index',
+          name: 'certificate',
+          component: () => import('./views/certificate/index.vue'),
+        },
       ],
     },
   ],

src/views/certificate/index.vue

@@ -0,0 +1,31 @@
+<template lang="html">
+  <div id="certificate">
+    <el-row :span="12">
+      <el-input placeholder="请输入内容" v-model="input">
+        <el-select v-model="select" slot="prepend" placeholder="请选择">
+          <el-option label="餐厅名" value="1"></el-option>
+          <el-option label="订单号" value="2"></el-option>
+          <el-option label="用户电话" value="3"></el-option>
+        </el-select>
+        <el-button slot="append" icon="el-icon-search"></el-button>
+      </el-input>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'certificate',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+    select: '',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>