学生绑定信息更新

src/layout/common/writeStu.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="writeStu">
+    <el-row>
+      <el-col :span="24" class="writeStu">
+        <van-form @submit="onSubmit">
+          <van-field v-model="form.name" name="学生姓名" label="学生姓名" placeholder="姓名" :rules="[{ required: true, message: '请填写姓名' }]" />
+          <van-field v-model="form.id_number" name="身份证号" label="身份证号" placeholder="身份证号" :rules="[{ required: true, message: '请填写身份证号' }]" />
+          <van-field v-model="form.phone" name="手机号" label="手机号" placeholder="手机号" :rules="[{ required: true, message: '请填写手机号' }]" />
+          <div style="margin: 16px;">
+            <van-button round block type="info" native-type="submit">
+              綁定
+            </van-button>
+          </div>
+        </van-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'writeStu',
+  props: {
+    form: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    onSubmit() {
+      this.$emit('onSubmit', { data: this.form });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/router/index.js

@@ -17,6 +17,12 @@ const routes = [
     path: '/classinfo',
     component: () => import('../views/classinfo.vue'),
   },
+  // 填写学生绑定信息
+  {
+    path: '/writeMessage',
+    meta: { title: '填写信息', isleftarrow: true },
+    component: () => import('../views/writeMessage.vue'),
+  },
   // 班级名单
   {
     path: '/class/index',

src/views/writeMessage.vue

@@ -0,0 +1,44 @@
+<template>
+  <div id="writeMessage">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
+        </el-col>
+        <el-col :span="24" class="mess">
+          <writeStu :form="form" @onSubmit="onSubmit"></writeStu>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import NavBar from '@/layout/common/topInfo.vue';
+import writeStu from '@/layout/common/writeStu.vue';
+
+export default {
+  name: 'writeMessage',
+  props: {},
+  components: {
+    NavBar, //底部信息
+    writeStu, //填写学生绑定信息
+  },
+  data: () => ({
+    form: {},
+    title: '填写信息',
+    isleftarrow: '',
+    transitionName: 'fade',
+    navShow: true,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    onSubmit(form) {
+      console.log(form);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>