How to use iview - 10 common examples

router.beforeEach((to, from, next) => {
  iView.LoadingBar.start()
  iView.LoadingBar.config({ color: '#0e406d' })
    // window.console.log('Transition', transition)
    // router.app.$store.state.token
  let obId = false
  let location = psl.parse(window.location.hostname) // get parent domain
  location = location.domain === null ? location.input : location.domain
  if (to.query.ob_id) {
    // let location = psl.parse(window.location.hostname) // get parent domain
    // location = location.domain === null ? location.input : location.domain
    // router.app.$cookie.set('auth_token', to.query.ob_id, { expires: 1, domain: location })
    obId = to.query.ob_id
  }
  if (to.query.token) {
    router.app.$cookie.set('auth_token', to.query.token, { expires: 1, domain: location })
  }
  const token = router.app.$cookie.get('auth_token')
  store.state.token = token

error => {
    Spin.hide();
    Message.error('服务内部错误');
    console.log('1111', error);
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

util.checkStatus = function checkStatus (response) {
  // loading
  // 如果http状态码正常，则直接返回数据
  // console.log(response)
  if (response && (response.status === 200 || response.status === 304 || response.status === 400)) {
    return response;
    // 如果不需要除了data之外的数据，可以直接 return response.data
  }
  Message.warning('网络异常');
  // 异常状态下，把错误信息返回去
  return {
    status: -404,
    msg: '网络异常'
  };
};

util.checkStatus = function checkStatus (response) {
  // loading
  // 如果http状态码正常，则直接返回数据
  // console.log(response)
  if (response && (response.status === 200 || response.status === 304 || response.status === 400)) {
    return response;
    // 如果不需要除了data之外的数据，可以直接 return response.data
  }
  Message.warning('网络异常');
  // 异常状态下，把错误信息返回去
  return {
    status: -404,
    msg: '网络异常'
  };
};

router.beforeEach((to, from, next) => {

  iView.LoadingBar.start();
  // to.param;

  let code = to.query.code
  handleAuth(code, () => {
    if(to.name === LOGIN_PAGE_NAME){
      next({
        name: homeName // 跳转到homeName页
      })
    }else{
      next();
    }
  })

  
  
  // if (!token && to.name !== LOGIN_PAGE_NAME) {

router.beforeEach((to, from, next) => {
  iView.LoadingBar.start()
  const token = getToken()
  const loginRequired = to.name === HOME_PAGE || to.name.startsWith('admin') || to.name.startsWith('user')
  if (!token && loginRequired) {
    next({
      name: LOGIN_PAGE_NAME, // 跳转到登录页
      query: {
        next: to.name
      }
    })
  } else if (token && loginRequired) {
    store.dispatch('getUserInfo').then(user => {
      if (canTurnTo(to.name, user.role, routes)) {
        next() // 有权限，可访问
      } else next({ replace: true, name: 'error_401' }) // 无权限，重定向到401页面
    })
  } else if (!token && to.name === LOGIN_PAGE_NAME) {

(error) => {
        Message.error('服务内部错误')
        // 对响应错误做点什么
        return Promise.reject(error)
      }
    )

makeColumns () {
                let columns = deepCopy(this.columns);
                let left = [];
                let right = [];
                let center = [];

                columns.forEach((column, index) => {
                    column._index = index;
                    column._columnKey = columnKey++;
                    column._width = column.width ? column.width : '';    // update in handleResize()
                    column._sortType = 'normal';
                    column._filterVisible = false;
                    column._isFiltered = false;
                    column._filterChecked = [];

                    if ('filterMultiple' in column) {
                        column._filterMultiple = column.filterMultiple;
                    } else {

return {
                ready: false,
                tableWidth: 0,
                columnsWidth: {},
                prefixCls: prefixCls,
                compiledUids: [],
                objData: this.makeObjData(),     // checkbox or highlight-row
                rebuildData: [],    // for sort or filter
                cloneColumns: this.makeColumns(),
                showSlotHeader: true,
                showSlotFooter: true,
                bodyHeight: 0,
                bodyRealHeight: 0,
                scrollBarWidth: getScrollBarSize(),
                currentContext: this.context,
                cloneData: deepCopy(this.data),    // when Cell has a button to delete row data, clickCurrentRow will throw an error, so clone a data
                isShowResizeBorder:false,
                fixedTableStyle: {},
                fixedRightTableStyle: {}
            };
        },
        computed: {

this.data.forEach((row, index) => {
                    const newRow = deepCopy(row);// todo 直接替换
                    newRow._isHover = false;
                    if (newRow._disabled) {
                        newRow._isDisabled = newRow._disabled;
                    } else {
                        newRow._isDisabled = false;
                    }
                    if (newRow._checked) {
                        newRow._isChecked = newRow._checked;
                    } else {
                        newRow._isChecked = false;
                    }
                    if (newRow._expanded) {
                        newRow._isExpanded = newRow._expanded;
                    } else {
                        newRow._isExpanded = false;
                    }