审批模块:
- 审批设置跳转视图层,解决方案:通过路由传参实现需求
- 动态添加审批级别,解决方案:for循环渲染视图,动态的操作数组义实现需求.
企业管理模块:
- 上传图片:①接口地址需要全称;②需要单独设置请求头的token;③设置上传的文件字段名
- 校验:①在form标签中定义:rules="rules";②在lable定义prop;③在选项data中定义rules校验规则;
注意点:①定义prop的值要和v-model的值一样;②选项中定义rules要在表单的数据之后
- 省市县的二级联动:①获取到省的数据;②在省的select中定义change事件,同时将选中的省id传过去;③请求市的数据
https://blog.csdn.net/liuxin_1991/article/details/81502227// 获取地区,默认id=0async getCity(id) {let _this = this;// 如果选择省,将市的select设置为空this.form.city = "";const res = await this.$axios.post(`/region/list`, { region_id: id });if (id == 0) {// 如果 id=0 得到的数据为省的_this.provinceList = res.data;let id = this.form.province;// 再同时获取市的数据_this.$axios.post(`/region/list`, { region_id: id }).then(function(res) {_this.cityList = res.data;});} else {// 如果 id!=0 得到的数据为市的this.cityList = res.data;}},
- 组织排序:使用Sortable.js,对vue不友好,拖拽有时候乱跳;改用vuedraggable插件,此插件依赖Sortable.js.
https://blog.csdn.net/IT_HLM/article/details/79541741
https://blog.csdn.net/zhaoxiang66/article/details/81003094
①安装npm install vuedraggable -S(可能需要安装Sortable)
②引用import draggable from 'vuedraggable'
③注册组件components: { draggable },
④通过draggable标签来使用
⑤调用update方法,此方法事件对象返回新索引和旧索引,同样数据是响应式的.
组团管理模块:
- 打印页面:使用print插件 https://github.com/xyl66/vuePlugs_printjs
- 教程:https://blog.csdn.net/peiyongwei/article/details/82460709
- import Print from '@/plugs/print'
Vue.use(Print) // 注册
<template>
<section ref="print">
打印内容
<div class="no-print">不要打印我</div>
</section>
</template>
this.$print(this.$refs.print) // 使用