1

src/router/index.js

@@ -225,6 +225,13 @@ const routes = [
         meta: { title: '教师管理' },
         component: () => import('@/views/teacher/index.vue'),
       },
+      // 09-24
+      {
+        path: '/experience/index',
+        name: 'experience_index',
+        meta: { title: '培训心得' },
+        component: () => import('@/views/experience/index.vue'),
+      },
     ],
   },
   {

src/views/experience/index.vue

@@ -0,0 +1,82 @@
+<template>
+  <div id="index">
+    <list-frame title="培训心得" @query="search" :total="total" :needFilter="false" :needAdd="false">
+      <data-table :fields="fields" :data="list" :opera="opera" @view="toView" @delete="toDelete"></data-table>
+    </list-frame>
+    <el-dialog :visible.sync="dialog" title="培训心得" @close="toClose" width="30%">
+      <data-form :data="form" :fields="formFields" :rules="{}" :needSave="false"> </data-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash';
+import listFrame from '@frame/layout/admin/list-frame';
+import dataForm from '@frame/components/form';
+import dataTable from '@frame/components/data-table';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo: { title: '培训心得' },
+  name: 'index',
+  props: {},
+  components: {
+    listFrame,
+    dataTable,
+    dataForm,
+  },
+  data: () => ({
+    opera: [
+      {
+        label: '查看',
+        icon: 'el-icon-view',
+        method: 'view',
+      },
+      {
+        label: '删除',
+        icon: 'el-icon-delete',
+        method: 'delete',
+      },
+    ],
+    fields: [
+      { label: '标题', prop: 'title' },
+      { label: '内容', prop: 'content' },
+    ],
+    list: [
+      {
+        title: '标题',
+        content: '内容',
+      },
+    ],
+    total: 0,
+    dialog: false,
+    form: {},
+    formFields: [
+      { label: '标题', model: 'title', type: 'text' },
+      { label: '内容', model: 'content', type: 'text' },
+    ],
+  }),
+  created() {},
+  computed: { ...mapState(['user', 'defaultOption']) },
+  methods: {
+    search({ skip = 0, limit = 10, ...info } = {}) {},
+    // 查看
+    toView({ data }) {
+      this.$set(this, `form`, data);
+      this.dialog = true;
+    },
+    // 删除
+    toDelete({ data }) {
+      console.log(data);
+    },
+    // 保存
+    turnSave({ data }) {},
+    // 关闭
+    toClose() {
+      this.form = {};
+      this.dialog = false;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>