|
|
@@ -0,0 +1,629 @@
|
|
|
+// import http from '@/api/http.js'
|
|
|
+// import { downloadXlsx } from "../utils/xlsx";
|
|
|
+import { saveAs } from 'file-saver'
|
|
|
+import {apiGetExportMsg, apiGetModel,} from '../api/api'
|
|
|
+// import XLSXD from 'xlsx-style'
|
|
|
+// import Papa from 'papaparse'
|
|
|
+// import { isObject } from "xe-utils"
|
|
|
+
|
|
|
+//检查空
|
|
|
+const checkNull = val => val === undefined || val === null
|
|
|
+
|
|
|
+const until = {
|
|
|
+ // 计算比率
|
|
|
+ ratioCalculation(a, b) {
|
|
|
+ let num = null
|
|
|
+ if (a !== '-' && b !== '-') {
|
|
|
+ if (a === '0.00' || a === 0) {
|
|
|
+ num = 0
|
|
|
+ } else if (b === '0.00' || b === 0) {
|
|
|
+ num = '-'
|
|
|
+ } else {
|
|
|
+ num = Math.round((Number(a)/Number(b)*100))+'%'
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ num = '-'
|
|
|
+ }
|
|
|
+ return num
|
|
|
+ },
|
|
|
+ // 导出所有
|
|
|
+ downloadPer(url,fileName, idss, idsmo) {
|
|
|
+ let params = null
|
|
|
+ if (!idsmo) {
|
|
|
+ params = {
|
|
|
+ ids: idss ? idss.join(',') : ''
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ params = {
|
|
|
+ idsMv: idss ? idss.join(',') : '',
|
|
|
+ idsBcr: idsmo ? idsmo.join(',') : '',
|
|
|
+ }
|
|
|
+ }
|
|
|
+ apiGetExportMsg(url,params).then(datas =>{
|
|
|
+ let blob = new Blob([datas])
|
|
|
+ saveAs(blob, fileName)
|
|
|
+ }).catch((r) => {
|
|
|
+ console.error(r)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 下载模板
|
|
|
+ downloadTemplate(url, params, proName) {
|
|
|
+ apiGetModel(url,params).then(datas =>{
|
|
|
+ let blob = new Blob([datas])
|
|
|
+ saveAs(blob, proName)
|
|
|
+ }).catch((r) => {
|
|
|
+ console.error(r)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getTime(date){
|
|
|
+ var y = date.getFullYear();
|
|
|
+ var m = date.getMonth() + 1;
|
|
|
+ m = m < 10 ? ('0' + m) : m;
|
|
|
+ var d = date.getDate();
|
|
|
+ d = d < 10 ? ('0' + d) : d;
|
|
|
+ var h = date.getHours();
|
|
|
+ h=h < 10 ? ('0' + h) : h;
|
|
|
+ var minute = date.getMinutes();
|
|
|
+ minute = minute < 10 ? ('0' + minute) : minute;
|
|
|
+ var second=date.getSeconds();
|
|
|
+ second=second < 10 ? ('0' + second) : second;
|
|
|
+ return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;
|
|
|
+ // timeF = y + '-' + m + '-' + d
|
|
|
+ // return timeF
|
|
|
+ },
|
|
|
+ changePowerPickDate(val) {
|
|
|
+ let endss = val.substring(val.length-2, val.length) * 1
|
|
|
+ let startTime = val.substring(0, val.length-2)
|
|
|
+ let allTime = ''
|
|
|
+ if (0 <= endss && endss < 15) {
|
|
|
+ allTime = startTime + '00'
|
|
|
+ } else if (15 <= endss && endss < 30) {
|
|
|
+ allTime = startTime + '15'
|
|
|
+ } else if (30 <= endss && endss < 45) {
|
|
|
+ allTime = startTime + '30'
|
|
|
+ } else if (45 <= endss && endss < 60) {
|
|
|
+ allTime = startTime + '45'
|
|
|
+ }
|
|
|
+ return allTime
|
|
|
+ },
|
|
|
+ changeElectricPickDate(val) {
|
|
|
+ let endss = val.substring(val.length-2, val.length) * 1
|
|
|
+ let startTime = val.substring(0, val.length-2)
|
|
|
+ let allTime = ''
|
|
|
+ if (0 <= endss && endss < 10) {
|
|
|
+ allTime = startTime + '00'
|
|
|
+ } else if (10 <= endss && endss < 20) {
|
|
|
+ allTime = startTime + '10'
|
|
|
+ } else if (20 <= endss && endss < 30) {
|
|
|
+ allTime = startTime + '20'
|
|
|
+ } else if (30 <= endss && endss < 40) {
|
|
|
+ allTime = startTime + '30'
|
|
|
+ } else if (40 <= endss && endss < 50) {
|
|
|
+ allTime = startTime + '40'
|
|
|
+ } else if (50 <= endss && endss < 60) {
|
|
|
+ allTime = startTime + '50'
|
|
|
+ }
|
|
|
+ return allTime
|
|
|
+ },
|
|
|
+ oninput(str, limit, type, zero) {
|
|
|
+ if (zero) {
|
|
|
+ if (str.substr(0, 1) === '.' || str.substr(0, 1) === '-') {
|
|
|
+ str = ''
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (str.substr(0, 1) === '.' || str.substr(0, 1) === '-' || str.substr(0, 1) === '0') {
|
|
|
+ str = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (type === 'float') {
|
|
|
+ str = str.replace(/[^\d^\.]+/g, '') // 保留数字和小数点
|
|
|
+ if (limit === 1) {
|
|
|
+ str = str.replace(/^\D*([0-9]\d*\.?\d{0,1})?.*$/, '$1') // 小数点后只能输 1 位
|
|
|
+ } else if (limit === 2) {
|
|
|
+ str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, '$1') // 小数点后只能输 2 位
|
|
|
+ } else if (limit === 3) {
|
|
|
+ str = str.replace(/^\D*([0-9]\d*\.?\d{0,3})?.*$/, '$1') // 小数点后只能输 3 位
|
|
|
+ } else if (limit === 4) {
|
|
|
+ str = str.replace(/^\D*([0-9]\d*\.?\d{0,4})?.*$/, '$1') // 小数点后只能输 4 位
|
|
|
+ } else if (limit === 6) {
|
|
|
+ str = str.replace(/^\D*([0-9]\d*\.?\d{0,6})?.*$/, '$1') // 小数点后只能输 6 位
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ str = str.replace(/[^\d^]+/g, '')
|
|
|
+ str = str.substring(0, limit)
|
|
|
+ }
|
|
|
+ return str
|
|
|
+ },
|
|
|
+ sortBy(attr,rev){
|
|
|
+ //第二个参数没有传递 默认升序排列
|
|
|
+ if(rev == undefined){
|
|
|
+ rev = 1;
|
|
|
+ }else{
|
|
|
+ rev = (rev) ? 1 : -1;
|
|
|
+ }
|
|
|
+ return function(a,b){
|
|
|
+ a = a[attr];
|
|
|
+ b = b[attr];
|
|
|
+ if(a < b){
|
|
|
+ return rev * -1;
|
|
|
+ }
|
|
|
+ if(a > b){
|
|
|
+ return rev * 1;
|
|
|
+ }
|
|
|
+ return 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 字母大小写切换
|
|
|
+ * @param str 要处理的字符串
|
|
|
+ * @param type 1:首字母大写其余小写 2：首子母小写其余大写 3：大小写转换 4：全部大写 5：全部小写
|
|
|
+ */
|
|
|
+ strChangeCase(str, type) {
|
|
|
+ function ToggleCase(str) {
|
|
|
+ var itemText = ""
|
|
|
+ str.split("").forEach(
|
|
|
+ function (item) {
|
|
|
+ if (/^([a-z]+)/.test(item)) {
|
|
|
+ itemText += item.toUpperCase();
|
|
|
+ } else if (/^([A-Z]+)/.test(item)) {
|
|
|
+ itemText += item.toLowerCase();
|
|
|
+ } else {
|
|
|
+ itemText += item;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return itemText;
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (type) {
|
|
|
+ case 1:
|
|
|
+ return str.replace(/^(\w)(\w+)/, function (v, v1, v2) {
|
|
|
+ return v1.toUpperCase() + v2.toLowerCase();
|
|
|
+ });
|
|
|
+ case 2:
|
|
|
+ return str.replace(/^(\w)(\w+)/, function (v, v1, v2) {
|
|
|
+ return v1.toLowerCase() + v2.toUpperCase();
|
|
|
+ });
|
|
|
+ case 3:
|
|
|
+ return ToggleCase(str);
|
|
|
+ case 4:
|
|
|
+ return str.toUpperCase();
|
|
|
+ case 5:
|
|
|
+ return str.toLowerCase();
|
|
|
+ default:
|
|
|
+ return str;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /*
|
|
|
+ *数字每千位加逗号
|
|
|
+ *
|
|
|
+ */
|
|
|
+ commafy(num) {
|
|
|
+ return num && num.toString()
|
|
|
+ .replace(/\d+/, function(s){
|
|
|
+ return s.replace(/(\d)(?=(\d{3})+$)/g, '$1,')
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+/*
|
|
|
+ *手机号码中间4位隐藏花号（*）显示
|
|
|
+ *
|
|
|
+ */
|
|
|
+ hideMobile(mobile) {
|
|
|
+ return mobile && mobile.toString().replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2")
|
|
|
+ },
|
|
|
+ /*
|
|
|
+ * 验证是否为数字
|
|
|
+ */
|
|
|
+ isNumber(n) {
|
|
|
+ return !isNaN(parseFloat(n)) && isFinite(n);
|
|
|
+ },
|
|
|
+
|
|
|
+ /*
|
|
|
+ * 是否为数组
|
|
|
+ */
|
|
|
+ isArray(obj) {
|
|
|
+ return Object.prototype.toString.call(obj) === '[object Array]';
|
|
|
+ },
|
|
|
+
|
|
|
+ /*
|
|
|
+ * 递归深拷贝
|
|
|
+ */
|
|
|
+ deepCopy(obj) {
|
|
|
+ let result = Array.isArray(obj) ? [] : {};
|
|
|
+ for (let key in obj) {
|
|
|
+ if (obj.hasOwnProperty(key)) {
|
|
|
+ if (typeof obj[key] === 'object' && obj[key] !== null) {
|
|
|
+ result[key] = deepCopy(obj[key]);
|
|
|
+ } else {
|
|
|
+ result[key] = obj[key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return result;
|
|
|
+ },
|
|
|
+ exportTable(name, columnData, tableDatas) {
|
|
|
+ let datalist = [];
|
|
|
+ //表头数据
|
|
|
+ let cluData = ''
|
|
|
+ for(let i=0; i<columnData.length;i++){
|
|
|
+ cluData += columnData[i].label+','
|
|
|
+ }
|
|
|
+ cluData.slice(0, cluData.length-1)
|
|
|
+ datalist.push(cluData.split(','));
|
|
|
+ //这里的tableData为你的表格数据
|
|
|
+ for(let j=0;j<tableDatas.length;j++) {
|
|
|
+ let item = tableDatas[j]
|
|
|
+ let tabelDatas = ''
|
|
|
+ for(let k=0; k<columnData.length;k++){
|
|
|
+ let its = columnData[k]
|
|
|
+ if (item[its.value] !==null) {
|
|
|
+ tabelDatas += item[its.value] + ','
|
|
|
+ } else {
|
|
|
+ tabelDatas += '-,'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ datalist.push(tabelDatas.split(','));
|
|
|
+ }
|
|
|
+ downloadXlsx(datalist, `${name}.xlsx`);
|
|
|
+ // let blob = new Blob([datalist])
|
|
|
+ // saveAs(blob, `${name}.xlsx`)
|
|
|
+ // this.exportCsv(datalist)
|
|
|
+ },
|
|
|
+
|
|
|
+ exportExcel() {
|
|
|
+ // let time = this.$utils.getTime(new Date())
|
|
|
+ // let titleName = this.title + ' ' + time
|
|
|
+ // this.$utils.exportTable(titleName,this.columData, this.tableData)
|
|
|
+
|
|
|
+ let wb = XLSX.utils.book_new();
|
|
|
+ let headers = {
|
|
|
+ name: '姓名',
|
|
|
+ age: '年龄',
|
|
|
+ sex: '性别'
|
|
|
+ }
|
|
|
+ this.columData.unshift(headers)
|
|
|
+ let contentWs = XLSX.utils.json_to_sheet(this.columData, {
|
|
|
+ header: ['name', 'age', 'sex'], // 可自定义表头顺序
|
|
|
+ skipHeader: true, //是否忽略表头，默认为false
|
|
|
+ origin: 'A2' // 设置插入位置
|
|
|
+ })
|
|
|
+ contentWs['!merges'] = [{s:{r:0,c:0}, e:{r:1,c:0}}, {s:{r:0,c:1}, e:{r:1,c:1}}]
|
|
|
+ // contentWs['!merges'] = [{s:{r:1,c:2}, e:{r:2,c:2}}]
|
|
|
+ // contentWs['A1'] = {
|
|
|
+ // t: 's',
|
|
|
+ // v: '人员',
|
|
|
+ // s: {
|
|
|
+ // font:{
|
|
|
+ // name: '微软雅黑',
|
|
|
+ // sz: 16,
|
|
|
+ // bold: true,
|
|
|
+ // color: {rgb: 'ffffff'}
|
|
|
+ // },
|
|
|
+ // alignment: {
|
|
|
+ // horizontal: 'center',
|
|
|
+ // vertical: 'center'
|
|
|
+ // },
|
|
|
+ // fill:{bgcolor: {rgb: '4472c4'}}
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // 设置合并单元格 ！merges为一个对象数组，每个对象设定了单元格合并的规则，
|
|
|
+ // {s:{r:0,c:0}, e:{r:0,c:2}}为一个规则，s:起始位置，e：结束位置，r：行，c：列
|
|
|
+ // contentWs['!merges'] = [{s:{r:0,c:0}, e:{r:0,c:2}}]
|
|
|
+
|
|
|
+
|
|
|
+ // contentWs['A3'] = {
|
|
|
+ // t: 's',
|
|
|
+ // v: '人员ss',
|
|
|
+ // s: {
|
|
|
+ // font:{
|
|
|
+ // name: '微软雅黑',
|
|
|
+ // sz: 16,
|
|
|
+ // bold: true,
|
|
|
+ // color: {rgb: 'ffffff'}
|
|
|
+ // },
|
|
|
+ // alignment: {
|
|
|
+ // horizontal: 'center',
|
|
|
+ // vertical: 'center'
|
|
|
+ // },
|
|
|
+ // fill:{bgcolor: {rgb: '4472c4'}}
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // contentWs['!merges'] = [{s:{r:0,c:2}, e:{r:0,c:4}}]
|
|
|
+ //设置列宽
|
|
|
+ contentWs['!cols'] = [{wch: 30},{wch: 20},{wch: 40}]
|
|
|
+ XLSX.utils.book_append_sheet(wb, contentWs, '明细')
|
|
|
+ // XLSX.writeFile(wb, '明细.xlsx')
|
|
|
+ const tmpDown = new Blob([
|
|
|
+ this.s2ab(
|
|
|
+ XLSXD.write(wb, {
|
|
|
+ bookType: 'xlsx',
|
|
|
+ bookSST: true,
|
|
|
+ type: 'binary',
|
|
|
+ cellStyles: true
|
|
|
+ })
|
|
|
+ )
|
|
|
+ ])
|
|
|
+ this.downExcel(tmpDown, '明细.xlsx')
|
|
|
+ },
|
|
|
+ downExcel(obj, fileName) {
|
|
|
+ const a_node = document.createElement('a')
|
|
|
+ a_node.download = fileName
|
|
|
+ if ('msSaveOrOpenBlob'in navigator) {
|
|
|
+ window.navigator.msSaveOrOpenBlob(obj, fileName)
|
|
|
+ } else {
|
|
|
+ a_node.href = URL.createObjectURL(obj)
|
|
|
+ }
|
|
|
+ a_node.click()
|
|
|
+ setTimeout(() =>{
|
|
|
+ URL.createObjectURL(obj)
|
|
|
+ }, 2000)
|
|
|
+ },
|
|
|
+ s2ab(s) {
|
|
|
+ if (typeof ArrayBuffer !== 'undefined') {
|
|
|
+ const buf = new ArrayBuffer(s.length)
|
|
|
+ const view = new Uint8Array(buf)
|
|
|
+ for(let i =0; i != s.length; ++i) {
|
|
|
+ view[i] = s.charCodeAt(i) & 0xff
|
|
|
+ }
|
|
|
+ return buf
|
|
|
+ } else {
|
|
|
+ const buf = new Array(s.length)
|
|
|
+ for(let i =0; i != s.length; ++i) {
|
|
|
+ buf[i] = s.charCodeAt(i) & 0xff
|
|
|
+ }
|
|
|
+ return buf
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setTooltip(myChart1, myChart2, num) {
|
|
|
+ // const myChart1 = this.$echarts.init(document.getElementById(name1))
|
|
|
+ // const myChart2 = this.$echarts.init(document.getElementById(name2))
|
|
|
+ myChart1.getZr().on('mousemove', (params) => {
|
|
|
+ const pointInPixel = [params.offsetX, params.offsetY];
|
|
|
+ // 判断当前鼠标移动的位置是否在图表中
|
|
|
+ if (myChart1.containPixel('grid', pointInPixel)) {
|
|
|
+ //使用 convertFromPixel方法 转换像素坐标值到逻辑坐标系上的点。获取点击位置对应的x轴数据的索引值
|
|
|
+ const pointInGrid = myChart1.convertFromPixel({ seriesIndex: 0 }, pointInPixel);
|
|
|
+ // x轴数据的索引值
|
|
|
+ const xIndex = pointInGrid[0];
|
|
|
+ // 使用getOption() 获取图表的option
|
|
|
+ const op = myChart1.getOption();
|
|
|
+ // 获取当前点击位置要的数据
|
|
|
+ const xDate = op.xAxis[0].data[xIndex];
|
|
|
+ // 这里不直接用params.dataIndex是因为可能两个图表X轴的月份数据点不一致
|
|
|
+ const dataIndex = op.xAxis[0].data.findIndex(x => x === xDate);
|
|
|
+ myChart2.dispatchAction({
|
|
|
+ type: 'showTip',
|
|
|
+ seriesIndex: num,
|
|
|
+ // 我用的echarts版本是4.8.0，用name而不用dataIndex时，不知道为什么tooltip不显示，所以这里用dataIndex
|
|
|
+ // name: params.name
|
|
|
+ dataIndex: dataIndex,
|
|
|
+ position: '15%'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ myChart2.dispatchAction({
|
|
|
+ type: 'hideTip'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ myChart2.getZr().on('mousemove', (params) => {
|
|
|
+ const pointInPixel = [params.offsetX, params.offsetY];
|
|
|
+ // 判断当前鼠标移动的位置是否在图表中
|
|
|
+ if (myChart2.containPixel('grid', pointInPixel)) {
|
|
|
+ //使用 convertFromPixel方法 转换像素坐标值到逻辑坐标系上的点。获取点击位置对应的x轴数据的索引值
|
|
|
+ const pointInGrid = myChart2.convertFromPixel({ seriesIndex: 0 }, pointInPixel);
|
|
|
+ // x轴数据的索引值
|
|
|
+ const xIndex = pointInGrid[0];
|
|
|
+ // 使用getOption() 获取图表的option
|
|
|
+ const op = myChart2.getOption();
|
|
|
+ // 获取当前点击位置要的数据
|
|
|
+ const xDate = op.xAxis[0].data[xIndex];
|
|
|
+ // 这里不直接用params.dataIndex是因为可能两个图表X轴的月份数据点不一致
|
|
|
+ const dataIndex = op.xAxis[0].data.findIndex(x => x === xDate);
|
|
|
+ myChart1.dispatchAction({
|
|
|
+ type: 'showTip',
|
|
|
+ seriesIndex: num,
|
|
|
+ // 我用的echarts版本是4.8.0，用name而不用dataIndex时，不知道为什么tooltip不显示，所以这里用dataIndex
|
|
|
+ // name: params.name
|
|
|
+ dataIndex: dataIndex,
|
|
|
+ position: '15%'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ myChart1.dispatchAction({
|
|
|
+ type: 'hideTip'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 数据是否为null，NaN，0的判断
|
|
|
+ isHasNum(data) {
|
|
|
+ let num = null
|
|
|
+ if (data && data !== 0) {
|
|
|
+ if (data !== 'NaN' && data !== null) {
|
|
|
+ num = Number(data).toFixed(2)
|
|
|
+ } else {
|
|
|
+ num = '-'
|
|
|
+ }
|
|
|
+ } else if(data === 0) {
|
|
|
+ num = 0
|
|
|
+ } else {
|
|
|
+ num = '-'
|
|
|
+ }
|
|
|
+ return num
|
|
|
+ },
|
|
|
+ //获取当前月天数
|
|
|
+ hasYearMonthDate(a, b) {
|
|
|
+ let d = new Date(a, b, 0)
|
|
|
+ let de = d.getDate()
|
|
|
+ return de
|
|
|
+ },
|
|
|
+ // ------------------------------------------------------------------------
|
|
|
+ // 冒泡排序
|
|
|
+ sortBubble(arr) {
|
|
|
+ for(let i=0; i<arr.length; i++){
|
|
|
+ for(let j=0; j<arr.length-i; j++){
|
|
|
+ if (arr[j] > arr[j+1]) {
|
|
|
+ let temp = arr[j]
|
|
|
+ arr[j] = arr[j+1]
|
|
|
+ arr[j+1] = temp
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ //数组去重
|
|
|
+ // 方法一
|
|
|
+ //利用for 循环 搭配 indexOf 去重
|
|
|
+ unique(arr) {
|
|
|
+ let newArr = []
|
|
|
+ for(let i=0; i<arr.length; i++) {
|
|
|
+ if (newArr.indexOf(arr[i]) === -1) {
|
|
|
+ newArr.push(arr[i])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ //方法二
|
|
|
+ //借助ES6提供的Set结构 new Set()
|
|
|
+ // var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];
|
|
|
+ // var arr2 = noRepeat(arr)
|
|
|
+ noRepeatT(arr){
|
|
|
+ var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点
|
|
|
+ return newArr
|
|
|
+ },
|
|
|
+ //方法三
|
|
|
+ //利用 filter() 去重
|
|
|
+ //eg: var arr = ['apple','apps','pear','apple','orange','apps']
|
|
|
+ useFilter(arr) {
|
|
|
+ return arr.filter(function(item,index){
|
|
|
+ return arr.indexOf(item) === index; // 因为indexOf 只能查找到第一个
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //方法四
|
|
|
+ //将数组的每一个元素依次与其他元素做比较，发现重复元素，删除
|
|
|
+ //eg: var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];
|
|
|
+ noRepeatF(arr) {
|
|
|
+ for(var i = 0; i < arr.length-1; i++){
|
|
|
+ for(var j = i+1; j < arr.length; j++){
|
|
|
+ if(arr[i]===arr[j]){
|
|
|
+ arr.splice(j,1);
|
|
|
+ j--;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arr;
|
|
|
+ },
|
|
|
+ //方法五
|
|
|
+ //借助新数组 通过 indexOf 方法判断当前元素在数组中的索引，如果与循环的下标相等则添加到新数组中
|
|
|
+ // var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]
|
|
|
+ noRepeatFi(arr) {
|
|
|
+ var newArr = [];
|
|
|
+ for (var i = 0; i < arr.length; i++) {
|
|
|
+ if (arr.indexOf(arr[i]) == i) {
|
|
|
+ newArr.push(arr[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return newArr;
|
|
|
+ },
|
|
|
+ //方法六
|
|
|
+ //利用双重for循环
|
|
|
+ // var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]
|
|
|
+ noRepeatS(arr){
|
|
|
+ for (var i = 0; i < arr.length; i++) {
|
|
|
+ for (var j = 0; j < arr.length; j++) {
|
|
|
+ if (arr[i] == arr[j] && i != j) { //将后面重复的数删掉
|
|
|
+ arr.splice(j, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return arr;
|
|
|
+ },
|
|
|
+ //方法七
|
|
|
+ //利用includes实现数组去重
|
|
|
+ // var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];
|
|
|
+ noRepeatSe(arr) {
|
|
|
+ let newArr = [];
|
|
|
+ for(i=0; i<arr.length; i++){
|
|
|
+ if(!newArr.includes(arr[i])){
|
|
|
+ newArr.push(arr[i])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return newArr
|
|
|
+ },
|
|
|
+ //把url中的参数解析为一个对象
|
|
|
+ // var url = 'http://www.demo.cn/index.html?key1=val1&key2=val2'
|
|
|
+ parseQueryString(argu) {
|
|
|
+ let str = argu.split('?')[1]
|
|
|
+ let result = {}
|
|
|
+ let temp = str.split('&')
|
|
|
+ for(let i=0; i<temp.length; i++) {
|
|
|
+ let temp2 = temp[i].split('=')
|
|
|
+ result[temp2[0]] = temp2[1]
|
|
|
+ }
|
|
|
+ return result
|
|
|
+ },
|
|
|
+ //统计字符串中出现最多的字母
|
|
|
+ // let str = 'jdjsajdjasdasdakss'
|
|
|
+ countStr(str) {
|
|
|
+ let json = {}
|
|
|
+ //循环完毕后会得到一个对象 如{a:0,b:1,c:2}
|
|
|
+ for(let i=0; i<str.length; i++) {
|
|
|
+ if (!json[str.charAt(i)]) {
|
|
|
+ json[str.charAt(i)] = 1
|
|
|
+ } else {
|
|
|
+ json[str.charAt(i)]++
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //对象深拷贝
|
|
|
+ deepClone(obj) {
|
|
|
+ if (obj instanceof Object) {
|
|
|
+ let isArray = Array.isArray(obj)
|
|
|
+ let cloneObj = isArray ? [] : {}
|
|
|
+ for(let key in obj) {
|
|
|
+ cloneObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key]
|
|
|
+ }
|
|
|
+ return cloneObj
|
|
|
+ } else {
|
|
|
+ throw new Error('obj不是一个对象')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 防抖
|
|
|
+ debounce(fn, delay) {
|
|
|
+
|
|
|
+ var delay = delay || 200;
|
|
|
+ var timer;
|
|
|
+ return function () {
|
|
|
+ var th = this;
|
|
|
+ var args = arguments;
|
|
|
+ if (timer) {
|
|
|
+ clearTimeout(timer);
|
|
|
+ }
|
|
|
+ timer = setTimeout(function () {
|
|
|
+ timer = null;
|
|
|
+ fn.apply(th, args);
|
|
|
+ }, delay);
|
|
|
+ };
|
|
|
+ },
|
|
|
+ // 节流
|
|
|
+ throttle(fn, interval) {
|
|
|
+ var last;
|
|
|
+ var timer;
|
|
|
+ var interval = interval || 200;
|
|
|
+ return function () {
|
|
|
+ var th = this;
|
|
|
+ var args = arguments;
|
|
|
+ var now = +new Date();
|
|
|
+ if (last && now - last < interval) {
|
|
|
+ clearTimeout(timer);
|
|
|
+ timer = setTimeout(function () {
|
|
|
+ last = now;
|
|
|
+ fn.apply(th, args);
|
|
|
+ }, interval);
|
|
|
+ } else {
|
|
|
+ last = now;
|
|
|
+ fn.apply(th, args);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+export default until
|
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
4 mēneši atpakaļ