const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch((err) => err)
}

this.$refs.hcharts.charts.series[0].update({
  data
})

// 计算文字大小 rem 转px
function changeFontSize(fontsize) {
  return (fontsize * window.innerWidth) / 1920
}

const mobile =
  navigator.userAgent.match(/Android/i) ||
  navigator.userAgent.match(/webOS/i) ||
  navigator.userAgent.match(/iPhone/i) ||
  navigator.userAgent.match(/BlackBerry/i) ||
  navigator.userAgent.match(/Windows Phone/i)

//   <input id="file" type="file" accept="image/*" />
lrz('https://gitee.com/zhangdailin/img/raw/master/img/20201111114111.png')
  .then(function (rst) {
    console.log('rst', rst)
    // 处理成功会执行
  })
  .catch(function (err) {
    console.log('err', err)
    // 处理失败会执行
  })
  .always(function () {
    // 不管是成功失败，都会执行
  })

document.querySelector('#file').addEventListener('change', function () {
  lrz(this.files[0])
    .then(function (rst) {
      // 处理成功会执行
      console.log(rst)
      let img = new Image()
      img.src = rst.base64
      img.onload = function () {
        window.document.body.appendChild(img)
      }
    })
    .catch(function (err) {
      // 处理失败会执行
    })
    .always(function () {
      // 不管是成功失败，都会执行
    })
})

// 下载图片
downPhoto(path) {
        this.downloadFiles(path)
    },
    // 下载
    downloadFiles(content) {
        console.log(content)
        const downloadElement = document.createElement('a') // 创建下载的链接
        let blob = this.base64ToBlob(content) // new Blob([content]);
        const href = window.URL.createObjectURL(blob)
        downloadElement.href = href
        downloadElement.download = '参保人相片.jpg' // 下载后的文件名
        document.body.appendChild(downloadElement)
        downloadElement.click() // 下载
        document.body.removeChild(downloadElement) // 下载完成 移除 a
        window.URL.revokeObjectURL(href) // 释放blob对象
    },
    // base64转blob
    base64ToBlob(code) {
        let parts = code.split(';base64,')
        let contentType = parts[0].split(':')[1]
        let raw = window.atob(parts[1])
        let rawLength = raw.length
        let uInt8Array = new Uint8Array(rawLength)
        for (let i = 0; i < rawLength; ++i) {
            uInt8Array[i] = raw.charCodeAt(i)
        }
        return new Blob([uInt8Array], {
            type: contentType
        })
    },

//   <button  class="cancel-btn cursor" @click="downPhoto(dataDetail.photo64Byte)">下载图片</button>

/**
 * 页面禁用拖拽上传时 浏览器默认打开图片
 */
document.addEventListener(
  'drop',
  function (e) {
    e.preventDefault()
  },
  false
)
document.addEventListener(
  'dragover',
  function (e) {
    e.preventDefault()
  },
  false
)

import Cookies from 'js-cookie'

Cookies.set('foo', 'bar')

Cookies.set('name', 'value', {
  expires: 7
}) // 设置天数

Cookies.remove('name')

let lastTime = 0
const prefixes = 'webkit moz ms o'.split(' ') // 各浏览器前缀

let requestAnimationFrame
let cancelAnimationFrame

const isServer = typeof window === 'undefined'
if (isServer) {
  requestAnimationFrame = function () {
    return
  }
  cancelAnimationFrame = function () {
    return
  }
} else {
  requestAnimationFrame = window.requestAnimationFrame
  cancelAnimationFrame = window.cancelAnimationFrame
  let prefix
  // 通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
  for (let i = 0; i < prefixes.length; i++) {
    if (requestAnimationFrame && cancelAnimationFrame) {
      break
    }
    prefix = prefixes[i]
    requestAnimationFrame =
      requestAnimationFrame || window[prefix + 'RequestAnimationFrame']
    cancelAnimationFrame =
      cancelAnimationFrame ||
      window[prefix + 'CancelAnimationFrame'] ||
      window[prefix + 'CancelRequestAnimationFrame']
  }

  // 如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
  if (!requestAnimationFrame || !cancelAnimationFrame) {
    requestAnimationFrame = function (callback) {
      const currTime = new Date().getTime()
      // 为了使setTimteout的尽可能的接近每秒60帧的效果
      const timeToCall = Math.max(0, 16 - (currTime - lastTime))
      const id = window.setTimeout(() => {
        callback(currTime + timeToCall)
      }, timeToCall)
      lastTime = currTime + timeToCall
      return id
    }

    cancelAnimationFrame = function (id) {
      window.clearTimeout(id)
    }
  }
}

