后台开发

src/api/canteen/canteenList.js

@@ -25,3 +25,21 @@ export function delCanteen(id) {
     method: 'delete',
   })
 }
+
+//get canteen by id
+export function getCanteenById(id) {
+  return request({
+    url: '/canteen/getCanteenById/'+id,
+    method: 'get',
+  })
+}
+
+
+//updateCanteen
+export function updateCanteen(data) {
+  return request({
+    url: '/canteen/updateCanteen',
+    method: 'put',
+    data:data
+  })
+}

src/views/canteen/canteenList/index.vue

@@ -47,7 +47,7 @@
   </div>
 </template>
 <script>
-  import { getList,delCanteen,addCanteen,updateCanteen,getCanteen} from "@/api/canteen/canteenList";
+  import { getList,delCanteen,addCanteen,updateCanteen,getCanteenById} from "@/api/canteen/canteenList";
   export default {
     //页签缓存页面的name要和路由中的那么要相同，才能缓存，
     //如果是自定义菜单，则页面的name和菜单管理中路由地址要相同，才能页签缓存
@@ -118,10 +118,8 @@
         //清空表单
         this.reset();
         const id = row.id || this.ids[0]
-        let data ={
-          id:id
-        }
-        getCanteen(data).then(response => {
+
+        getCanteenById(id).then(response => {
           this.form = response.data;
           this.open = true;
           this.title = "修改饭堂";