vuex

55 阅读1分钟

1/*

import { ai_detectAPI } from '@/api/home'

import { Message } from 'element-ui';

const state = {

upload_pic_info: {}, //上传图片AI检测信息 //所有的检测信息(res.data.review_memory)

active_pic_info: {},//当前要显示的图片AI检测信息(res.data.review_memory,图片的path路径在这里)

inspection_results: {}, // 统计信息(data.summary_info)

image_group_id: null,//图片本身id(image_info_id)

CloseBoxInformentionFlag:"",

}

const getters = {

//获取上传图片AI检测信息

get_upload_pic_info(state) {

return state.upload_pic_info

},

//获取当前要显示的图片AI检测信息

get_active_pic_info(state) {

return state.active_pic_info

},

//获取统计信息

get_inspection_results(state) {

return state.inspection_results

},

get_image_group_id(state){

return state.image_group_id

},

get_CloseBoxInformentionFlag(state){

return state.CloseBoxInformentionFlag

}

}

const mutations = {

//设置上传图片AI检测信息

set_upload_pic_info(state, data) {

state.upload_pic_info = data

},

//设置当前要显示的图片AI检测信息

set_active_pic_info(state, data) {

state.active_pic_info = data

},

//设置统计信息

set_inspection_results(state, data) {

state.inspection_results = data

},

//设置图片id

set_image_group_id(state, data) {

state.image_group_id = data

},

set_CloseBoxInformentionFlag(state, data) {

state.CloseBoxInformentionFlag = data

},

}

const actions = {

//发送AI检测请求

ai_detect_api: async (ctx, image_group_id) => {

const { data } = await ai_detectAPI(

{

image_group_id

}

)

ctx.commit('set_upload_pic_info', data)

ctx.commit('set_active_pic_info', data.detect_result.detect_result[0])

},

}

export default {

namespaced: true,

state,

getters,

mutations,

actions

}

image.png

image.png

image.png

2存

import { mapMutations } from "vuex"

methods: {

...mapMutations("home", [

"set_active_pic_info",

"set_inspection_results",

"set_upload_pic_info",

"set_image_group_id",

]),

this.set_active_pic_info(res.data.review_memory)

image.png

image.png

image.png

3取

computed: {

...mapGetters("home", ["get_inspection_results"]),

},

image.png

image.png