import 'babel-polyfill';
import Vue from 'vue';
import myUpload from '../upload-1.vue';

new Vue({
	el: '#app',
	data: {
		show1: false,
		show2: false,
		show3: false,
		avatarUrl1: null,
		avatarUrl2: null,
		avatarUrl3: null,
		otherParams: {
			token: '123456798',
			name: 'img'
		}
	},
	components: {
		'my-upload': myUpload
	},
	methods: {
		toggleShow1() {
			let {show1} = this;
			this.show1 = !show1;
		},
		toggleShow2() {
			let {show2} = this;
			this.show2 = !show2;
		},
		toggleShow3() {
			let {show3} = this;
			this.show3 = !show3;
		}
	},
	events: {
		cropSuccess(data, field, key) {
			if (field == 'avatar1') {
				this.avatarUrl1 = data;
			} else if(field == 'avatar2') {
				this.avatarUrl2 = data;
			} else {
				this.avatarUrl3 = data;
			}
			console.log('-------- 裁剪成功 --------');
			console.log(field);
		},
		cropUploadSuccess(data, field, key) {
			console.log('-------- 上传成功 --------');
			console.log(data);
			console.log('field: ' + field);
			console.log('key: ' + key);
		},
		cropUploadFail(status, field, key) {
			console.log('-------- 上传失败 --------');
			console.log(status);
			console.log('field: ' + field);
			console.log('key: ' + key);
		}
	}
});