//引入混淆
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: {// 切换列表UrlgetListByUrl(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 Firefoxlink.style.display = 'none';body.appendChild(link);link.click();body.removeChild(link);window.URL.revokeObjectURL(link.href);}},
}