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

src/router/index.js

@@ -141,6 +141,16 @@ const routes = [
         name: 'classes_detail',
         component: () => import('@/views/classes/detail.vue'),
       },
+      {
+        path: '/student/index',
+        name: 'student_index',
+        component: () => import('@/views/student/index.vue'),
+      },
+      {
+        path: '/student/detail',
+        name: 'student_detail',
+        component: () => import('@/views/student/detail.vue'),
+      },
     ],
   },
 ];

src/views/student/detail.vue

@@ -0,0 +1,102 @@
+<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-else>
+            <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: 'name' },
+      { label: '性别', required: true, model: 'gender', type: 'radio' },
+      { label: '民族', required: true, model: 'mz', type: 'select' },
+      { label: '身份证号', required: true, model: 'idcard', options: { maxlength: 18 } },
+      { label: '学校', required: true, model: 'school', type: 'select' },
+      { label: '院系', required: true, model: 'yard', type: 'select' },
+      { label: '专业', required: true, model: 'pro', type: 'select' },
+      { label: '入学年份', required: true, model: 'in_time', type: 'date' },
+      { label: '毕业年份', required: true, model: 'out_time', type: 'date' },
+      { label: '在校曾担任何种职务', model: 'old_pos' },
+      { label: '手机号', required: true, model: 'tel' },
+      { label: 'QQ号', required: true, model: 'qq' },
+      { label: '邮箱', required: true, model: 'email' },
+      { label: '家庭所在地', required: true, model: 'address' },
+      { label: '家庭是否困难', required: true, model: 'is_dif', type: 'radio' },
+      { label: '是否获得过助学金', required: true, model: 'is_getMoeny', type: 'radio' },
+      { label: '职务', model: 'pos' },
+      { label: '期', required: true, model: 'term' },
+      { label: '批次', required: true, model: 'batch' },
+      { label: '班级', required: true, model: 'classes' },
+      { label: '是否优秀', model: 'is_good', type: 'radio' },
+    ],
+    rules: {
+      name: [{ required: true, message: '请输入姓名' }],
+      gender: [{ required: true, message: '请选择性别' }],
+      mz: [{ required: true, message: '请选择民族' }],
+      idcard: [
+        { required: true, message: '请输入身份证号' },
+        { min: 18, max: 18, message: '请输入18位身份证号码', trigger: 'blur' },
+      ],
+      school: [{ required: true, message: '请选择学校' }],
+      yard: [{ required: true, message: '请选择院系' }],
+      pro: [{ required: true, message: '请选择专业' }],
+      in_time: [{ required: true, message: '请选择入学年份' }],
+      out_time: [{ required: true, message: '请选择毕业年份' }],
+      tel: [
+        { required: true, message: '请输入手机号' },
+        { min: 11, max: 11, message: '请输入11位手机号码', trigger: 'blur' },
+      ],
+      qq: [{ required: true, message: '请输入QQ号' }],
+      email: [{ required: true, message: '请输入邮箱' }],
+      address: [{ required: true, message: '请输入家庭所在地' }],
+      is_dif: [{ required: true, message: '请选择家庭是否困难' }],
+      is_getMoeny: [{ required: true, message: '请选择是否获得过助学金' }],
+      term: [{ required: true, message: '请输入期号' }],
+      batch: [{ required: true, message: '请输入批次' }],
+      classes: [{ required: true, message: '请输入班级' }],
+      is_good: [{ 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/student/index.vue

@@ -0,0 +1,126 @@
+<template>
+  <div id="index">
+    <list-frame title="学生管理" @query="search" :needFilter="false" @add="$router.push({ path: '/student/detail' })">
+      <data-table :fields="fields" :data="list" :opera="opera" @edit="toEdit" @deltet="toDelete"></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: 'name' },
+      {
+        label: '性别',
+        prop: 'gender',
+        format: item => {
+          return item === '1' ? '男' : '女';
+        },
+      },
+      { label: '民族', prop: 'mz' },
+      { label: '身份证号', prop: 'idcard' },
+      { label: '学校', prop: 'school' },
+      { label: '院系', prop: 'yard' },
+      { label: '专业', prop: 'pro' },
+      { label: '入学年份', prop: 'in_time' },
+      { label: '毕业年份', prop: 'out_time' },
+      { label: '在校曾担任何种职务', prop: 'old_pos' },
+      { label: '手机号', prop: 'tel' },
+      { label: 'QQ号', prop: 'qq' },
+      { label: '邮箱', prop: 'email' },
+      { label: '家庭所在地', prop: 'address' },
+      {
+        label: '家庭是否困难',
+        prop: 'is_dif',
+        format: item => {
+          return item === '1' ? '是' : '否';
+        },
+      },
+      {
+        label: '是否获得过助学金',
+        prop: 'is_getMoeny',
+        format: item => {
+          return item === '1' ? '是' : '否';
+        },
+      },
+      { label: '职务', prop: 'pos' },
+      { label: '期', prop: 'term' },
+      { label: '批次', prop: 'batch' },
+      { label: '班级', prop: 'classes' },
+      {
+        label: '是否优秀',
+        prop: 'is_good',
+        format: item => {
+          return item === '1' ? '是' : '否';
+        },
+      },
+    ],
+    list: [
+      {
+        id: 1,
+        name: '学生1',
+        gender: '1',
+        mz: '汉族',
+        idcard: 220103199911111922,
+        school: '测试学校',
+        yard: '测试学院',
+        pro: '测试专业',
+        in_time: '2019-01-01',
+        out_time: '2020-01-01',
+        old_pos: '无',
+        tel: '13000000000',
+        qq: '2938260457',
+        email: '2938260457@qq.com',
+        address: '测试地址',
+        is_dif: '1',
+        is_getMoeny: '0',
+        pos: '组长',
+        term: '233',
+        batch: '3',
+        classes: '3',
+        is_good: '0',
+      },
+    ],
+  }),
+  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 } });
+    },
+    toDelete(data) {
+      console.log(`in toDelete`);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>