gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化vuex mutations

Browse Source
This commit is contained in:
kuaifan 2021-06-06 12:52:42 +08:00
parent 6981ee03bf
commit 1f08c596a4
7 changed files with 56 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/pages/login.vue
View File

@ -113,6 +113,8 @@
</style>
<script>
import {mapMutations} from "vuex";
export default {
data() {
return {
@ -127,6 +129,9 @@ export default {
code: '',
}
},
computed: {
...mapMutations(['setUserInfo']),
},
methods: {
reCode() {
this.codeUrl = $A.apiUrl('users/login/codeimg?_=' + Math.random())
@ -173,7 +178,7 @@ export default {
},
success: ({ret, data, msg}) => {
if (ret === 1) {
this.$store.commit('setUserInfo', data);
this.setUserInfo(data);
//
this.goNext();
} else {

7
resources/assets/js/pages/manage.vue
View File

@ -231,7 +231,7 @@
</style>
<script>
import { mapState } from 'vuex'
import {mapMutations, mapState} from 'vuex'
export default {
data() {
@ -252,13 +252,14 @@ export default {
}
},
mounted() {
this.$store.commit('getUserInfo');
this.$store.commit("getUserInfo");
},
deactivated() {
this.addShow = false;
},
computed: {
...mapState(['projectList']),
...mapMutations(['getProjectList']),
},
watch: {
'$route' (route) {
@ -352,7 +353,7 @@ export default {
this.$set(this.addData, 'template', 0);
//
this.loadIng++;
this.$store.commit('getProjectList', () => {
this.getProjectList(() => {
this.loadIng--;
});
} else {

11
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -43,7 +43,7 @@
<script>
import DragInput from "../../../components/DragInput";
import ScrollerY from "../../../components/ScrollerY";
import {mapState} from "vuex";
import {mapMutations, mapState} from "vuex";
import DialogView from "./DialogView";
import DialogUpload from "./DialogUpload";
@ -67,6 +67,7 @@ export default {
computed: {
...mapState(['userId', 'dialogId', 'dialogDetail', 'dialogMsgLoad', 'dialogMsgList']),
...mapMutations(["spliceDialogMsg"]),
peopleNum() {
return this.dialogDetail.type === 'group' ? $A.runNum(this.dialogDetail.people) : 0;
@ -107,7 +108,7 @@ export default {
text: this.msgText,
},
error:() => {
this.$store.commit('spliceDialogMsg', {id: tempId});
this.spliceDialogMsg({id: tempId});
},
success: ({ret, data, msg}) => {
if (ret !== 1) {
@ -116,7 +117,7 @@ export default {
content: msg
});
}
this.$store.commit('spliceDialogMsg', {
this.spliceDialogMsg({
id: tempId,
data: ret === 1 ? data : null
});
@ -184,11 +185,11 @@ export default {
break;
case 'error':
this.$store.commit('spliceDialogMsg', {id: file.tempId});
this.spliceDialogMsg({id: file.tempId});
break;
case 'success':
this.$store.commit('spliceDialogMsg', {id: file.tempId, data: file.data});
this.spliceDialogMsg({id: file.tempId, data: file.data});
break;
}
},

43
resources/assets/js/pages/manage/components/ProjectList.vue
View File

@ -24,7 +24,7 @@
</div>
</Tooltip>
</li>
<li :class="['project-icon', $store.state.projectChatShow ? 'active' : '']" @click="$store.commit('toggleBoolean', 'projectChatShow')">
<li :class="['project-icon', projectChatShow ? 'active' : '']" @click="toggleBoolean('projectChatShow')">
<Icon type="ios-chatbubbles" />
<Badge :count="projectMsgUnread"></Badge>
</li>
@ -45,14 +45,14 @@
</li>
</ul>
<div class="project-switch">
<div :class="['project-switch-button', !$store.state.projectListPanel ? 'menu' : '']" @click="$store.commit('toggleBoolean', 'projectListPanel')">
<div :class="['project-switch-button', !projectListPanel ? 'menu' : '']" @click="toggleBoolean('projectListPanel')">
<div><i class="iconfont">&#xe60c;</i></div>
<div><i class="iconfont">&#xe66a;</i></div>
</div>
</div>
</div>
</div>
<div v-if="$store.state.projectListPanel" class="project-column">
<div v-if="projectListPanel" class="project-column">
<ul>
<li v-for="column in projectDetail.project_column">
<div class="column-head">
@ -107,8 +107,8 @@
</Row>
</div>
<!--我的任务-->
<div :class="['project-table-body', !$store.state.taskMyShow ? 'project-table-hide' : '']">
<div @click="$store.commit('toggleBoolean', 'taskMyShow')">
<div :class="['project-table-body', !taskMyShow ? 'project-table-hide' : '']">
<div @click="toggleBoolean('taskMyShow')">
<Row class="project-row">
<Col span="12" class="row-title">
<i class="iconfont">&#xe689;</i>
@ -165,8 +165,8 @@
</div>
</div>
<!--未完成任务-->
<div :class="['project-table-body', !$store.state.taskUndoneShow ? 'project-table-hide' : '']">
<div @click="$store.commit('toggleBoolean', 'taskUndoneShow')">
<div :class="['project-table-body', !taskUndoneShow ? 'project-table-hide' : '']">
<div @click="toggleBoolean('taskUndoneShow')">
<Row class="project-row">
<Col span="12" class="row-title">
<i class="iconfont">&#xe689;</i>
@ -212,8 +212,8 @@
</div>
</div>
<!--已完成任务-->
<div :class="['project-table-body', !$store.state.taskCompletedShow ? 'project-table-hide' : '']">
<div @click="$store.commit('toggleBoolean', 'taskCompletedShow')">
<div :class="['project-table-body', !taskCompletedShow ? 'project-table-hide' : '']">
<div @click="toggleBoolean('taskCompletedShow')">
<Row class="project-row">
<Col span="12" class="row-title">
<i class="iconfont">&#xe689;</i>
@ -828,7 +828,7 @@
<script>
import TaskPriority from "./TaskPriority";
import TaskAdd from "./TaskAdd";
import {mapState} from "vuex";
import {mapState, mapMutations} from "vuex";
import UserInput from "../../../components/UserInput";
export default {
name: "ProjectList",
@ -869,7 +869,18 @@ export default {
}, 1000)
},
computed: {
...mapState(['userId', 'projectDetail', 'projectLoad', 'projectMsgUnread']),
...mapState([
'userId',
'projectDetail',
'projectLoad',
'projectMsgUnread',
'projectChatShow',
'projectListPanel',
'taskMyShow',
'taskUndoneShow',
'taskCompletedShow'
]),
...mapMutations(['toggleBoolean', 'getProjectList', 'getProjectDetail']),
panelTask() {
const {searchText} = this;
@ -973,7 +984,7 @@ export default {
success: ({ret, data, msg}) => {
if (ret === 1) {
$A.messageSuccess(msg);
this.$store.commit('getProjectDetail', this.addData.project_id);
this.getProjectDetail(this.addData.project_id);
this.addShow = false;
this.addData = {
owner: 0,
@ -1026,7 +1037,7 @@ export default {
success: ({ret, data, msg}) => {
if (ret === 1) {
$A.messageSuccess(msg);
this.$store.commit('getProjectDetail', this.userData.project_id);
this.getProjectDetail(this.userData.project_id);
this.userShow = false;
} else {
$A.modalError(msg);
@ -1049,7 +1060,7 @@ export default {
success: ({ret, data, msg}) => {
if (ret === 1) {
$A.messageSuccess(msg);
this.$store.commit('getProjectDetail', this.transferData.project_id);
this.getProjectDetail(this.transferData.project_id);
this.transferShow = false;
} else {
$A.modalError(msg);
@ -1077,7 +1088,7 @@ export default {
this.$Modal.remove();
if (ret === 1) {
$A.messageSuccess(msg);
this.$store.commit('getProjectList');
this.getProjectList();
this.goForward({path: '/manage/dashboard'}, true);
}else{
$A.modalError(msg, 301);
@ -1107,7 +1118,7 @@ export default {
this.$Modal.remove();
if (ret === 1) {
$A.messageSuccess(msg);
this.$store.commit('getProjectList');
this.getProjectList();
this.goForward({path: '/manage/dashboard'}, true);
}else{
$A.modalError(msg, 301);

7
resources/assets/js/pages/manage/setting/password.vue
View File

@ -19,6 +19,8 @@
</template>
<script>
import {mapMutations} from "vuex";
export default {
data() {
return {
@ -33,6 +35,9 @@ export default {
ruleDatum: { },
}
},
computed: {
...mapMutations(['setUserInfo']),
},
methods: {
initLanguage() {
this.ruleDatum = {
@ -88,7 +93,7 @@ export default {
success: ({ret, data, msg}) => {
if (ret === 1) {
$A.messageSuccess('修改成功！');
this.$store.commit('setUserInfo', data);
this.setUserInfo(data);
this.$refs.formDatum.resetFields();
} else {
$A.modalError(msg);

5
resources/assets/js/pages/manage/setting/personal.vue
View File

@ -24,7 +24,7 @@
<script>
import ImgUpload from "../../../components/ImgUpload";
import {mapState} from "vuex";
import {mapMutations, mapState} from "vuex";
export default {
components: {ImgUpload},
data() {
@ -45,6 +45,7 @@ export default {
},
computed: {
...mapState(['userInfo']),
...mapMutations(['getUserInfo']),
},
watch: {
userInfo() {
@ -81,7 +82,7 @@ export default {
success: ({ret, data, msg}) => {
if (ret === 1) {
$A.messageSuccess('修改成功');
this.$store.commit('getUserInfo');
this.getUserInfo();
} else {
$A.modalError(msg);
}

8
resources/assets/js/store/mutations.js vendored
View File

@ -152,7 +152,7 @@ export default {
/**
* 获取用户基本信息
* @param state
* @param params {userid, success, complete}
* @param params // {userid, success, complete}
*/
getUserBasic(state, params) {
if (!state.method.isJson(params)) {
@ -274,7 +274,7 @@ export default {
/**
* 根据消息ID 删除 或 替换 对话数据
* @param state
* @param params {id, data}
* @param params // {id, data}
*/
spliceDialogMsg(state, params) {
let {id, data} = params;
@ -388,7 +388,7 @@ export default {
/**
* 发送 websocket 消息
* @param state
* @param params {type, data, callback, msgId}
* @param params // {type, data, callback, msgId}
*/
wsSend(state, params) {
if (!state.method.isJson(params)) {
@ -418,7 +418,7 @@ export default {
/**
* 监听消息
* @param state
* @param params {name, callback}
* @param params // {name, callback}
*/
wsMsgListener(state, params) {
const {name, callback} = params;