Doreen's Blog

/**
 * 浮点数运算
 * type: 1 加法,2 减法
 */
function floatAddOrMinus(type: number, arg1: string, arg2: string) {
    let len1 = 0
    let len2 = 0
    let m = 0
    let item1 = 0
    let item2 = 0;
    try {
        len1 = arg1.split(".")[1].length;
    } catch (e) {
        len1 = 0;
    }
    try {
        len2 = arg2.split(".")[1].length;
    } catch (e) {
        len2 = 0;
    }

    if (len1 > len2) {
        m = len1;
        item1 = 0;
        item2 = len1 - len2;
    } else {
        m = len2;
        item1 = len2 - len1;
        item2 = 0;
    }

    if (type === 1) {
        return (
            (Number(arg1.replace(".", "")) * 10 ** item1 +
                Number(arg2.replace(".", "")) * 10 ** item2) /
            10 ** m
        );
    } else {
        return (
            (Number(arg1.replace(".", "")) * 10 ** item1 -
                Number(arg2.replace(".", "")) * 10 ** item2) /
            10 ** m
        );
    }
}

// ...
setup(){
    let formData: IEmptyObject = reactive({
      warningUseTime: 0,
      typeName: '',
      categoryCode: '',
      categoryName: '',
      maintenanceCode: '',
      maintenanceName: '',
      model: '',
      attribute: '',
      unit: '',
      warningProductionQuantity: 0
    });

    return { formData }
}
// ...

private pickerOptionsStart = {
    disabledDate: (time: Date) => {
      return time.getTime() > Date.now();
    },
  }

private handleChangeStart() {
    this.formData.endDateStr = '';
}

private dafaulttime: string = '00:00:00-23:59:59';

private handleChangeInputDate(e: Date) {
    // 区别 同一天和下一天的时间限制
    if (this.formData.beginDateStr) {
      const begin = new EasyDate(this.formData.beginDateStr).format('dd');
      const end = new EasyDate(e).format('dd');
      if (begin === end) {
        this.dafaulttime =
          new EasyDate(this.formData.beginDateStr).format('HH:mm:ss') +
          '-23:59:59';
      } else {
        this.dafaulttime =
          '00:00:00-' +
          new EasyDate(this.formData.beginDateStr).format('HH:mm:ss');
      }
    }
  }

  private hanldeDisabledDate(time: Date) {
    // 24 * 3600 * 1000 == 8.64e7
    if (this.formData.beginDateStr) {
      const pickerMinDate = new Date(this.formData.beginDateStr).getTime();
      const maxTime = pickerMinDate + 8.64e7;
      const minTime = pickerMinDate - 8.64e7;
      return time.getTime() >= maxTime || time.getTime() <= minTime;
    } else {
      return time.getTime() > Date.now();
    }
  }

private hanldeOnPick(e: IEmptyObject) {
  if (!e.maxDate) {
    const timeRange = 8.64e7 * 31;
    this.pickDateRange.maxTime = e.minDate.getTime() + timeRange;
    this.pickDateRange.minTime = e.minDate.getTime() - timeRange;
  } else {
    this.pickDateRange.minTime = null;
    this.pickDateRange.maxTime = null;
  }
}

private hanldeDisabledDate(e: Date) {
  const pickerDate = e.getTime();
  if (this.pickDateRange.minTime && this.pickDateRange.maxTime) {
    return (
      e.getTime() <= this.pickDateRange.minTime ||
      e.getTime() >= Date.now() ||
      e.getTime() >= this.pickDateRange.maxTime
    );
  } else {
    return e.getTime() >= Date.now();
  }
}

// √ 生效
:picker-options="{
   disabledDate: (time) => hanldeDisabledDate(time),
    selectableRange: dafaulttime,
  }"

// × 不生效
:picker-options="pickerOption"

private pickerOption = {
   disabledDate: (time) => hanldeDisabledDate(time),
    selectableRange: dafaulttime,
  }

// http.ts
const instance = axios.create({
  timeout: 600000, // by huangrong
  headers: { 'Content-Type': 'application/json' },
  baseURL: '/',
  // transformResponse: (data: any) => {
  //   //
  // }
});

instance.upload = (url, data, config = {}, params) => {
  const formData = new FormData();
  data.forEach(item => {
    formData.append('file', item.value, item.name || item.filename);
  });
  if (params && Object.keys(params).length > 0) {
    for (const m in params) {
      if (params.hasOwnProperty(m)) {
        const key = m;
        const value = params[m];
        formData.append(key, value);
      }
    }
  }
  return instance.request({
    method: 'post',
    ...config,
    url,
    data: formData,
  });
};


// 请求拦截器
instance.interceptors.request.use(config => {
    const { params = {} } = config;
    config.params = { ...params, time: new Date().getTime() };
    // add token if need
    config.headers = {
      ...(config.headers || {}),
      'X-Auth-Token': CookieStorage.token,
      'X-Stargate-AppId': 25,
    };
    return config;
  }, err => {
    // show err
  }
);

// common-api.ts
export function uploadFile(path: string, file: IUploadParam[], config?: AxiosRequestConfig, params?: IEmptyObject) {
  return http.upload(path, file, config, params).then(res => {
    return Promise.resolve(res.data);
  });
}

// index.vue
 uploadFile(
        this.path,
        (this.$refs.imageUpload as any).fileList,
        {},
        {
          body: new Blob(
            [
              JSON.stringify({
                ...this.formData,
                factory: this.factory,
                workshop: this.workshop,
              }),
            ],
            { type: 'application/json' }
          ),
        }
      )

