frontend/admin/src/views/dept/edit.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!-- dept create -->
<template>
  <div class="app-container">

    <el-form :model="form"
             ref="form"
             label-width="100px"
             v-loading="formLoading"
             :rules="rules">
      <el-form-item label="系别名称："
                    prop="deptName">
        <el-input v-model="form.deptName"></el-input>
      </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 { mapActions } from 'vuex'
import deptApi from '@/api/dept'

export default {
  components: {},
  data() {
    return {
      form: {
        id: null,
        deptName: '',
      },
      formLoading: false,
      rules: {
        deptName: [
          { required: true, message: '请输入系别名称', trigger: 'blur' },
        ],
      },
    }
  },
  watch: {},
  methods: {
    async submitForm() {
      let _this = this
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.formLoading = true
          var { id, deptName } = this.form
          deptApi
            .update({ id, deptName })
            .then(() => {
              _this.$message.success('修改成功')
              _this.delCurrentView(_this).then(() => {
                _this.$router.push('/dept/list')
              })
            })
            .catch(() => {
              _this.formLoading = false