黄色电影一区二区,韩国少妇自慰A片免费看,精品人妻少妇一级毛片免费蜜桃AV按摩师 ,超碰 香蕉

• ajax 文件入口
• 消息隊列
• elementui loading參數(shù)設(shè)置
• 基于elementui的loading全局加載
• 應(yīng)用場景
• 1.引入庫
• 2.定義全局loading
• 3.使用

/**
 * @param {string} url 請求 `url` 地址
 * @param {object, array, formdata} params 參數(shù)數(shù)據(jù)
 * @param {object, array, formdata} query url 拼接參數(shù)
 * @param {string} method post, get, add, delete
 * @param {boolean} notice false: 默認(rèn), 不直接顯示返回消息 ------- fixme 待確認(rèn)
 */
const ajax = ({ url, data = {}, query = {}, method = 'post', notice = false, type = '' }) => {
  // 默認(rèn)url 地址攜帶 參數(shù)
  const default_query = {
    pinuuid: store.getters.pinuuid,
    ebiid: store.getters.ebiid
  }
  query = object.assign(query, default_query)
  url = urlqueryformat(url, query)

  data.pinuuid = store.getters.pinuuid
  data = object.assign(data, default_query)
  // 過濾重復(fù)的請求 事件
  // eslint-disable-next-line no-unused-vars
  const repeat = messagelist.findrepeat(url, data, method)
  // if (repeat.length > 0) {
  // eslint-disable-next-line no-constant-condition
  if (false) {
    message.warning('數(shù)據(jù)正在獲取中, 請稍后...')
    return promise.reject({ message: '數(shù)據(jù)正在獲取中, 請稍后...' })
  } else {
    // 獲取 分配的 rid 即 index
    const rid = messagelist.add(url, data, method)

    return new promise((resolve, reject) => {
      // eslint-disable-next-line prefer-const
      let reqstate = { url, method }
      if (method.tolowercase() === 'get') reqstate['params'] = data
      else if (method.tolowercase() === 'post') {
        reqstate['data'] = data
        if (type === 'x_www_form_urlencoded') {
          request.defaults.headers.post['content-type'] = httpconstant.form_data_req
          let ret = ''
          for (const it in reqstate) {
            ret += encodeuricomponent(it) + '=' + encodeuricomponent(reqstate[it]) + '&'
          }
          reqstate['data'] = ret
        } else if (type === 'form_data') {
          request.defaults.headers.post['content-type'] = httpconstant.mul_form_req
        } else if (type === 'blob') {
          request.defaults.headers.post['content-type'] = httpconstant.application_blob_req
          reqstate.responsetype = type
        } else {
          request.defaults.headers.post['content-type'] = httpconstant.form_data_req
        }
      }

      request(reqstate).then(res => {
        // settimeout(() => { // 測試用 fortest
        messagelist.del(rid)
        resolve(res)
        // }, 1000 * 2)
      }).catch(err => {
        // 當(dāng)請求錯誤 是否需要重新發(fā)包 網(wǎng)絡(luò)錯誤等 處理
        messagelist.del(rid)
        reject(err)
      })
    })
  }
}

/** loading 隊列 */
const messagelist = {
  loading: null,
  timer: null,
  state: {},
  add(url, params, method) {
    let rid = 0
    while (this.state[rid]) { ++rid }
    this.state[rid] = {
      rid,
      data: json.stringify({ url, params, method })
    }

    this.loading = loading.service(loadingoption)
    this.inittimer()
    return rid
  },
  // url 作為key
  del(rid) {
    delete this.state[rid]
    if (object.values(this.state).length <= 0) { this.closeloading() }
  },
  findrepeat(url, params, method) {
    // 獲取重復(fù)相同請求
    return object.values(this.state).filter(item => {
      return item.data === json.stringify({ url, params, method })
    }).map(item => { return { ...item, ...{ data: json.parse(item.data) }} })
  },
  inittimer() {
    if (this.timer) { cleartimeout(this.timer) }
    // 延遲 3s 強(qiáng)制close loading 狀態(tài)
    this.timer = settimeout(() => {
      message.error('請求超時, 自動關(guān)閉')
      if (this.loading) this.loading.close()
    }, 1000 * 5)
  },
  closeloading() {
    if (this.loading) this.loading.close()
    cleartimeout(this.timer)
  }
}

const loadingoption = {
  lock: true,
  text: 'loading',
  spinner: 'el-icon-loading',
  background: 'rgba(0, 0, 0, 0.7)'
}

const httpconstant = {
  // 請求content-type類型
  'form_data_req': 'application/x-www-form-urlencoded',
  'application_json_req': 'application/json',
  'mul_form_req': 'multipart/form-data',
  'application_blob_req': 'application/vnd.ms-excel;charset=utf-8',
}

import { loading } from 'element-ui'

/* 全局多彩加載層 */
vue.prototype.$basecolorfullloading = (wer) => {
  const loading = loading.service({ // 聲明一個loading對象
    lock: true, // 是否鎖屏
    text: '正在加載...', // 加載動畫的文字
    spinner: 'inner-circles-loader', // 引入的loading圖標(biāo)
    background: 'hsla(0,0%,100%,0)', // 背景顏色
    target: document.queryselector(wer)
  })
  settimeout(function() { // 設(shè)定定時器，超時5s后自動關(guān)閉遮罩層，避免請求失敗時，遮罩層一直存在的問題
     loading.close() // 關(guān)閉遮罩層
   }, 2000000)
  return loading
}

//添加class="todolist"
<el-table
	:data="currenttabledata"
	class="todolist"
	size="small"
	style="width: 100%"
	highlight-current-row
	@row-click="handleselectionchange">
 </el-table>

// 請求時調(diào)用
const loading = this.$basecolorfullloading('.app-main')
//請求完成后關(guān)閉
loading.close()