export { requestAnimationFrame, cancelAnimationFrame }

if (progress < this.localDuration) {
  // 如果满足条件将会一直调用
  this.rAF = requestAnimationFrame(this.count)
} else {
  this.$emit('callback')
}

/**只用于弹窗返回的时候直接跳转到上一个页面, 只需引入即可, 但弹窗名称必须和规定的一致 */
export default {
    beforeRouteLeave(to, from, next) {
        let index = this.popBackShowArr.indexOf(true);
        index !== -1 ? (this.popBackShowArr = [], next(false)) : next();
    },
    data() {
        return {
            // popBackShowArr: [false, true], // 控制/弹窗
        }
    },
}
// 用法

computed: {
    popBackShowArr: {
        get: function() {
            return [this.searBoxShow, this.isBox];
        },
        set: function(newValue) {
            this.isBox = false;
            this.searBoxShow = false;
            this.serchKey = "";
        },
    },
},

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  plugins: [
    [
      'import',
      {
        libraryName: 'view-design',
        libraryDirectory: 'src/components'
      }
    ],
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
}

  /**
   * 复制
   */
  copyText(e) {
      wx.setClipboardData({
          data: e.currentTarget.dataset.text,
          success(res) {
              console.log("success -> res", res)
          }
      })
  },

// 直接调用它返回即可
_returnToPreviousPage() {
    let pages = getCurrentPages();
    let prevPage = pages[pages.length - 2];
    if (prevPage) {
        prevPage.setData({
            isRresh: true
        })
    }
},

data.echartsOptions.series[0].label = {
  normal: {
    position: 'inner',
    formatter: (val) => {
      let showStr = ''
      showStr = val.value > 0 ? val.name : ''
      return showStr
    }
  }
}

Vue.use(VueLazyload, {
  preLoad: 1.3,
  error: 'dist/error.png',
  loading: 'dist/loading.gif',
  attempt: 1
})

methods: {
    rowKey(row) {
        return row.id
    }
}

// postMessage里面必须传递参数, 而且还是json的不然ios那边接受不了
window.webkit.messageHandlers.close.postMessage(
  JSON.stringify({
    ceshi: ''
  })
)

.container {
    display: flex;
    justify - content: space - between;
    flex - wrap: wrap;
}
.list {
    background - color: skyblue;
    margin: 10 px;
}
/* 使用伪元素辅助左对齐 */
.container::after {
    content: '';
    flex: auto; /* 或者flex: 1 */
}

function flatten(data) {
  return data.reduce(
    (arr, { Id, Name, Pid, id, children = [] }) =>
      arr.concat(
        [
          {
            Id,
            Name,
            Pid,
            id
          }
        ],
        flatten(children)
      ),
    []
  )
}

//在js方法中校验
this.$refs['form'].validate((valid) => {
  if (valid) {
    // 验证通过
  } else {
    this.$nextTick(() => {
      let isError = document.getElementsByClassName('is-error')
      isError[0].scrollIntoView({
        // 滚动到指定节点
        // 值有start,center,end，nearest，当前显示在视图区域中间
        block: 'center',
        // 值有auto、instant,smooth，缓动动画（当前是慢速的）
        behavior: 'smooth'
      })
    })
    return
  }
})

import ElementUI from‘ element - ui’
ElementUI.Dialog.props.closeOnClickModal.default = false

var data = [
  {
    id: 1,
    name: 'Tom',
    age: '18'
  },
  {
    id: 2,
    name: 'Tommy',
    age: '16'
  }
]
// 打开数据库，两个参数（数据库名字，版本号），如果数据库不存在则创建一个新的库
var request = window.indexedDB.open('myDatabase', '1')
// 数据库操作过程中出错，则错误回调被触发
request.onerror = (event) => {
  console.log(event)
}
// 数据库操作一切正常，所有操作后触发
request.onsuccess = (event) => {
  var db = event.target.result
  // 数据读取
  var usersObjectStore = db.transaction('users').objectStore('users')
  var userRequest = usersObjectStore.get(1)
  userRequest.onsuccess = function (event) {
    console.log(event.target.result)
  }
}
// 创建一个新的数据库或者修改数据库版本号时触发
request.onupgradeneeded = (event) => {
  var db = event.target.result
  // 创建对象仓库用来存储数据，把id作为keyPath，keyPath必须保证不重复，相当于数据库的主键
  var objectStore = db.createObjectStore('users', {
    keyPath: 'id'
  })
  // 建立索引，name和age可能重复，因此unique设置为false
  objectStore.createIndex('name', 'name', {
    unique: false
  })
  objectStore.createIndex('age', 'age', {
    unique: false
  })
  // 确保在插入数据前对象仓库已经建立
  objectStore.transaction.oncomplete = () => {
    // 将数据保存到数据仓库
    var usersObjectStore = db
      .transaction('users', 'readwrite')
      .objectStore('users')
    data.forEach((data) => {
      usersObjectStore.add(data)
    })
  }
}

