更新教师审核

src/router/index.js

@@ -55,6 +55,11 @@ const routes = [
         name: 'teacher_index',
         component: () => import('@/views/teacher/means.vue'),
       },
+      {
+        path: '/teacher/verify',
+        name: 'teacher_index',
+        component: () => import('@/views/teacher/verify.vue'),
+      },
       {
         path: '/work/detail',
         name: 'work_detail',

src/views/teacher/index.vue

@@ -9,7 +9,7 @@
           <el-option v-for="(item, index) in lists" :key="index" :value="item.label"></el-option>
         </template>
       </template>
-      <data-table :fields="fields" :data="index" :opera="opera" @edit="toEdit"></data-table>
+      <data-table :fields="fields" :data="index" :opera="opera" @edit="toEdit" @select="toSelect"></data-table>
     </list-frame>
   </div>
 </template>
@@ -42,6 +42,14 @@ export default {
         icon: 'el-icon-edit',
         method: 'edit',
       },
+      {
+        label: '审核',
+        icon: 'el-icon-s-order',
+        method: 'select',
+        display: item => {
+          return item.state === '2' || item.state === '3';
+        },
+      },
     ],
     fields: [
       { label: '姓名', prop: 'name' },
@@ -118,7 +126,7 @@ export default {
         tea: '1',
         zlgrade: '11',
         msgrade: '100',
-        state: '1',
+        state: '3',
       },
     ],
     filFields: [
@@ -147,6 +155,11 @@ export default {
       console.log(data);
       this.$router.push({ path: '/teacher/detail', query: { id: data.id } });
     },
+    toSelect(data) {
+      console.log(`in toEdit`);
+      console.log(data);
+      this.$router.push({ path: '/teacher/verify', query: { state: data.state } });
+    },
   },
 };
 </script>

src/views/teacher/verify.vue

@@ -0,0 +1,73 @@
+<template>
+  <div id="verify">
+    <detail-frame title="审核详情页" returns="./index">
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px" class="form" size="small" @submit.native.prevent>
+        <el-form-item label="活动区域">
+          <el-select v-model="form.state" placeholder="请选择状态">
+            <el-option label="注册" value="0"></el-option>
+            <el-option label="确认身份" value="1"></el-option>
+            <el-option label="资料评分" value="2"></el-option>
+            <el-option label="面试评分" value="3"></el-option>
+            <el-option label="确认入库" value="4"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item :label="this.$route.query.state == 2 ? '资料评分' : '面试评分'" prop="title" required :isNew="isNew">
+          <el-input v-model="form.title"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-row type="flex" align="middle" justify="space-around">
+            <el-col :span="6">
+              <el-button type="primary" @click="toSave">保存</el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-form>
+    </detail-frame>
+  </div>
+</template>
+
+<script>
+import detailFrame from '@frame/layout/admin/detail-frame';
+import dataForm from '@frame/components/form';
+import upload from '@frame/components/upload';
+export default {
+  metaInfo: { title: '审核详情页' },
+  name: 'verify',
+  props: {},
+  components: {
+    detailFrame,
+  },
+  data: () => ({
+    state: '',
+    title: '',
+    form: {
+      state: '',
+    },
+
+    rules: {
+      state: [{ required: true, message: '请选择状态' }],
+    },
+  }),
+  created() {},
+  computed: {
+    isNew() {
+      console.log(this.$route.query.state);
+      if (this.$route.query.state == 2) {
+        return '资料评分';
+      } else {
+        return '面试评分';
+      }
+    },
+  },
+  methods: {
+    uploadSuccess() {},
+    async handleSave({ isNew, data }) {
+      console.log(isNew);
+      console.log(data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>