更新部门

src/store/classes.js

@@ -3,7 +3,7 @@ import Vuex from 'vuex';
 import _ from 'lodash';
 Vue.use(Vuex);
 const api = {
-  interface: `/api/dept`,
+  interface: `/api/class`,
 };
 const state = () => ({});
 const mutations = {};

src/store/dept.js

@@ -3,7 +3,7 @@ import Vuex from 'vuex';
 import _ from 'lodash';
 Vue.use(Vuex);
 const api = {
-  interface: `/api/dept`,
+  interface: `/api//department`,
 };
 const state = () => ({});
 const mutations = {};

src/views/dept/detail.vue

@@ -22,9 +22,9 @@ export default {
   },
   data: () => ({
     info: {},
-    fields: [{ label: '所属部门', required: true, model: 'deptname' }],
+    fields: [{ label: '所属部门', required: true, model: 'name' }],
     rules: {
-      deptname: [{ required: true, message: '请输入部门名称' }],
+      name: [{ required: true, message: '请输入部门名称' }],
     },
   }),
   created() {},
@@ -58,12 +58,12 @@ export default {
       let msg;
       if (isNew) {
         res = this.create(data);
-        msg = '班级添加成功';
+        msg = '部门添加成功';
       } else {
         res = this.update(data);
-        msg = '班级修改成功';
+        msg = '部门修改成功';
       }
-      if (this.$checkRes(res, msg)) this.$router.push({ path: '/classes/index' });
+      if (this.$checkRes(res, msg)) this.$router.push({ path: '/dept/index' });
     },
   },
 };

src/views/dept/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="index">
     <list-frame title="部门管理" @query="search" :needFilter="false" @add="$router.push({ path: '/dept/detail' })">
-      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @deltet="toDelete"></data-table>
+      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @delete="toDelete"></data-table>
     </list-frame>
   </div>
 </template>
@@ -9,6 +9,8 @@
 <script>
 import listFrame from '@frame/layout/admin/list-frame';
 import dataTable from '@frame/components/data-table';
+import { createNamespacedHelpers } from 'vuex';
+const { mapActions } = createNamespacedHelpers('dept');
 export default {
   metaInfo: { title: '部门管理' },
   name: 'index',
@@ -27,29 +29,41 @@ export default {
       {
         label: '删除',
         icon: 'el-icon-delete',
+
         method: 'delete',
+        confirm: true,
+        methodZh: '删除',
       },
     ],
-    fields: [{ label: '部门名称', prop: 'deptname' }],
-    list: [
-      { id: 1, deptname: '信息部' },
-      { id: 2, deptname: '办公室' },
-    ],
+    fields: [{ label: '部门名称', prop: 'name' }],
+    list: [],
   }),
-  created() {},
+  created() {
+    this.search();
+  },
   computed: {},
   methods: {
-    search({ skip = 0, limit = 15, ...info } = {}) {
-      console.log(`in search`);
+    ...mapActions(['query', 'delete']),
+    async search({ skip = 0, limit = 15, ...info } = {}) {
+      const res = await this.query({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
     },
+
     toEdit(data) {
       console.log(`in toEdit`);
       console.log(data);
       this.$router.push({ path: '/dept/detail', query: { id: data.id } });
     },
-    toDelete(data) {
+
+    async toDelete(data) {
       console.log(`in toDelete`);
       console.log(data);
+      const res = await this.delete(data.id);
+      this.$checkRes(res, '删除成功', '删除失败');
+      this.search();
     },
   },
 };

src/views/director/detail.vue

@@ -36,24 +36,24 @@ export default {
     info: { name: 'tes' },
     fields: [
       { label: '姓名', required: true, model: 'name' },
-      { label: '所属部门', required: true, model: 'dept', type: 'select' },
+      { label: '所属部门', required: true, model: 'department', type: 'select' },
       { label: '性别', required: true, model: 'gender', type: `select` },
-      { label: '电话', required: true, model: 'tel', options: { maxlength: 11, minlength: 11 } },
+      { label: '电话', required: true, model: 'phone', options: { maxlength: 11, minlength: 11 } },
       { label: '出生日期', required: true, model: 'birthday', type: 'date' },
       { label: '年龄', required: true, model: 'age' },
-      { label: '礼仪课教师', required: true, model: 'is_ly', type: 'radio' },
+      { label: '礼仪课教师', required: true, model: 'is_etiquette_teacher', type: 'radio' },
     ],
     rules: {
       name: [{ required: true, message: '请输入姓名' }],
-      dept: [{ required: true, message: '请选择部门' }],
+      department: [{ required: true, message: '请选择部门' }],
       gender: [{ required: true, message: '请选择性别' }],
-      tel: [
+      phone: [
         { required: true, message: '请输入电话' },
         { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
       ],
       birthday: [{ required: true, message: '请选择出生日期' }],
       age: [{ required: true, message: '请输入年龄' }],
-      is_ly: [{ required: true, message: '请选择是否是礼仪课教师' }],
+      is_lis_etiquette_teacher: [{ required: true, message: '请选择是否是礼仪课教师' }],
     },
   }),
   created() {},