vue共用的 混淆
作者：互联网
//引入混淆
import { tool } from "../../../utils/common";
export default {
mixins: [tool],
}可以直接调用混淆中的方法
this.downloadFile(item.path, item.name);
common.js
import ajax from '@/utils/request'
import $ from 'jquery-slim'
export const ruleTool = {
data() {
return {
rules: {
// 必填规则
required(msg = '请输入') {
return { required: true, message: msg, trigger: 'change' };
},
// 税率规则
cess(required = true, msg = '请输入100以下非负数') {
return { validator: formRule.cess, message: msg, trigger: 'change' };
},
// 金额规则
money(required = true, msg = '请输入正确格式的金额') {
return { validator: formRule.money, required: required, message: msg, trigger: 'change' };
},
// 整数规则
int(required = true, size = [], msg = '请输入正整数') {
return { validator: formRule.numberSize, required: required, size: size, message: msg, trigger: 'change' };
},
},
}
},
}
export const tool = {
data() {
return {
searchParam: {},
pageSize: 10,
pageSizeSetting: [10, 20, 40, 100],
page: 1, // 当前页
listCount: 1,
listUrl: "",
pageLayout: "total, sizes, prev, pager, next, jumper",
list: [],
loading: false
}
},
watch: {
loading(val) {
this.$root.$children[0].loading = val;
},
},
// 返回页面调用
activated() {
this.getList();
},
methods: {
// 切换列表Url
getListByUrl(url) {
this.listUrl = url;
this.resetList();
},
//重置筛选
resetList() {
this.searchParam = {};
this.handleCurrentChange(1);
},
//切换页容量
handleSizeChange(val) {
this.pageSize = val;
this.page = 1;
this.getList();
},
//翻页
handleCurrentChange(val) {
this.page = val;
this.getList();
},
getListBefore(params) {},
getListAfter(callback) {},
//查询列表
getList(callback) {
if (!this.listUrl) {
return;
}
const params = Object.assign({}, this.searchParam);
console.info("1111111111", this.searchParam)
params.size = this.pageSize;
params.current = this.page;
// params.rows = this.pageSize;
// params.page = this.page;
this.getListBefore(params);
ajax.get(this.listUrl, params).then(res => {
if (typeof res.records === "object") {
this.list = res.records;
this.listCount = res.total;
}
if (typeof res.rows === "object") {
this.list = res.rows;
this.listCount = res.records;
}
if (typeof res.list === "object") {
this.list = res.list;
this.listCount = res.total;
} else {
$.isFunction(callback) && callback(res);
this.getListAfter();
}
})
},
showMessage(text, type, callback) {
this.$message({
showClose: true,
message: text,
duration: 2000,
type: type || 'error',
onClose: callback || function() {}
});
},
checkResponse(res, disabledMessage) {
if (res && res.status == 0) {
return true;
} else {
this.showMessage(res.message);
return false;
}
},
closeCurPage(url) {
let tag = $(".tags-view-item.active .el-icon-close");
this.$router.push({ path: url });
window.setTimeout(_ => {
tag.click();
}, 500);
},
getCurrentUserInfo() {
return this.extend(true, {}, this.$store.getters.user);
},
getCurrentUserAuthority(url) {
let auth = this.$store.getters.auth;
return auth.indexOf(url) !== -1;
},
downloadFile(filePath, fileName) {
var param = "filePath=" + filePath +
"&fileName=" + fileName;
location.href = encodeURI(this.exportUrl("file/download/downloadFile?" + param));
},
exportUrl(url) {
var token = this.$store.getters.token;
if (token) {
if (url.indexOf("?") != -1) {
return process.env.VUE_APP_API + url + "&access_token=" + token + "&t=" + new Date().getTime();
} else {
return process.env.VUE_APP_API + url + "?access_token=" + token + "&t=" + new Date().getTime();
}
} else {
if (url.indexOf("?") != -1) {
return process.env.VUE_APP_API + url + "&t=" + new Date().getTime();
} else {
return process.env.VUE_APP_API + url + "?t=" + new Date().getTime();
}
}
},
add() {
if (~this.$route.fullPath.indexOf("/add?")) {
return;
}
let url = this.$route.fullPath;
if (url.indexOf("?") != -1) {
url = url.split("?")[0];
}
url = url + '/add';
this.$router.push({ path: url });
},
addDrawer() {
this.$refs['formTemplate'].open();
},
editDrawer(id) {
this.$refs['formTemplate'].open(id);
},
edit(id) {
if (~this.$route.fullPath.indexOf("/edit?")) {
return;
}
let url = this.$route.fullPath;
if (url.indexOf("?") != -1) {
url = url.split("?")[0];
}
url = url + '/edit?id=' + id;
this.$router.push({ path: url });
},
close() {
let i;
if (this.$route.fullPath.indexOf('/detail/') !== -1) {
i = this.$route.fullPath.lastIndexOf('/detail/');
} else {
i = this.$route.fullPath.lastIndexOf('/');
}
let url = this.$route.fullPath.substring(0, i);
this.closeCurPage(url);
},
toDetail(row) {
if (~this.$route.fullPath.indexOf("/detail/")) {
return;
}
let url = this.$route.fullPath + '/detail/' + row.id;
this.$router.push({ path: url });
},
toPage(url) {
this.$router.push({ path: url });
},
extend: $.extend,
showBigImg(e) {
let img = $("<img>");
img[0].src = e.target.src;
let div = $("<div class='full-big-img'>").append(img);
div.on("click", function() {
$(this).remove();
});
$("body").append(div);
},
handleFileByWps(fileId, type) {
this.$router.push({ path: `/common/index/wps/view/${fileId}/${type}` });
// this.$router.push({ path: "/common/index/wps/view/" });
},
chickFileTypeForWps(suffix, type) {
let readType = ['xls', 'xlt', 'et', 'xlsx', 'xltx', 'csv', 'xlsm', 'xltm', 'doc', 'dot', 'wps', 'wpt', 'docx', 'dotx', 'docm', 'dotm', 'ppt', 'pptx', 'pptm', 'ppsx', 'ppsm', 'pps', 'potx', 'potm', 'dpt', 'dps', 'pdf']
let writeType = ['xls', 'xlt', 'et', 'xlsx', 'xltx', 'csv', 'xlsm', 'xltm', 'doc', 'dotx', 'txt', 'dot', 'wps', 'wpt', 'docx', 'docm', 'dotm', 'ppt', 'pptx', 'pptm', 'ppsx', 'ppsm', 'pps', 'potx', 'potm', 'dpt', 'dps', 'pdf']
if (type == 'read') {
return readType.indexOf(suffix) > -1
}
if (type == 'write') {
return writeType.indexOf(suffix) > -1
}
},
// 各行变色
tableRowClassName({ row, rowIndex }) {
//
if (rowIndex % 2 == 0) {
return "warning-row";
} else if (rowIndex % 2 == 1) {
return "success-row";
}
return "";
}
},
mounted() {
},
};
export const statConfig = {
methods: {
// 公用饼图配置
getChartPieOption() {
return {
color: ['#2a78fd', '#f73b3b', '#58d24c', '#ff5824', '#ff9600'],
legend: {
show: false,
top: 40,
right: 30,
orient: 'vertical',
icon: "circle"
},
grid: {
left: "30px",
right: "30px",
top: "330px",
bottom: "20px",
},
series: {
radius: '40%',
center: ['22%', '50%'],
type: 'pie',
label: {
normal: {
show: false,
position: 'outside',
formatter: '{b} {d}%', //模板变量有 {a}、{b}、{c}、{d}，分别表示系列名，数据名，数据值，百分比。{d}数据会根据value值计算百分比
},
},
},
}
},
}
};
export const formRule = {
/**
* 通用验证 reg可自定义验证正则
* 常用正则：http://note.youdao.com/noteshare?id=537934c2896cad5aa2cb50e323102d8e&sub=EE59464E3EDC46A08A5F71E4E928CC62
* field: [{ validator: formRule.common, reg:/^[1][3,4,5,7,8][0-9]{9}$/, message: 'xxxx', trigger: 'change' }],
*/
common(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
}
if (!rule.reg.test(value)) {
return callback(new Error(rule.message));
} else {
return callback();
}
},
/**
* 验证数字大小
* field: [{ validator: formRule.number, size:[1,10], message: 'xxxx', trigger: 'change' }],
*/
number(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
}
if (isNaN(value)) {
return callback(new Error(rule.message));
} else if (rule.size && rule.size.length == 2 && (value < rule.size[0] || value > rule.size[1])) {
return callback(new Error("请输入" + rule.size.join("-") + "的数字"));
} else {
return callback();
}
},
/**
* 验证数字长度
* field: [{ validator: formRule.numberSize, size:[1,10], message: 'xxxx', trigger: 'change' }],
*/
numberSize(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
}
if (isNaN(value) || (rule.size && rule.size.length == 2 && (value < rule.size[0] || value > rule.size[1]))) {
return callback(new Error(rule.message));
} else {
return callback();
}
},
/**
* 验证整数
* field: [{ validator: formRule.numberSize, size:[1,10], message: 'xxxx', trigger: 'change' }],
*/
standardSize(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
}
if (isNaN(value) || (rule.size && rule.size.length == 2 && (value < rule.size[0] || value > rule.size[1])) ||
(value.toString().indexOf(".") != -1) || (value.toString().charAt(0) == "0" && value.length > 1)) {
return callback(new Error(rule.message));
} else {
return callback();
}
},
isNumber(rule, value, callback) {
if (value === '') {
return callback();
} //这是用来判断如果不是必须输入的，则直接跳出
const r = /^\+?[1-9][0-9]*$/; // 正整数
// 如果判断不符合正则，则不是正整数不能提交
if (!r.test(value)) {
return callback(new Error('数量必须为正整数'));
} else {
return callback();
}
},
/**
* 验证手机号码
* field: [{ validator: formRule.phone, message: 'xxxx', trigger: 'change' }],
*/
phone(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
}
if (isNaN(value) || (value.length != 11) || (value.toString().indexOf(".") != -1)) {
return callback(new Error(rule.message));
} else {
return callback();
}
},
/**
* 验证手机号码（与required配合使用，空值时不校验）
*/
isMobilePhone(rule, value, callback) {
if (!rule.required && !value && value !== 0) { //只有有值时才进行校验
return callback();
} else {
let reg = /^((1[3-9][0-9])+\d{8})$/;
if (reg.test(value)) {
return callback();
} else {
return callback(new Error(rule.message));
}
}
},
/**
* 验证固定电话（与required配合使用，空值时不校验）
*/
isFixedPhone(rule, value, callback) {
if (!rule.required && !value && value !== 0) { //只有有值时才进行校验
return callback();
} else {
let reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
if (reg.test(value)) {
return callback();
} else {
return callback(new Error(rule.message));
}
}
},
/**
* 税率(<=100，2位小数)
*/
cess(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
} else {
let reg = /^\d{1,2}(?:\.\d{1,2})?$/;
if (reg.test(value) || parseFloat(value) == 100) {
return callback();
} else {
return callback(new Error(rule.message));
}
}
},
/**
* 金额校验(11位整数，2位小数)
* @param rule
* @param value
* @param callback
*/
money(rule, value, callback) {
if (!rule.required && !value && value !== 0) {
return callback();
} else {
let reg = /^\d{1,11}(?:\.\d{1,2})?$/;
if (reg.test(value)) {
return callback();
} else {
return callback(new Error(rule.message));
}
}
},
/**
* 校验车牌号
* @param rule
* @param value
* @param callBack
*/
validatePlate(rule, value, callBack) {
if (!value) {
callBack();
} else if (value.length >= 7) {
var provinceArray = ['京', '津', '冀', '晋', '蒙', '辽', '吉', '黑', '沪', '苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘', '粤', '桂', '琼', '渝', '川', '黔', '滇', '藏', '陕', '甘', '青', '宁', '新', '台', '港', '澳']
var plateProvince = value.substring(0, 1);
var plateNo = value.substring(1, value.length)
if (provinceArray.indexOf(plateProvince) > 0) {
if (/^[A-Z][A-Z0-9]{5,6}$/.test(plateNo)) {
callBack();
} else {
callBack(new Error('车牌号格式有误'));
}
} else {
callBack(new Error('车牌号格式有误'));
}
} else {
callBack(new Error('车牌号格式有误'));
}
},
/**
* 校验小数
* @param rule
* @param value
* @param callBack
*/
validateNumber(rule, value, callBack) {
if (!value) {
callBack();
} else if (!(/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,4})?$/.test(value.replace(new RegExp(/,/g), '')) || /^(0|0[.]0|0[.]00)$/.test(value.replace(new RegExp(/,/g), '')))) {
callBack(new Error('数字格式有误'));
} else if (value > 99999999999.99) {
callBack(new Error('您输入的金额太大'));
} else {
callBack();
}
}
};
/**
* 公共文件下载
* 跨域问题，需要在服务端增加跨域配置
*/
export const downloadFile = {
download(url, fileName) {
downloadFile.getBlob(url).then(blob => {
downloadFile.saveAs(blob, fileName);
});
},
/**
* 获取 blob
* @param {String} url 目标文件地址
* @return {Promise}
*/
getBlob(url) {
return new Promise(resolve => {
const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = () => {
if (xhr.status === 200) {
resolve(xhr.response);
}
};
xhr.send();
});
},
/**
* 保存
* @param {Blob} blob
* @param {String} filename 想要保存的文件名称
*/
saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {
const link = document.createElement('a');
const body = document.querySelector('body');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
// fix Firefox
link.style.display = 'none';
body.appendChild(link);
link.click();
body.removeChild(link);
window.URL.revokeObjectURL(link.href);
}
},
}标签：混淆,vue,return,url,value,else,callback,rule,共用 来源： https://blog.csdn.net/weixin_54682740/article/details/122617582