Merge branch 'master' of http://git.cc-lotus.info/new_train/train-center

src/router/index.js

@@ -91,6 +91,41 @@ const routes = [
         name: 'director_index',
         component: () => import('@/views/director/index.vue'),
       },
+      {
+        path: '/director/detail',
+        name: 'director_detail',
+        component: () => import('@/views/director/detail.vue'),
+      },
+      {
+        path: '/dept/index',
+        name: 'dept_index',
+        component: () => import('@/views/dept/index.vue'),
+      },
+      {
+        path: '/dept/detail',
+        name: 'dept_detail',
+        component: () => import('@/views/dept/detail.vue'),
+      },
+      {
+        path: '/place/index',
+        name: 'place_index',
+        component: () => import('@/views/place/index.vue'),
+      },
+      {
+        path: '/place/detail',
+        name: 'place_detail',
+        component: () => import('@/views/place/detail.vue'),
+      },
+      {
+        path: '/bedroom/index',
+        name: 'bedroom_index',
+        component: () => import('@/views/bedroom/index.vue'),
+      },
+      {
+        path: '/bedroom/detail',
+        name: 'bedroom_detail',
+        component: () => import('@/views/bedroom/detail.vue'),
+      },
     ],
   },
 ];

src/views/bedroom/detail.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="detail">
+    <detail-frame title="寝室信息" returns="/bedroom/index">
+      <data-form :data="info" :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew">
+        <template #radios="{item}">
+          <template v-if="item.model === 'gender'">
+            <el-radio label="1">男</el-radio>
+            <el-radio label="0">女</el-radio>
+          </template>
+          <template v-if="item.model === 'floor'">
+            <el-radio v-for="i in 5" :key="i" :label="`${i}楼`">{{ `${i}楼` }}</el-radio>
+          </template>
+        </template>
+      </data-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+export default {
+  metaInfo: { title: '寝室信息' },
+  name: 'detail',
+  props: {},
+  components: {
+    detailFrame,
+    dataForm,
+  },
+  data: () => ({
+    info: {},
+    fields: [
+      { label: '寝室号', required: true, model: 'no' },
+      { label: '人数', required: true, model: 'num' },
+      { label: '男女限制', required: true, model: 'gender', type: 'radio' },
+      { label: '楼层', required: true, model: 'floor', type: 'radio' },
+    ],
+    rules: {
+      no: [{ required: true, message: '请输入寝室号' }],
+      num: [{ required: true, message: '请输入人数' }],
+      gender: [{ required: true, message: '请选择男女限制' }],
+      floor: [{ required: true, message: '请选择楼层' }],
+    },
+  }),
+  created() {},
+  computed: {
+    isNew() {
+      return this.$route.query.id ? false : true;
+    },
+  },
+  methods: {
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/bedroom/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div id="index">
+    <list-frame title="寝室管理" @query="search" :needFilter="false" @add="$router.push({ path: '/bedroom/detail' })">
+      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit"></data-table>
+    </list-frame>
+  </div>
+</template>
+
+<script>
+import listFrame from '@frame/layout/admin/list-frame';
+import dataTable from '@frame/layout/admin/data-table';
+export default {
+  metaInfo: { title: '寝室管理' },
+  name: 'index',
+  props: {},
+  components: {
+    listFrame,
+    dataTable,
+  },
+  data: () => ({
+    opera: [
+      {
+        label: '编辑',
+        icon: 'el-icon-edit',
+        method: 'edit',
+      },
+      {
+        label: '删除',
+        icon: 'el-icon-delete',
+        method: 'delete',
+      },
+    ],
+    fields: [
+      { label: '寝室号', prop: 'no' },
+      { label: '人数', prop: 'num' },
+      {
+        label: '男女限制',
+        prop: 'gender',
+        format: item => {
+          return item === '1' ? '男' : '女';
+        },
+      },
+      { label: '楼层', prop: 'floor' },
+    ],
+    list: [
+      { id: 1, no: '501', num: 6, gender: '1', floor: '5楼' },
+      { id: 2, no: '502', num: 4, gender: '0', floor: '1楼' },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    search({ skip = 0, limit = 15, ...info } = {}) {
+      console.log(`in search`);
+    },
+    toEdit(data) {
+      console.log(`in toEdit`);
+      console.log(data);
+      this.$router.push({ path: '/place/detail', query: { id: data.id } });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/dept/detail.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="detail">
+    <detail-frame title="部门信息" returns="/dept/index">
+      <data-form :data="info" :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew"> </data-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+export default {
+  metaInfo: { title: '部门信息' },
+  name: 'detail',
+  props: {},
+  components: {
+    detailFrame,
+    dataForm,
+  },
+  data: () => ({
+    info: {},
+    fields: [{ label: '所属部门', required: true, model: 'deptname' }],
+    rules: {
+      deptname: [{ required: true, message: '请输入部门名称' }],
+    },
+  }),
+  created() {},
+  computed: {
+    isNew() {
+      return this.$route.query.id ? false : true;
+    },
+  },
+  methods: {
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/dept/index.vue

@@ -0,0 +1,54 @@
+<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"></data-table>
+    </list-frame>
+  </div>
+</template>
+
+<script>
+import listFrame from '@frame/layout/admin/list-frame';
+import dataTable from '@frame/layout/admin/data-table';
+export default {
+  metaInfo: { title: '部门管理' },
+  name: 'index',
+  props: {},
+  components: {
+    listFrame,
+    dataTable,
+  },
+  data: () => ({
+    opera: [
+      {
+        label: '编辑',
+        icon: 'el-icon-edit',
+        method: 'edit',
+      },
+      {
+        label: '删除',
+        icon: 'el-icon-delete',
+        method: 'delete',
+      },
+    ],
+    fields: [{ label: '部门名称', prop: 'deptname' }],
+    list: [
+      { id: 1, deptname: '信息部' },
+      { id: 2, deptname: '办公室' },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    search({ skip = 0, limit = 15, ...info } = {}) {
+      console.log(`in search`);
+    },
+    toEdit(data) {
+      console.log(`in toEdit`);
+      console.log(data);
+      this.$router.push({ path: '/dept/detail', query: { id: data.id } });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/director/detail.vue

@@ -0,0 +1,74 @@
+<template>
+  <div id="detail">
+    <detail-frame title="班主任信息" returns="/director/index">
+      <data-form :data="info" :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew">
+        <template #options="{item}">
+          <template v-if="item.model === 'gender'">
+            <el-option label="男" value="1"></el-option>
+            <el-option label="女" value="0"></el-option>
+          </template>
+          <template v-if="item.model === 'dept'">
+            <el-option label="信息部" value="1"></el-option>
+            <el-option label="办公室" value="0"></el-option>
+          </template>
+        </template>
+        <template #radios="{item}">
+          <el-radio label="1">是</el-radio>
+          <el-radio label="0">否</el-radio>
+        </template>
+      </data-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+export default {
+  metaInfo: { title: '班主任信息' },
+  name: 'detail',
+  props: {},
+  components: {
+    detailFrame,
+    dataForm,
+  },
+  data: () => ({
+    info: { name: 'tes' },
+    fields: [
+      { label: '姓名', required: true, model: 'name' },
+      { label: '所属部门', required: true, model: 'dept', type: 'select' },
+      { label: '性别', required: true, model: 'gender', type: `select` },
+      { label: '电话', required: true, model: 'tel', 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' },
+    ],
+    rules: {
+      name: [{ required: true, message: '请输入姓名' }],
+      dept: [{ required: true, message: '请选择部门' }],
+      gender: [{ required: true, message: '请选择性别' }],
+      tel: [
+        { required: true, message: '请输入电话' },
+        { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
+      ],
+      birthday: [{ required: true, message: '请选择出生日期' }],
+      age: [{ required: true, message: '请输入年龄' }],
+      is_ly: [{ required: true, message: '请选择是否是礼仪课教师' }],
+    },
+  }),
+  created() {},
+  computed: {
+    isNew() {
+      return this.$route.query.id ? false : true;
+    },
+  },
+  methods: {
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/director/index.vue

@@ -1,8 +1,11 @@
 <template>
   <div id="index">
-    <list-frame title="班主任管理" @query="search" :filter="filFields">
+    <list-frame title="班主任管理" @query="search" :filter="filFields" @add="$router.push({ path: '/director/detail' })">
       <template #options="{item}">
-        <template v-if="item.model"></template>
+        <template v-if="item.model === 'dept'">
+          <el-option label="信息部" value="1"></el-option>
+          <el-option label="办公室" value="0"></el-option>
+        </template>
       </template>
       <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit"></data-table>
     </list-frame>
@@ -13,7 +16,7 @@
 import listFrame from '@frame/layout/admin/list-frame';
 import dataTable from '@frame/layout/admin/data-table';
 export default {
-  metaInfo: { title: '班主任表' },
+  metaInfo: { title: '班主任管理' },
   name: 'index',
   props: {},
   components: {
@@ -62,8 +65,8 @@ export default {
       },
     ],
     list: [
-      { name: '班主任1', deptname: '信息部', gender: '1', tel: '13089419810', age: 20, birthday: `2020-01-01`, is_ly: 0 },
-      { name: '班主任2', deptname: '信息部', gender: '0', tel: '13089419810', age: 20, birthday: `2020-01-01`, is_ly: 1 },
+      { id: 1, name: '班主任1', deptname: '信息部', gender: '1', tel: '13089419810', age: 20, birthday: `2020-01-01`, is_ly: 0 },
+      { id: 2, name: '班主任2', deptname: '信息部', gender: '0', tel: '13089419810', age: 20, birthday: `2020-01-01`, is_ly: 1 },
     ],
   }),
   created() {},
@@ -75,6 +78,7 @@ export default {
     toEdit(data) {
       console.log(`in toEdit`);
       console.log(data);
+      this.$router.push({ path: '/director/detail', query: { id: data.id } });
     },
   },
 };

src/views/place/detail.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="detail">
+    <detail-frame title="地点信息" returns="/dept/index">
+      <data-form :data="info" :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew"> </data-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+export default {
+  metaInfo: { title: '地点信息' },
+  name: 'detail',
+  props: {},
+  components: {
+    detailFrame,
+    dataForm,
+  },
+  data: () => ({
+    info: {},
+    fields: [{ label: '地点', required: true, model: 'placename' }],
+    rules: {
+      placename: [{ required: true, message: '请输入地点' }],
+    },
+  }),
+  created() {},
+  computed: {
+    isNew() {
+      return this.$route.query.id ? false : true;
+    },
+  },
+  methods: {
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/place/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="index">
+    <list-frame title="地点管理" @query="search" :needFilter="false" @add="$router.push({ path: '/place/detail' })">
+      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit"></data-table>
+    </list-frame>
+  </div>
+</template>
+
+<script>
+import listFrame from '@frame/layout/admin/list-frame';
+import dataTable from '@frame/layout/admin/data-table';
+export default {
+  metaInfo: { title: '地点管理' },
+  name: 'index',
+  props: {},
+  components: {
+    listFrame,
+    dataTable,
+  },
+  data: () => ({
+    opera: [
+      {
+        label: '编辑',
+        icon: 'el-icon-edit',
+        method: 'edit',
+      },
+      {
+        label: '删除',
+        icon: 'el-icon-delete',
+        method: 'delete',
+      },
+    ],
+    fields: [{ label: '地点', prop: 'placename' }],
+    list: [
+      { id: 1, placename: '501' },
+      { id: 2, placename: '502' },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    search({ skip = 0, limit = 15, ...info } = {}) {
+      console.log(`in search`);
+    },
+    toEdit(data) {
+      console.log(`in toEdit`);
+      console.log(data);
+      this.$router.push({ path: '/place/detail', query: { id: data.id } });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>