cpm install vuex - persistedstate - S

// 在store中引入
import createPersistedState from 'vuex-persistedstate'
// 注册使用
getters,
plugins: [createPersistedState()]

  npm install jsencrypt

  import JSEncrypt from 'jsencrypt'

  var encryptor = new JSEncrypt() // 创建加密对象实例
  //之前ssl生成的公钥，复制的时候要小心不要有空格
  var pubKey = '-----BEGIGSIb3DQEBQIDAQAB-----END PUBLIC KEY-----'
  encryptor.setPublicKey(pubKey) //设置公钥
  var rsaPassWord = encryptor.encrypt('要加密的内容') // 对内容进行加密

  var decrypt = new JSEncrypt() //创建解密对象实例
  //之前ssl生成的秘钥
  var priKey = '-----BEGIN RSA PRIVATrVv6kGqhEN+Q0blT/ueRk=-----END RSA PRIVATE KEY----'
  decrypt.setPrivateKey(priKey) //设置秘钥
  var uncrypted = decrypt.decrypt(encrypted) //解密之前拿公钥加密的内容

var localUrl = encodeURIComponent(window.location.href)

// 获取分享所需参数
function wxShare({ title, content, adImgUrl, digest }) {
  $.ajax({
    type: 'get',
    url: '//somhe.hmzcjt.com/shtip/mp/getJSApiTicket?url=' + localUrl,
    contentType: 'application/json;charset=utf-8',
    success: function (data) {
      if (data.code == 200) {
        // 调用微信分享功能
        weChatShare({
          appId: data.data.appid,
          timestamp: data.data.timestamp,
          nonceStr: data.data.nonceStr,
          signature: data.data.signature,
          title,
          adImgUrl,
          digest
        })
      }
    }
  })
}
// 微信分享功能
function weChatShare({
  appId,
  timestamp,
  nonceStr,
  adImgUrl,
  signature,
  title,
  digest,
  content
}) {
  // 调用分享接口拿到需要字段
  wx.config({
    debug: false,
    appId: appId,
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    // jsApiList: ["onMenuShareAppMessage", "onMenuShareTimeline"],
    jsApiList: [
      'onMenuShareAppMessage',
      'onMenuShareTimeline',
      'onMenuShareQQ',
      'onMenuShareQZone'
    ]
  })

  wx.ready(function () {
    var myUrl = window.location.href.split('#')[0]
    var imgUrl = $('img')[0].src
    var shareData = {
      title: title,
      link: myUrl,
      imgUrl: adImgUrl,
      type: 'link',
      desc: digest,
      success: function () {},
      cancel: function () {}
    }
    //分享到朋友圈
    wx.onMenuShareTimeline(shareData)
    //分享给朋友
    wx.onMenuShareAppMessage(shareData)

    // 1.4.0 新接口 (只调用这个接口在安卓下是无效的)
    wx.updateAppMessageShareData(shareData)
    wx.updateTimelineShareData(shareData)
  })

  wx.error(function (res) {})
}

const fs = require('fs')
let dir = fs.readdirSync('./')
let goodPic = [
  'DSC00013',
  'DSC00017',
  'DSC00019',
  'DSC00023',
  'DSC00025',
  'DSC00026',
  'DSC00031',
  'DSC00036',
  'DSC00037',
  'DSC00038',
  'DSC00040',
  'DSC00044',
  'DSC00043',
  'DSC00045',
  'DSC00048',
  'DSC00054',
  'DSC00060',
  'DSC00063',
  'DSC00065',
  'DSC00066',
  'DSC00072',
  'DSC00082',
  'DSC00088',
  'DSC00093',
  'DSC00100',
  'DSC00112'
]
let goodPicList = goodPic
let newList = dir.map((item) => {
  return item.split('.')[0]
})
let lastArr = []
goodPicList.forEach((item) => {
  if (newList.includes(item)) {
    lastArr.push(item)
    copy('./' + item + '.ARW', './dist/' + item + '.ARW')
  }
})

function copy(src, dst) {
  fs.writeFileSync(dst, fs.readFileSync(src))
}

// 需要安装依赖
devDependencies: {
    "cross-env": "^7.0.3",
}

// package.json中的配置
"build:dev": "cross-env NODE_ENV=dev vue-cli-service build",