jinql
/
vue-element-admin
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add ListRecordChat and ListChatEntries (#272) 

* creating structure for the service

* structure container info

* waiting for service

* service test

* Support record Log of container info

* style of the option Change Detail

* Text formats

* add color to event type

* Add Disable of textLong

* change style text long

* Add service the ListRecordChats and ListChatEntries

* Support Workflow

* changing translation
pull/3759/head
elsiosanchez 2020-01-29 10:13:21 -04:00 committed by GitHub
parent 16f74a429e
commit 99d49b91fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 212 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/api/ADempiere/data.js
View File

@ -425,6 +425,17 @@ export function requestListWorkflowsLogs({
})
}
export function requestListWorkflows({
tableName,
pageToken,
pageSize
}) {
return Instance.call(this).requestListWorkflows({
tableName,
pageToken,
pageSize
})
}
/**
* @param {string} tableName
* @param {integer} recordId

10
src/lang/ADempiere/en.js
View File

@ -273,15 +273,7 @@ export default {
notes: 'Notes',
changeLog: 'Change Log',
workflowLog: 'Workflow Log',
changeDetail: 'Change Detail',
eventType: {
insert: 'Insert',
update: 'Update',
delete: 'Delete',
field: 'The Field',
newValue: 'New Value',
oldValue: 'Old Value'
}
changeDetail: 'Detalle del cambio'
}
},
data: {

10
src/lang/ADempiere/es.js
View File

@ -248,15 +248,7 @@ export default {
notes: 'Notas',
changeLog: 'Histórico de Cambios',
workflowLog: 'Histórico de Flujo de Trabajo',
changeDetail: 'Detalle del cambio',
eventType: {
insert: 'Se Creo',
update: 'Se Actualizo',
delete: 'Eliminar',
field: 'El Campo',
newValue: 'Nuevo Valor',
oldValue: 'Antiguo Valor'
}
changeDetail: 'Detalle del cambio'
}
},
data: {

102
src/store/modules/ADempiere/containerInfo.js
View File

@ -1,17 +1,20 @@
import { requestListRecordsLogs, requestListWorkflowsLogs, requestListRecordChats, requestListChatEntries } from '@/api/ADempiere/data'
import { isEmptyValue } from '@/utils/ADempiere/valueUtils'
import { requestListRecordsLogs, requestListWorkflowsLogs, requestListWorkflows, requestListRecordChats, requestListChatEntries } from '@/api/ADempiere/data'
const containerInfo = {
state: {
listworkflowLog: [],
listRecordLogs: [],
listRecordChats: [],
listChatEntries: []
listChatEntries: [],
ListWorkflows: []
},
mutations: {
addListWorkflow(state, payload) {
state.listworkflowLog = payload
},
addListWorkflows(state, payload) {
state.listworkflows = payload
},
addListRecordLogs(state, payload) {
state.listRecordLogs = payload
},
@ -23,14 +26,35 @@ const containerInfo = {
}
},
actions: {
listWorkflowLogs({ commit, state }, params) {
listWorkflowLogs({ commit, state, dispatch }, params) {
const tableName = params.tableName
const recordId = params.recordId
const pageSize = 0
const pageToken = 0
dispatch('listWorkflows', {
tableName: tableName
})
return requestListWorkflowsLogs({ tableName, recordId, pageSize, pageToken })
.then(response => {
commit('addListWorkflow', response)
var workflowLog = {
recordCount: response.recordCount,
workflowLogsList: response.workflowLogsList,
nextPageToken: response.nextPageToken
}
commit('addListWorkflow', workflowLog)
})
.catch(error => {
console.warn(`Error getting List workflow: ${error.message}. Code: ${error.code}.`)
})
},
listWorkflows({ commit, state }, params) {
const tableName = params.tableName
const pageSize = 0
const pageToken = 0
return requestListWorkflows({ tableName, pageSize, pageToken })
.then(response => {
console.log(response)
commit('addListWorkflows', response)
})
.catch(error => {
console.warn(`Error getting List workflow: ${error.message}. Code: ${error.code}.`)
@ -53,26 +77,39 @@ const containerInfo = {
console.warn(`Error getting List Record Logs: ${error.message}. Code: ${error.code}.`)
})
},
listChatEntries({ commit }, params) {
listChatEntries({ commit, state, dispatch }, params) {
const tableName = params.tableName
const recordId = params.recordId
const pageSize = 0
const pageToken = 0
return requestListRecordChats({ tableName, recordId, pageSize, pageToken })
.then(response => {
commit('addListChatEntries', response)
var listRecordChats = {
recordChatsList: response.recordChatsList,
recordCount: response.recordCount,
nextPageToken: response.nextPageToken
}
dispatch('listRecordChat', {
chatUuid: response.recordChatsList[0].chatUuid
})
commit('addListRecordChats', listRecordChats)
})
.catch(error => {
console.warn(`Error getting List Chat: ${error.message}. Code: ${error.code}.`)
})
},
listRecordChat({ commit }, params) {
const uuid = params.uuid
listRecordChat({ commit, state }, params) {
const uuid = params.chatUuid
const pageSize = 0
const pageToken = 0
return requestListChatEntries({ uuid, pageSize, pageToken })
.then(response => {
commit('addListChatEntries', response)
var lisChat = {
chatEntriesList: response.chatEntriesList,
recordCount: response.recordCount,
nextPageToken: response.nextPageToken
}
commit('addListChatEntries', lisChat)
})
.catch(error => {
console.warn(`Error getting List Chat: ${error.message}. Code: ${error.code}.`)
@ -84,50 +121,11 @@ const containerInfo = {
return state.listworkflowLog.workflowLogsList
},
getRecordLogs: (state) => {
const recordLogs = state.listRecordLogs.recorLogs
if (isEmptyValue(recordLogs)) {
const listRecord = [{
columnName: 'Compañía',
description: 'Compañía',
displayColumnName: 'Compañía',
eventType: 0,
eventTypeName: 'INSERT',
logDate: 0,
logUuid: 'e0c976cc-b49e-40fd-b52b-f2f5020436f6',
newDisplayValue: '',
newValue: '',
oldDisplayValue: '',
oldValue: '',
recordId: 100000,
sessionUuid: '',
tableName: '',
transactionName: '',
userName: '',
userUuid: ''
},
{
columnName: 'Compañía',
description: 'Compañía',
displayColumnName: 'Compañía',
eventType: 0,
eventTypeName: 'INSERT',
logDate: 0,
logUuid: 'e0c976cc-b49e-40fd-b52b-f2f5020436f6',
newDisplayValue: '',
newValue: '',
oldDisplayValue: '',
oldValue: '',
recordId: 100000,
sessionUuid: '',
tableName: '',
transactionName: '',
userName: '',
userUuid: ''
}]
return listRecord
}
return state.listRecordLogs
},
getListRecordChats: (state) => {
return state.listRecordChats
},
getChatEntries: (state) => {
return state.listChatEntries
}

194
src/views/ADempiere/Window/index.vue
View File

@ -158,54 +158,136 @@
style="overflow: auto;max-height: 74vh;"
>
<span slot="label"><svg-icon icon-class="tree-table" /> {{ $t('window.containerInfo.changeLog') }} </span>
<el-card
v-for="(listLogs, index) in getTypeLogs"
:key="index"
<div
v-if="getIsChangeLog"
>
<el-timeline>
<el-timeline-item
v-for="(evenType, key) in listLogs.logs"
:key="key"
:timestamp="translateDate(evenType.logDate)"
placement="top"
:color="listLogs.eventTypeName === 'UPDATE' ? 'rgb(22, 130, 230)' : '#52c384'"
>
<el-card shadow="hover" @click.native="changeField(evenType)">
<div>
<span>{{ evenType.userName }}</span>
<el-dropdown style="float: right;">
<span class="el-dropdown-link" style="color: #1682e6" @click="showkey(key)">
{{ $t('window.containerInfo.changeDetail') }}
</span>
</el-dropdown>
</div>
<br>
<el-collapse-transition>
<div v-show="currentKey === key" :key="key" class="text item">
<span><p><b><i> {{ evenType.displayColumnName }}: </i></b> <strike>{{ evenType.oldDisplayValue }} </strike> {{ evenType.newDisplayValue }}</p></span>
<el-card
v-for="(listLogs, index) in getTypeLogs"
:key="index"
>
<el-timeline>
<el-timeline-item
v-for="(evenType, key) in listLogs.logs"
:key="key"
:timestamp="translateDate(evenType.logDate)"
placement="top"
:color="listLogs.eventType === 1 ? 'rgb(22, 130, 230)' : 'rgba(67, 147, 239, 1)'"
>
<el-card shadow="hover" @click.native="changeField(evenType)">
<div>
<span>{{ evenType.userName }}</span>
<el-dropdown style="float: right;">
<span class="el-dropdown-link" style="color: #1682e6" @click="showkey(key)">
{{ $t('window.containerInfo.changeDetail') }}
</span>
</el-dropdown>
</div>
</el-collapse-transition>
</el-card>
</el-timeline-item>
</el-timeline>
</el-card>
<br>
<el-collapse-transition>
<div v-show="currentKey === key" :key="key" class="text item">
<span><p><b><i> {{ evenType.displayColumnName }}: </i></b> <strike>{{ evenType.oldDisplayValue }} </strike> {{ evenType.newDisplayValue }}</p></span>
</div>
</el-collapse-transition>
</el-card>
</el-timeline-item>
</el-timeline>
</el-card>
</div>
<div
v-else
v-loading="true"
:element-loading-text="$t('notifications.loading')"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(255, 255, 255, 0.8)"
class="loading-window"
/>
</el-tab-pane>
<el-tab-pane
name="listWorkflowLogs"
>
<span slot="label"><i class="el-icon-s-help" /> {{ $t('window.containerInfo.workflowLog') }} </span>
<el-card
class="box-card"
style="overflow: auto;height: 50vh;"
<div
v-if="getIsWorkflowLog"
>
{{ gettersrecorCount }}
</el-card>
<el-card
class="box-card"
>
<el-timeline>
<el-timeline-item
v-for="(workflow,index) in gettersListWorkflow"
:key="index"
:timestamp="translateDate(workflow.logDate)"
placement="top"
>
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span> {{ workflow.workflowName }} </span>
</div>
<div>
<el-steps
:space="200"
:active="workflow.workflowState"
align-center
process-status="process"
>
<el-step
v-for="(nodeList, key) in workflow.workflowEventsList"
:key="key"
:title="nodeList.nodeName"
:description="$t('login.userName')+ '' + nodeList.userName"
/>
</el-steps>
</div>
</el-card>
</el-timeline-item>
</el-timeline>
</el-card>
</div>
<div
v-else
v-loading="true"
:element-loading-text="$t('notifications.loading')"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(255, 255, 255, 0.8)"
class="loading-window"
/>
</el-tab-pane>
<el-tab-pane
name="listChatEntries"
>
<span slot="label"><i class="el-icon-s-comment" /> {{ $t('window.containerInfo.notes') }} </span>
<div
v-if="getIsChat"
>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>{{ $t('window.containerInfo.notes') }} {{ gettersLisRecordChats[0].description }} </span>
</div>
<el-timeline>
<el-timeline-item
v-for="(chats, key) in gettersLischat"
:key="key"
:timestamp="translateDate(chats.logDate)"
placement="top"
>
<el-card shadow="hover">
<div>
<span>{{ chats.userName }}</span>
<span>{{ chats.characterData }}</span>
</div>
</el-card>
</el-timeline-item>
</el-timeline>
</el-card>
</div>
<div
v-else
v-loading="true"
:element-loading-text="$t('notifications.loading')"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(255, 255, 255, 0.8)"
class="loading-window"
/>
</el-tab-pane>
</el-tabs>
</el-card>
@ -366,21 +448,49 @@ export default {
gettersListRecordLogs() {
return this.$store.getters.getRecordLogs.recorLogs
},
getIsChangeLog() {
if (this.isEmptyValue(this.gettersListRecordLogs)) {
return false
} else {
return true
}
},
getIsWorkflowLog() {
if (this.isEmptyValue(this.gettersListWorkflow)) {
return false
} else {
return true
}
},
getIsChat() {
if (this.isEmptyValue(this.gettersLischat)) {
return false
} else {
return true
}
},
getTypeLogs() {
const reducer = this.gettersListRecordLogs.reduce((reducer, item) => {
if (!reducer.includes(item.eventTypeName)) {
reducer.push(item.eventTypeName)
if (!reducer.includes(item.logId)) {
reducer.push(item.logId)
}
return reducer
}, [])
.map(i => {
// agrup for logId
return {
logs: this.gettersListRecordLogs.filter(b => b.eventTypeName === i),
eventTypeName: i
logs: this.gettersListRecordLogs.filter(b => b.logId === i),
logId: i
}
})
return reducer
// }
},
gettersLischat() {
return this.$store.getters.getChatEntries.chatEntriesList
},
gettersLisRecordChats() {
return this.$store.getters.getListRecordChats.recordChatsList
},
gettersListWorkflow() {
return this.$store.getters.getWorkflow
@ -427,9 +537,6 @@ export default {
},
conteInfo() {
this.show = !this.show
this.$store.dispatch('listRecordChat', {
uuid: this.$route.query.action
})
this.$store.dispatch('listChatEntries', {
tableName: this.$route.params.tableName,
recordId: this.$route.params.recordId
@ -444,9 +551,6 @@ export default {
},
handleClick(tab, event) {
if (tab.name === 'listChatEntries') {
this.$store.dispatch('listRecordChat', {
uuid: this.$route.query.action
})
this.$store.dispatch(tab.name, {
tableName: this.$route.params.tableName,
recordId: this.$route.params.recordId