陈裕财
4 years ago
10 changed files with 381 additions and 9 deletions
-
1src/api/xm/core/xmMyFocus.js
-
3src/router/routes_xm.js
-
77src/views/xm/core/xmMenu/XmMenuDetailRoute.vue
-
9src/views/xm/core/xmMenu/XmMenuEdit.vue
-
113src/views/xm/core/xmMyFocus/XmMyDoFocus.vue
-
12src/views/xm/core/xmMyFocus/XmMyFocusList.vue
-
77src/views/xm/core/xmQuestion/XmQuestionDetailRoute.vue
-
11src/views/xm/core/xmQuestion/XmQuestionEdit.vue
-
77src/views/xm/core/xmTask/XmTaskDetailRoute.vue
-
10src/views/xm/core/xmTask/XmTaskEdit.vue
@ -0,0 +1,77 @@ |
|||
<template> |
|||
<section class="padding"> |
|||
<xm-menu-edit v-if="xmMenu" :xm-menu="xmMenu" :visible="showInfo"></xm-menu-edit> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
|
|||
import { listXmMenu } from '@/api/xm/core/xmMenu'; |
|||
import { mapGetters } from 'vuex'; |
|||
import XmMenuEdit from './XmMenuEdit' |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
}, |
|||
watch:{ |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
xmMenu:null, |
|||
showInfo:false, |
|||
} |
|||
},//end data |
|||
methods: { |
|||
|
|||
|
|||
initByQueryId(){ |
|||
if(this.$route.query && this.$route.query.id){ |
|||
var localStorageXmMenu=localStorage.getItem("xm-menu-info-route") |
|||
var menu=null; |
|||
if(localStorageXmMenu){ |
|||
menu=JSON.parse(localStorageXmMenu) |
|||
if(menu && menu.id==this.$route.query.id){ |
|||
this.xmMenu=menu |
|||
this.showInfo=true; |
|||
}else{ |
|||
this.getXmMenu(this.$route.query.id); |
|||
} |
|||
}else{ |
|||
this.getXmMenu(this.$route.query.id); |
|||
} |
|||
} |
|||
}, |
|||
getXmMenu(id){ |
|||
listXmMenu({id:id}).then(res=>{ |
|||
var tips = res.data.tips; |
|||
if(tips.isOk){ |
|||
this.xmMenu=res.data.data[0] |
|||
localStorage.setItem("xm-menu-info-route",JSON.stringify(this.xmMenu)) |
|||
this.showInfo=true; |
|||
}else{ |
|||
|
|||
} |
|||
}) |
|||
} |
|||
|
|||
},//end methods |
|||
components: { |
|||
XmMenuEdit, |
|||
//在下面添加其它组件 |
|||
}, |
|||
activated(){ |
|||
this.initByQueryId(); |
|||
}, |
|||
mounted() { |
|||
this.initByQueryId(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,113 @@ |
|||
<template> |
|||
<section> |
|||
<el-row v-if="xmMyFocuss.length>0"> |
|||
<el-tag type="success">已关注</el-tag> <el-button @click="handleDel">取消关注</el-button> |
|||
</el-row> |
|||
|
|||
<el-row v-if="xmMyFocuss.length<=0"> |
|||
<el-tag type="primary">未关注</el-tag> <el-button @click="saveSubmit">去关注</el-button> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
import config from "@/common/config"; //全局公共库import |
|||
import { initDicts, listXmMyFocus,addXmMyFocus,delXmMyFocus } from '@/api/xm/core/xmMyFocus'; |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
name:'xmMyDoFocus', |
|||
components: { |
|||
|
|||
}, |
|||
computed: { |
|||
...mapGetters([ 'userInfo' ]), |
|||
|
|||
}, |
|||
props:['pbizId','bizId','focusType','bizName'], |
|||
|
|||
watch: { |
|||
bizId(){ |
|||
this.searchXmMyFocuss() |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
load:{ list: false, edit: false, del: false, add: false },//查询中... |
|||
dicts:{},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
|||
|
|||
xmMyFocuss:[], |
|||
}//end return |
|||
},//end data |
|||
methods: { |
|||
|
|||
...util, |
|||
|
|||
//获取列表 XmMyFocus 我关注的项目或者任务 |
|||
searchXmMyFocuss() { |
|||
let params = { |
|||
pbizId:this.pbizId, |
|||
bizId:this.bizId, |
|||
focusType:this.focusType |
|||
}; |
|||
|
|||
|
|||
this.load.list = true; |
|||
listXmMyFocus(params).then((res) => { |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.xmMyFocuss = res.data.data; |
|||
}else{ |
|||
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: 'error' }); |
|||
} |
|||
this.load.list = false; |
|||
}).catch( err => this.load.list = false ); |
|||
}, |
|||
initData: function(){ |
|||
this.searchXmMyFocuss(); |
|||
}, |
|||
//删除xmMyFocus |
|||
handleDel: function ( ) { |
|||
var row=this.xmMyFocuss[0] |
|||
this.load.del=true; |
|||
let params = { userid:row.userid, bizId:row.bizId, pbizId:row.pbizId }; |
|||
delXmMyFocus(params).then((res) => { |
|||
this.load.del=false; |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.searchXmMyFocuss(); |
|||
} |
|||
this.$notify({ position:'bottom-left', showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}).catch( err => this.load.del=false ); |
|||
}, |
|||
//新增、编辑提交XmMyFocus 我关注的项目或者任务父组件监听@submit="afterEditSubmit" |
|||
saveSubmit: function () { |
|||
this.load.edit=true |
|||
let params = {pbizId:this.pbizId,bizId:this.bizId,focusType:this.focusType,bizName:this.bizName} |
|||
var func=addXmMyFocus |
|||
func(params).then((res) => { |
|||
this.load.edit=false |
|||
var tips=res.data.tips; |
|||
|
|||
if(tips.isOk){ |
|||
this.searchXmMyFocuss() |
|||
this.$emit('submit');// @submit="afterAddSubmit" |
|||
} |
|||
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}).catch( err =>this.load.edit=false); |
|||
}, |
|||
},//end method |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
initDicts(this); |
|||
this.initData() |
|||
}); |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,77 @@ |
|||
<template> |
|||
<section class="padding"> |
|||
<xm-question-edit v-if="xmQuestion" :xm-question="xmQuestion" :visible="showInfo"></xm-question-edit> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
|
|||
import { listXmQuestion } from '@/api/xm/core/xmQuestion'; |
|||
import { mapGetters } from 'vuex'; |
|||
import XmQuestionEdit from './XmQuestionEdit' |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
}, |
|||
watch:{ |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
xmQuestion:null, |
|||
showInfo:false, |
|||
} |
|||
},//end data |
|||
methods: { |
|||
|
|||
|
|||
initByQueryId(){ |
|||
if(this.$route.query && this.$route.query.id){ |
|||
var localStorageXmQuestion=localStorage.getItem("xm-question-info-route") |
|||
var question=null; |
|||
if(localStorageXmQuestion){ |
|||
question=JSON.parse(localStorageXmQuestion) |
|||
if(question && question.id==this.$route.query.id){ |
|||
this.xmQuestion=question |
|||
this.showInfo=true; |
|||
}else{ |
|||
this.getXmQuestion(this.$route.query.id); |
|||
} |
|||
}else{ |
|||
this.getXmQuestion(this.$route.query.id); |
|||
} |
|||
} |
|||
}, |
|||
getXmQuestion(id){ |
|||
listXmQuestion({id:id}).then(res=>{ |
|||
var tips = res.data.tips; |
|||
if(tips.isOk){ |
|||
this.xmQuestion=res.data.data[0] |
|||
localStorage.setItem("xm-question-info-route",JSON.stringify(this.xmQuestion)) |
|||
this.showInfo=true; |
|||
}else{ |
|||
|
|||
} |
|||
}) |
|||
} |
|||
|
|||
},//end methods |
|||
components: { |
|||
XmQuestionEdit, |
|||
//在下面添加其它组件 |
|||
}, |
|||
activated(){ |
|||
this.initByQueryId(); |
|||
}, |
|||
mounted() { |
|||
this.initByQueryId(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,77 @@ |
|||
<template> |
|||
<section class="padding"> |
|||
<xm-task-edit v-if="xmTask" :xm-task="xmTask" :visible="showInfo"></xm-task-edit> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
|
|||
import { listXmTask } from '@/api/xm/core/xmTask'; |
|||
import { mapGetters } from 'vuex'; |
|||
import XmTaskEdit from './XmTaskEdit' |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
}, |
|||
watch:{ |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
xmTask:null, |
|||
showInfo:false, |
|||
} |
|||
},//end data |
|||
methods: { |
|||
|
|||
|
|||
initByQueryId(){ |
|||
if(this.$route.query && this.$route.query.id){ |
|||
var localStorageTask=localStorage.getItem("xm-task-info-route") |
|||
var task=null; |
|||
if(localStorageTask){ |
|||
task=JSON.parse(localStorageTask) |
|||
if(task && task.id==this.$route.query.id){ |
|||
this.xmTask=task |
|||
this.showInfo=true; |
|||
}else{ |
|||
this.getTask(this.$route.query.id); |
|||
} |
|||
}else{ |
|||
this.getTask(this.$route.query.id); |
|||
} |
|||
} |
|||
}, |
|||
getTask(id){ |
|||
listXmTask({id:id}).then(res=>{ |
|||
var tips = res.data.tips; |
|||
if(tips.isOk){ |
|||
this.xmTask=res.data.data[0] |
|||
localStorage.setItem("xm-task-info-route",JSON.stringify(this.xmTask)) |
|||
this.showInfo=true; |
|||
}else{ |
|||
|
|||
} |
|||
}) |
|||
} |
|||
|
|||
},//end methods |
|||
components: { |
|||
XmTaskEdit, |
|||
//在下面添加其它组件 |
|||
}, |
|||
activated(){ |
|||
this.initByQueryId(); |
|||
}, |
|||
mounted() { |
|||
this.initByQueryId(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue