// 官方示例
function getUserAccount() {
    // 封装Promise请求
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
// spread将各请求结果拆分返回
    .then(axios.spread(function (resp1, resp2) {	
    // 两个请求现在都执行完成
   	// 此时例如我需要对这两个请求进行处理
    let permissions = resp1.data;// 可以使用此方案接收
    if(permissions.code == 200){}// 进行数据处理
}));

/**
* 显示
* @param jsonModel 分页数据(后端返回原始数据)
*/
displayPage(jsonModel) {
    const _this = this
    if(jsonModel.code === 200){
        _this.pageInfo = jsonModel.data
        _this.foods = jsonModel.data.data
        // foods: data模型
        _this.foods.forEach((item, index) => {
            item.status = false // 往foods模型里面添加字段status
        })
    }
}

/**
* 显示
* @param jsonModel 分页数据
*/
displayPage(jsonModel) {
    const _this = this
    if(jsonModel.code === 200){
        // Vue 是MVVM模型 ,我们需要在渲染前修改模型数据
        // 渲染模型
        jsonModel.data.data.forEach((item, index) => {
            item.status = false
        })
        // 进行页面模型对象渲染
        _this.pageInfo = jsonModel.data
        _this.foods = jsonModel.data.data
    }
},

var a = new Promise(function (resolve, reject){
    // 例:
    // 访问后台url
    // 得到结果: jsonModel => 1
    // axios.get()
    var jsonModel = {name:'then',age=18}
    resolve(jsonModel)
}).then(function (value){
	console.log(value) // 1 处理这个value  -> jsonModel
    return value // 如果需要连续发请求的话,该返回值又会被包装成Promise对象
}).then(function (value){
    // 当前then回调没有返回值
    console.log(value.age) // 18
}).then(function (value){
    // 上一个函数没有返回值给这个函数
    console.log(value) // undefined
}).catch(function (value){
    // 异常处理
})

var promise1 = new Promise(function (resolve)[
    // setInterval()  定时任务
    setTimeout(function (){
        resolve('请求1')
    },3000)
])
var promise2 = new Promise(function (resolve)[
    // setInterval()  定时任务
    setTimeout(function (){
        resolve('请求2')
    },1000)
])
// all表示以上两个函数都执行完
Promise.all([ promise1,promise2 ]),then(function (){
    console.log(value) // 则会打印 [请求1,请求2]
})

function* fun(){
    console.log("one");
    yield '1';
}

submit() {
    const _this = this
    // 对于文件上传, 必须为post, 并且需要指定Content-Type: multipart/form-data
    let fphoto = document.querySelector("#fphoto").files[0] // 这个可以取多个文件, 我们只取一个
    // 创建formdata对象
    let formdata = new FormData()
    formdata.append("fphoto",fphoto) // 文件对象
    // 其他的对象参数(append进去)
    formdata.append("detail", _this.detail)
    const req = {
        headers:{
            "Content-Type":"multipart/form-data"
        }
    }
    // 请求参数配置
    axios({
        url:'/upload',
        method:'post',
        data:formdata,
        headers: req.headers
    }).then(res => {
        // 处理请求  当前章节次要
        let jsonModel = res.data
        if(jsonModel.code === 200){
			let jsonModel = res.data
            if(jsonModel.code === 200){
                alert("上传成功!")
            }
        }
    })
}

axios({
    method: "post",
    // 请求后台地址
    url: "http://localhost:9000/upload/export/forEmployee",
    responseType: "blob", //设置返回信息为二进制文件，默认为json
    // 需要导出的数据
    data: this.employeeList, //后台照常用@RequestBody接收即可
}).then((res) => {
    // 这个地方我们应该拿到后端响应信息里面的文件信息, 此处分析其文件在res.data中
    let blob = new Blob([res.data], { type: "application/xlsx" });
    let url = window.URL.createObjectURL(blob);
    const link = document.createElement("a"); //创建a标签
    link.href = url;
    link.download = "员工信息_" + new Date().getTime() + ".xlsx"; //重命名文件
    link.click();
    URL.revokeObjectURL(url);
});

// 导入组件
import MyCross from "./components/Cross.vue";
export default {
  components: {
    // 注册组件
    Cross,
  },

export default {
  props: {
    // 接收父组件中传的值(通过父组件的语法糖), 可以约束类型
    left: {
      type: Array,
      required: true,
    },
    right: {
      type: Array,
      required: true,
    },
  },

methods:{
    // 方法如下
    moveLeft(item){
        this.$emit('moveLeft',item) // 传输对象给父组件
    },
}

moveLeftFunc(item) { // item为子组件中传输的对象
    this.left.push(item);
    this.right = this.right.filter((i) => i !== item);
},

module.exports = {
  /**
   * You will need to set publicPath if you plan to deploy your site under a sub path,
   * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
   * then publicPath should be set to "/bar/".
   * In most cases please use '/' !!!
   * Detail: https://cli.vuejs.org/config/#publicpath
   */
  publicPath: "/",
  outputDir: "dist",
  assetsDir: "static",
  // 关闭eslint
  // lintOnSave: process.env.NODE_ENV === "development",
  lintOnSave: false,
  productionSourceMap: false,
  devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true,
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: "http://127.0.0.1:9000",
        changeOrigin: true,
        pathRewrite: {
          ["^" + process.env.VUE_APP_BASE_API]: "",
        },
      },
    },
    // before: require('./mock/mock-server.js')
  },