cnpm install

npm run serve

npm run build

npm run lint

module.exports = {
  // 修改或新增html-webpack-plugin的值，在index.html里面能读取htmlWebpackPlugin.options.title
  chainWebpack: config => {
    config.plugin('html')
      .tap(args => {
        args[0].title = '校友捐赠管理系统'
        return args
      })
  }
}

  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/Login')
  },

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行
  //     next()  放行    next('/login')  强制跳转
  if (to.path === '/login') return next()
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})

axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须 return config
  return config
})

window.sessionStorage.setItem('token', res.data.token)

      <el-breadcrumb-item>{{msg2}}</el-breadcrumb-item>

<script>
export default {
  props: ['msg1', 'msg2']
}
</script>

    <Breadcrumb msg1="基本信息管理" :msg2="常数类别列表" />

<script>
import Breadcrumb from '@/components/Breadcrumb'
export default {
   components: {
    Breadcrumb
  },
}
</script>

<el-dialog :title="title" :visible.sync="show" :close-on-click-modal="false" width="500px">
  <ConstantTypeEdit v-if="show" :show.sync="show" @getData="getData()" :editid="editid"></ConstantTypeEdit>
</el-dialog>

<script>
export default {
  name: 'ConstantTypeEdit',
  props: ['editid'],
  methods: {
    save () {
        // 方法表达对其赋新值  :show.sync="show" 修改父组件show = false
        this.$emit('update:show', false)
      }
    }
  }
}
</script>

//state.js
export default {
  isCollapse: false
}
// 推荐把mutation里的方法采用变量定义，且将方法名定义到另外一个常量文件里 比如mutation-types.js
export const TOGGLE_COLLAPSE = 'toggleCollapse' // 折叠左侧菜单栏
// mutation.js
import { TOGGLE_COLLAPSE } from './mutation-types'

export default {
  [TOGGLE_COLLAPSE] (state) {
    state.isCollapse = !state.isCollapse
  }
}
// action

import { TOGGLE_COLLAPSE } from './mutation-types'

export default {
  toggle_collapse ({ commit }) {
    commit(TOGGLE_COLLAPSE)
  }
}

import { mapState } from 'vuex'

export default {
  /* 
  从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态
  当 状态 变化的时候, 都会重新求取计算属性，并且触发更新相关联的 DOM。
  获取方式一： this.$store.state.isCollapse  
  通过在根实例中注册 store 选项，该 store 实例会注入到根组件下的所有子组件中，且子组件能通过 this.$store 访问到。
  获取方式二： 使用 mapState 辅助函数帮助生成计算属性 并且使用了对象展开运算符 传对象的时候方便自己定义名称
  */
  computed: {
    ...mapState({
      isCollapse: 'isCollapse'
    })
  }
}

import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState({
      isCollapse: 'isCollapse'
    })
  },
  methods: {
    /*
   在组件中使用  this.$store.dispatch('xxx') 分发 action
    mapActions 是action的辅助函数 ，同时可以传数组，选择自己需要的action 函数
    */
    ...mapActions([
      'toggleCollapse'
    ])
  },
}

@Override
public boolean batchdel(Integer[] ids) {

    ConstantType constantType = new ConstantType();
    constantType.setActive(0);

    UpdateWrapper<ConstantType> wrapper = new UpdateWrapper<>();
    List<Integer> list = new ArrayList<>(ids.length);
    Collections.addAll(list,ids);
    wrapper.in("id",list);
    return this.update(constantType,wrapper);
}

batchdel () {
  if (this.selectedrow.length === 0) {
    this.$message('没有任何被选中的数据')
  } else {
    const ids = []
    for (let i = 0; i < this.selectedrow.length; i++) {
      ids.push(this.selectedrow[i].id)
    }
    this.$axios.del('/constantTypes/batchdel',
      () => {
        if (this.total === (this.queryInfo.page - 1) * this.queryInfo.limit + ids.length) this.queryInfo.page -= 1
        this.getData()
      },
      {
        ids: ids.join(',')
      }
    )
  }
},

@DeleteMapping("/batchdel")
public Result batchDel(@RequestParam String ids){
    String [] idList = ids.split(",");
    List<Integer> list = new ArrayList<>(idList.length);
    for (String id:idList){
        list.add(Integer.parseInt(id));
    }
    if(constantTypeService.removeByIds(list)) return ResultGenerator.getSuccessResult("","删除成功");
    return ResultGenerator.getFailResult("","删除失败");
}

data () {
    // name 必须唯一的
    var checkName = (rule, value, cb) => {
      // console.log(value)
      // value 传入的校验值
      const promise = this.$axios.http.get('/constantTypes/check', { params: { name: value } })
      promise.then(
        response => {
          if (response.data.status !== 200) {
            // 返回ERROR 表示 验证不符合要求
            cb(new Error('该常数类别代码存在'))
          }
          // 这是返回正确的
          cb()
        }
      )
    },
    rules: {
        code: [
          { required: true, message: '编码不能为空', trigger: 'blur' },
          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
          { validator: checkName, trigger: 'blur' }
        ]
      }
    }
  }

// 连接路径并返回
function resolve(dir) {
  return path.join(__dirname, '..', dir)
}

module.exports = {
  
  resolve: {
    // 在导入语句没带文件后缀时，webpack会自动按照顺序添加后缀名查找
    extensions: ['.js', '.vue', '.json'],
    // 配置别名
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      // 将项目根目录中，src的路径配置为别名@
      '@': resolve('src'),
    }
  }
}

this.$axios.del(`/constantTypes/${id}`, () => {
  if (this.total === (this.queryInfo.page - 1) * this.queryInfo.limit + 1) this.queryInfo.page -= 1
  this.getData()
})

<!-- 默认是插入到body -->
<el-select v-model="form.deptId" placeholder="请选择" :popper-append-to-body="false">
<!-- 添加自己样式 -->
<style scoped>
.el-select-dropdown {
  top: 38px !important;
  left: 0 !important;
}
</style>

<el-checkbox border
  v-for="(role, id) in roles"
  :key="id"
  :label="id"
>{{role.name}}</el-checkbox>