v3.0.6

source/vue/xzs-admin/src/views/education/subject/edit.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="app-container">
+
+    <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading">
+      <el-form-item label="学科：" required>
+        <el-input v-model="form.name"></el-input>
+      </el-form-item>
+      <el-form-item label="年级：" required>
+        <el-select v-model="form.level" placeholder="年级">
+          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">提交</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapState, mapActions } from 'vuex'
+import subjectApi from '@/api/subject'
+
+export default {
+  data () {
+    return {
+      form: {
+        id: null,
+        name: '',
+        level: 1,
+        levelName: ''
+      },
+      formLoading: false
+    }
+  },
+  created () {
+    let id = this.$route.query.id
+    let _this = this
+    if (id && parseInt(id) !== 0) {
+      _this.formLoading = true
+      subjectApi.select(id).then(re => {
+        _this.form = re.response
+        _this.formLoading = false
+      })
+    }
+  },
+  methods: {
+    submitForm () {
+      let _this = this
+      this.formLoading = true
+      this.form.levelName = this.enumFormat(this.levelEnum, this.form.level)
+      subjectApi.edit(this.form).then(data => {
+        if (data.code === 1) {
+          _this.$message.success(data.message)
+          _this.delCurrentView(_this).then(() => {
+            _this.$router.push('/education/subject/list')
+          })
+        } else {
+          _this.$message.error(data.message)
+          _this.formLoading = false
+        }
+      }).catch(e => {
+        _this.formLoading = false
+      })
+    },
+    resetForm () {
+      this.$refs['form'].resetFields()
+    },
+    ...mapActions('tagsView', { delCurrentView: 'delCurrentView' })
+  },
+  computed: {
+    ...mapGetters('enumItem', [
+      'enumFormat'
+    ]),
+    ...mapState('enumItem', {
+      levelEnum: state => state.user.levelEnum
+    })
+  }
+}
+</script>

source/vue/xzs-admin/src/views/education/subject/list.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParam" ref="queryForm" :inline="true">
+      <el-form-item label="年级：">
+        <el-select v-model="queryParam.level" placeholder="年级" clearable="">
+          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">查询</el-button>
+        <router-link :to="{path:'/education/subject/edit'}" class="link-left">
+          <el-button type="primary">添加</el-button>
+        </router-link>
+      </el-form-item>
+    </el-form>
+
+    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
+      <el-table-column prop="id" label="Id" />
+      <el-table-column prop="name" label="学科"/>
+      <el-table-column prop="levelName" label="年级" />
+      <el-table-column width="220px" label="操作" align="center">
+        <template slot-scope="{row}">
+          <router-link :to="{path:'/education/subject/edit', query:{id:row.id}}" class="link-left">
+            <el-button size="mini">编辑</el-button>
+          </router-link>
+          <el-button   size="mini" type="danger" @click="delSubject(row)" class="link-left">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
+                @pagination="search"/>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapState } from 'vuex'
+import Pagination from '@/components/Pagination'
+import subjectApi from '@/api/subject'
+
+export default {
+  components: { Pagination },
+  data () {
+    return {
+      queryParam: {
+        level: null,
+        pageIndex: 1,
+        pageSize: 10
+      },
+      listLoading: true,
+      tableData: [],
+      total: 0
+    }
+  },
+  created () {
+    this.search()
+  },
+  methods: {
+    search () {
+      this.listLoading = true
+      subjectApi.pageList(this.queryParam).then(data => {
+        const re = data.response
+        this.tableData = re.list
+        this.total = re.total
+        this.queryParam.pageIndex = re.pageNum
+        this.listLoading = false
+      })
+    },
+    submitForm () {
+      this.queryParam.pageIndex = 1
+      this.search()
+    },
+    delSubject (row) {
+      let _this = this
+      subjectApi.deleteSubject(row.id).then(re => {
+        if (re.code === 1) {
+          _this.search()
+          _this.$message.success(re.message)
+        } else {
+          _this.$message.error(re.message)
+        }
+      })
+    }
+  },
+  computed: {
+    ...mapGetters('enumItem', [
+      'enumFormat'
+    ]),
+    ...mapState('enumItem', {
+      levelEnum: state => state.user.levelEnum
+    })
+  }
+}
+</script>