// 响应拦截器
instance.interceptors.response.use(response => {
  return Promise.resolve(response);
}, error => {
  // show error_msg and reject
  // console.log('响应失败信息', error.response);
  if (error && error.response && error.response.status) {
    let errCode = 0;
    let errMsg = '';
    if (!!error.response.data) {
      // 文件流错误处理
      if (error.response.config.responseType === 'blob') {
        const reader = new FileReader();
        reader.readAsText(error.response.data);
        reader.onload = () => {
          try {
            const { errorMsg } = JSON.parse(reader.result as string);
            errMsg = errorMsg;
            handleError(error.response.status, errMsg);
          } catch (error) {
            console.log('解析错误');
          }
        };
      } else {
        // 普通错误处理
        const { status, errorMsg } = error.response.data;
        errCode = status;
        errMsg = errorMsg;
        handleError(error.response.status, errMsg);
      }
    }
  }
  return Promise.reject(error);
});

server: {
    open: true,
    proxy: {
      '/api': {
        target: 'http://rap2api.taobao.org/app/mock/data',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
      '/music-api': {
        target: 'https://api.uomg.com/api/rand.music?format=json&sort=%E7%83%AD%E6%AD%8C%E6%A6%9C',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/music-api/, '')
      },
      '/music-lyric': {
        // target:'https://api.imjad.cn/cloudmusic/?type=lyric&id=1479526505'
        target: 'https://api.imjad.cn/cloudmusic/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/music-lyric/, '')
      },
      '/one-api': {
        target: 'https://api.tianapi.com/txapi/one/index?key=7764228bedff0b2310879d47173c4603&rand=1',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/one-api/, '')
      },
      '/diary-api': {
        target: 'http://api.tianapi.com/txapi/tiangou/index?key=7764228bedff0b2310879d47173c4603',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/diary-api/, '')
      },

    },
}

import { CookieStorage } from '@/utils/cookies';
import axios, { AxiosRequestConfig } from 'axios';
import qs from 'qs';

const instance = axios.create({
  timeout: 600000,
  headers: { 'Content-Type': 'application/json' },
  baseURL: '/',
});

// 保存下载文件
function saveFile(binaryData: string, fileName: string, mime?: string) {
  const fileDownload = require('js-file-download');
  fileDownload(binaryData, fileName, mime);
}

instance.download = {
  get(url, config) {
    const { filename = 'temp', mime = '' } = config || {};
    return instance.get(url, { ...config, responseType: 'blob' }).then(res => {
      saveFile(res.data, filename, mime);
      return Promise.resolve(res);
    });
  },
  post: (url, data, config) => {
    const { filename = 'temp', mime = '' } = config || {};
    return instance.post(url, data, { ...config, responseType: 'blob' }).then(res => {
      saveFile(res.data, filename, mime);
      return Promise.resolve(res);
    });
  },
};

// ne-upload
instance.upload = (url, data, config = {}, params) => {
  const formData = new FormData();
  data.forEach(item => {
    formData.append('file', item.value, item.name || item.filename);
  });
  if (params && Object.keys(params).length > 0) {
    for (const m in params) {
      if (params.hasOwnProperty(m)) {
        const key = m;
        const value = params[m];
        formData.append(key, value);
      }
    }
  }
  return instance.request({
    method: 'post',
    ...config,
    url,
    data: formData,
  });
};

instance.formdata = (url, data, config = {}) => {
  const formData = qs.stringify(data); // 会将汉字encode
  return instance.request({
    ...config,
    url,
    data: formData,
    method: config.method || 'post',
    headers: { ...config.headers, 'Content-Type': 'application/x-www-form-urlencoded' },
  });
};

// 请求拦截器
instance.interceptors.request.use(config => {
    const { params = {} } = config;
    config.params = { ...params, time: new Date().getTime() };
    // add token if need
    config.headers = {
      ...(config.headers || {}),
      'X-Auth-Token': CookieStorage.token,
      'X-Stargate-AppId': 25,
    };
    return config;
  }, err => {
    // show err
  }
);

// 响应拦截器
instance.interceptors.response.use(response => {
    return Promise.resolve(response);
  }, error => {
    // show error_msg and reject
    console.log('响应失败信息', error.response);
    if (error && error.response && error.response.status) {
      let errCode = 0;
      let errMsg = '';
      if (!!error.response.data) {
        const { status, errorMsg } = error.response.data;
        errCode = status;
        errMsg = errorMsg;
      }
      switch (error.response.status) {
        case 400:
          window._vm.$messageSelf.error(errMsg);
          break;
        case 401:
          // to login or authorize
          window._vm.$messageSelf.error(errMsg);
          CookieStorage.clear();
          // window.location.href = '';
          break;
        case 403:
          // to login or authorize
          window._vm.$messageSelf.error(errMsg);
          CookieStorage.clear();
          window.location.href = '/';
          break;
        case 404:
          // request failed, no res on server
          window._vm.$messageSelf.error('系统错误，请稍候再试');
          break;
        case 500:
          // server error
          window._vm.$messageSelf.error(errMsg);
          break;
      }
    }
    return Promise.reject(error);
  }
);

export default instance;

import http from '@/utils/http';

export function commonRequest(path: string, params: any = {}, method: string = 'get') {
  if (method === 'post') {
    return http.post(path, params).then(res => {
      return Promise.resolve(res.data);
    });
  } else {
    return http.get(path, { params }).then(res => {
      return Promise.resolve(res.data);
    });
  }
}