import lrz from "lrz"
import {generateMixed} from "../common"
import {add2Cache,getFromCache,removeFromCache} from "../cache"
// Created by quanzaiyu on 2017/10/25 0025.
var state = {
img_upload_cache: [],//上传文件缓存
img_paths: [],//上传状态，包括 ready selected uploading finished
img_status:'ready',// # 上传后的路径反馈数组(数据结构为Set集合)
items:new Map(),
orderno:"",
headerimg:""
}
const actions = {
choiceImgdate({commit}){//选择拍照或上传
if (!window.plus){
actions. choiceDanpic({commit})//如果不支持plus,就用本地相册上传即可
return;
}
let title = "选择照片"
let btns = ['拍照','相册']
var func = function(e){
var index = e.index;
if(index == 1) actions.choiceCamera({commit});
if(index == 2) actions. choiceDanpic({commit});
}
if(title && btns && btns.length > 0){
var btnArray = [];
for(var i=0; i<btns.length; i++){
btnArray.push({title:btns[i]});
}
plus.nativeUI.actionSheet({
title : title,
cancel : '取消',
buttons : btnArray
}, function(e){
if(func) func(e);
})
}
},
choiceCamera({commit}){//相机
var cmr = plus.camera.getCamera();
cmr.captureImage(function (path){
plus.io.resolveLocalFileSystemURL(path, function(entry){
let localurl = entry.toLocalURL();
actions.insertPhoto({commit},localurl);
}, function(e){plus.nativeUI.toast("读取拍照文件错误：" + e.message); });
}, function(e){},{index:1,filename:"_doc/camera/"});
},
choicePic({commit}){//多图选择
plus.gallery.pick(function(e){
for(var i in e.files){
if (i < 9) {
actions.insertPhoto({commit},e.files[i]);
}
}
}, function ( e ) {
console.log( "取消选择图片" );
},{filter:"image",multiple:true,
maximum:9,
});//过滤器只要图片，多选
},
choiceDanpic({commit}){//丹徒选择
plus.gallery.pick(function(path){
actions.insertPhoto({commit},path);
}, function ( e ) {
console.log( "取消选择图片" );
},{filter:"image",filename:'_documents/siyuan/'
});//过滤器只要图片，多选
},
insertPhoto({commit},data){//选图
lrz(data, { width: 480 }).then(function(rst) {
let reader = new FileReader()
reader.readAsDataURL(rst.file);
reader.onload = function(e) {
rst.imgshow=e.target.result;
rst.guid=generateMixed(6);
commit('headerimg_set',rst)
}
return rst
}).always(function() { // 清空文件上传控件的值
e.target.value = null
});
},
delate({commit},guid){//删除图片
commit('set_img_paths',guid)
},
getdata({commit},orderno){//获取单个编号相册情况
commit('get_img_data',orderno)
},
clearupload({commit}){//清除照片
commit('chu_set')
},
getdanchuan({commit},obj){
lrz(obj.files[0], {width: 350}, function (results) {import lrz from "lrz"
import {generateMixed} from "../common"
import {add2Cache,getFromCache,removeFromCache} from "../cache"
// Created by quanzaiyu on 2017/10/25 0025.
var state = {
img_upload_cache: [],//上传文件缓存
img_paths: [],//上传状态，包括 ready selected uploading finished
img_status:'ready',// # 上传后的路径反馈数组(数据结构为Set集合)
items:new Map(),
orderno:"",
headerimg:""
}
const actions = {
choiceImgdate({commit}){//选择拍照或上传
if (!window.plus){
actions. choiceDanpic({commit})//如果不支持plus,就用本地相册上传即可
return;
}
let title = "选择照片"
let btns = ['拍照','相册']
var func = function(e){
var index = e.index;
if(index == 1) actions.choiceCamera({commit});
if(index == 2) actions. choiceDanpic({commit});
}
if(title && btns && btns.length > 0){
var btnArray = [];
for(var i=0; i<btns.length; i++){
btnArray.push({title:btns[i]});
}
plus.nativeUI.actionSheet({
title : title,
cancel : '取消',
buttons : btnArray
}, function(e){
if(func) func(e);
})
}
},
choiceCamera({commit}){//相机
var cmr = plus.camera.getCamera();
cmr.captureImage(function (path){
plus.io.resolveLocalFileSystemURL(path, function(entry){
let localurl = entry.toLocalURL();
actions.insertPhoto({commit},localurl);
}, function(e){plus.nativeUI.toast("读取拍照文件错误：" + e.message); });
}, function(e){},{index:1,filename:"_doc/camera/"});
},
choicePic({commit}){//多图选择
plus.gallery.pick(function(e){
for(var i in e.files){
if (i < 9) {
actions.insertPhoto({commit},e.files[i]);
}
}
}, function ( e ) {
console.log( "取消选择图片" );
},{filter:"image",multiple:true,
maximum:9,
});//过滤器只要图片，多选
},
choiceDanpic({commit}){//丹徒选择
plus.gallery.pick(function(path){
actions.insertPhoto({commit},path);
}, function ( e ) {
console.log( "取消选择图片" );
},{filter:"image",filename:'_documents/siyuan/'
});//过滤器只要图片，多选
},
insertPhoto({commit},data){//选图
lrz(data, { width: 480 }).then(function(rst) {
let reader = new FileReader()
reader.readAsDataURL(rst.file);
reader.onload = function(e) {
rst.imgshow=e.target.result;
rst.guid=generateMixed(6);
commit('headerimg_set',rst)
}
return rst
}).always(function() { // 清空文件上传控件的值
e.target.value = null
});
},
delate({commit},guid){//删除图片
commit('set_img_paths',guid)
},
getdata({commit},orderno){//获取单个编号相册情况
commit('get_img_data',orderno)
},
clearupload({commit}){//清除照片
commit('chu_set')
},
getdanchuan({commit},obj){
lrz(obj.files[0], {width: 350}, function (results) {
// 你需要的数据都在这里，可以以字符串的形式传送base64给服务端转存为图片。
commit('headerimg_set',results)
});
}
}
const getters = {}
const mutations = {
set_img_upload_cache (state,rst) {
let newItem=[];
console.log(state.orderno);
if (state.items.has(state.orderno)) {
newItem=state.items.get(state.orderno);
newItem.push(rst)
}else{
newItem.push(rst)
}
state.items.set(state.orderno,newItem);
let goods=state.items.get(state.orderno);
state.img_upload_cache= goods
},
set_img_paths(state,guid){
let newItem=[];
if (state.items.has(state.orderno)) {
newItem=state.items.get(state.orderno)
for(let i=0;i< newItem.length;i++){
let pitem=newItem[i];
if (pitem.guid==guid) {
newItem.splice(i,1)
}
}
}
state.items.set(state.orderno,newItem);
let goods=state.items.get(state.orderno);
state.img_upload_cache= goods;
},
get_img_data(state,orderno){
state.img_upload_cache=[];
state.items.clear();
state.orderno=orderno;
console.log("获取传递过来的"+orderno)
},
chu_set(state){//上传成功清除
state.img_upload_cache=[];
state.items.delete(state.orderno);
state.orderno="";
},
headerimg_set(state,rst){//单图头像base64
state.headerimg=rst.base64
}
}
export default {
namespaced: true,
state,
mutations,
actions,
getters
}
// 你需要的数据都在这里，可以以字符串的形式传送base64给服务端转存为图片。
commit('headerimg_set',results)
});
}
}
const getters = {}
const mutations = {
set_img_upload_cache (state,rst) {
let newItem=[];
console.log(state.orderno);
if (state.items.has(state.orderno)) {
newItem=state.items.get(state.orderno);
newItem.push(rst)
}else{
newItem.push(rst)
}
state.items.set(state.orderno,newItem);
let goods=state.items.get(state.orderno);
state.img_upload_cache= goods
},
set_img_paths(state,guid){
let newItem=[];
if (state.items.has(state.orderno)) {
newItem=state.items.get(state.orderno)
for(let i=0;i< newItem.length;i++){
let pitem=newItem[i];
if (pitem.guid==guid) {
newItem.splice(i,1)
}
}
}
state.items.set(state.orderno,newItem);
let goods=state.items.get(state.orderno);
state.img_upload_cache= goods;
},
get_img_data(state,orderno){
state.img_upload_cache=[];
state.items.clear();
state.orderno=orderno;
console.log("获取传递过来的"+orderno)
},
chu_set(state){//上传成功清除
state.img_upload_cache=[];
state.items.delete(state.orderno);
state.orderno="";
},
headerimg_set(state,rst){//单图头像base64
state.headerimg=rst.base64
}
}
export default {
namespaced: true,
state,
mutations,
actions,
getters
}
