bianyaqi
2 years ago
7 changed files with 13 additions and 504 deletions
@ -1,307 +0,0 @@ |
|||
// 纳排管理共享数据
|
|||
export default { |
|||
data() { |
|||
return { |
|||
formContent: [], |
|||
conditionObj: { |
|||
// 或并
|
|||
joinContent: [{ |
|||
join: [ |
|||
{ label: '必须', value: 'must' }, |
|||
{ label: '可以', value: 'should' }, |
|||
{ label: '排除', value: 'must_not' } |
|||
] |
|||
// selectValueArr: []
|
|||
}], |
|||
// 患者信息
|
|||
patientInfoContent: [{ |
|||
patientInfo: [], |
|||
// selectValueArr: [],
|
|||
// 显示类型：string,number,date
|
|||
showMode: [] |
|||
}], |
|||
// 匹配
|
|||
matchingContent: [{ |
|||
matching: [ |
|||
{ label: '匹配', value: 'matchQuery', disabled: false }, |
|||
{ label: '精准匹配', value: 'termQuery', disabled: false }, |
|||
{ label: '范围查询', value: 'rangeQuery', disabled: true } |
|||
] |
|||
// selectValueArr: []
|
|||
}], |
|||
// 大于等于符号
|
|||
symbolContent: [{ |
|||
symbol: [ |
|||
{ label: '等于', value: 'eq' }, |
|||
{ label: '小于', value: 'lt' }, |
|||
{ label: '小于等于', value: 'lte' }, |
|||
{ label: '大于', value: 'gt' }, |
|||
{ label: '大于等于', value: 'gte' } |
|||
] |
|||
// selectValueArr: []
|
|||
}], |
|||
InputData: [{ |
|||
// 输入框string
|
|||
inputString: [], |
|||
// 日期范围
|
|||
dataRange: [], |
|||
// 数值范围
|
|||
NumberRangeOne: [], |
|||
NumberRangeTwo: [] |
|||
}], |
|||
iconState: [{ |
|||
state: false |
|||
}] |
|||
}, |
|||
filterItemList: [{ |
|||
sort: '', // 排序
|
|||
fieldDescription: '', // 字段描述
|
|||
fieldType: '', // 字段类型
|
|||
tableDescription: '', // 表描述
|
|||
orgCode: '', // 用户
|
|||
value: '', // 输入框值
|
|||
projectId: '', |
|||
connection: '', // 或并 --连接词
|
|||
fieldName: '', // 患者信息名称
|
|||
queryType: '', // 匹配 --运算符号
|
|||
// 大于小于等于
|
|||
queryValue: { |
|||
eq: '', // =
|
|||
gt: '', // >
|
|||
gte: '', // >=
|
|||
lt: '', // <
|
|||
lte: '' // <=
|
|||
}, |
|||
id: '', |
|||
recId: '', |
|||
tableName: '', // 表名
|
|||
type: '' // 数据类型，前端查询对应的 1 or 2，1 患者信息 ， 2 基本数据查询
|
|||
}], |
|||
pageName: '' |
|||
} |
|||
}, |
|||
created() { |
|||
this.formContent.push(this.conditionObj) |
|||
}, |
|||
|
|||
methods: { |
|||
// 设置图标 “对号” 显示状态为true
|
|||
setIconStateTrue(index, e) { |
|||
this.formContent.forEach(item => { |
|||
item.iconState[index].state = true |
|||
}) |
|||
this.conditionObj.iconState[index].state = true |
|||
}, |
|||
// 设置图标 “对号” 显示状态为false
|
|||
setIconStateFalse(index) { |
|||
this.formContent.forEach(item => { |
|||
item.iconState[index].state = false |
|||
}) |
|||
this.conditionObj.iconState[index].state = false |
|||
}, |
|||
// 患者信息选择
|
|||
patientInfoChange(index, e) { |
|||
// 患者数据只要发生改变就可以从新查询
|
|||
this.setIconStateFalse(index) |
|||
this.filterItemList[index].queryValue = { |
|||
eq: '', // =
|
|||
gt: '', // >
|
|||
gte: '', // >=
|
|||
lt: '', // <
|
|||
lte: '' // <=
|
|||
} |
|||
if (e === '') { |
|||
// 判断选中选项的tableName赋值给filterItemList
|
|||
this.filterItemList[index].connection = '' |
|||
this.filterItemList[index].fieldDescription = '' |
|||
this.filterItemList[index].fieldName = '' |
|||
this.filterItemList[index].fieldType = '' |
|||
this.filterItemList[index].orgCode = '' |
|||
this.filterItemList[index].tableName = '' |
|||
this.filterItemList[index].tableDescription = '' |
|||
this.filterItemList[index].type = '' |
|||
this.filterItemList[index].queryType = '' |
|||
this.filterItemList[index].projectId = '' |
|||
this.formContent.forEach(item => { |
|||
item.patientInfoContent[0].showMode[index] = 'string' |
|||
item.matchingContent[0].matching.forEach(matchItem => { |
|||
if (matchItem.value === 'rangeQuery') { |
|||
matchItem.disabled = true |
|||
} else { |
|||
matchItem.disabled = false |
|||
} |
|||
}) |
|||
}) |
|||
this.saveStorage ? this.saveStorage() : '' |
|||
} else { |
|||
this.filterItemList[index].sort = index |
|||
this.formContent.forEach(formContentItem => { |
|||
formContentItem.patientInfoContent[0].patientInfo.forEach(patientInfoItem => { |
|||
patientInfoItem.list.forEach(ListItem => { |
|||
if (ListItem.id === e) { |
|||
// 判断选中选项的tableName赋值给filterItemList
|
|||
this.filterItemList[index].fieldName = ListItem.fieldName |
|||
this.filterItemList[index].projectId = window.SITE_CONFIG['projectId'] |
|||
this.filterItemList[index].fieldDescription = ListItem.fieldDescription |
|||
this.filterItemList[index].fieldType = ListItem.fieldType |
|||
this.filterItemList[index].orgCode = ListItem.orgCode |
|||
this.filterItemList[index].tableName = patientInfoItem.tableName |
|||
this.filterItemList[index].tableDescription = patientInfoItem.tableDescription |
|||
this.filterItemList[index].type = patientInfoItem.type |
|||
// 判断选中的类型设置匹配禁用和启用状态
|
|||
if (ListItem.fieldType === 'string') { |
|||
// 如果是string类型，默认的匹配模式为:'匹配-matchQuery'
|
|||
this.filterItemList[index].queryType = 'matchQuery' |
|||
formContentItem.patientInfoContent[0].showMode[index] = 'string' |
|||
formContentItem.matchingContent[0].matching.forEach(matchItem => { |
|||
if (matchItem.value === 'rangeQuery') { |
|||
matchItem.disabled = true |
|||
} else { |
|||
matchItem.disabled = false |
|||
} |
|||
}) |
|||
} else if (ListItem.fieldType === 'number') { |
|||
// 如果是number类型，默认的匹配模式为:'范围查询-rangeQuery'
|
|||
this.filterItemList[index].queryType = 'rangeQuery' |
|||
formContentItem.patientInfoContent[0].showMode[index] = 'number' |
|||
formContentItem.matchingContent[0].matching.forEach(matchItem => { |
|||
if (matchItem.value !== 'rangeQuery') { |
|||
matchItem.disabled = true |
|||
} else { |
|||
matchItem.disabled = false |
|||
} |
|||
}) |
|||
} else if (ListItem.fieldType === 'date') { |
|||
// 如果是date类型，默认的匹配模式为:'范围查询-rangeQuery'
|
|||
this.filterItemList[index].queryType = 'rangeQuery' |
|||
formContentItem.patientInfoContent[0].showMode[index] = 'date' |
|||
formContentItem.matchingContent[0].matching.forEach(matchItem => { |
|||
if (matchItem.value !== 'rangeQuery') { |
|||
matchItem.disabled = true |
|||
} else { |
|||
matchItem.disabled = false |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
// 数据还原
|
|||
dataReduction() { |
|||
this.filterItemList = [{ |
|||
sort: '', // 排序
|
|||
fieldDescription: '', // 字段描述
|
|||
fieldType: '', // 字段类型
|
|||
tableDescription: '', // 表描述
|
|||
orgCode: '', // 用户
|
|||
value: '', // 输入框值
|
|||
|
|||
connection: '', // 或并 --连接词
|
|||
fieldName: '', // 患者信息名称
|
|||
queryType: '', // 匹配 --运算符号
|
|||
projectId: this.projectId, |
|||
// 大于小于等于
|
|||
queryValue: { |
|||
eq: '', // =
|
|||
gt: '', // >
|
|||
gte: '', // >=
|
|||
lt: '', // <
|
|||
lte: '' // <=
|
|||
}, |
|||
id: '', // getTableDictTree下拉菜单里的id
|
|||
recId: '', // 获取的已添加过的纳排列表id
|
|||
tableName: '', // 表名
|
|||
type: '' // 数据类型，前端查询对应的 1 or 2，1 患者信息 ， 2 基本数据查询
|
|||
}] |
|||
}, |
|||
// 删除条件
|
|||
deleteClick(index) { |
|||
if (this.formContent.length <= 1 && this.pageName !== 'napai') { |
|||
this.dataReduction() |
|||
this.getSearchData ? this.getSearchData() : '' |
|||
this.saveStorage ? this.saveStorage() : '' |
|||
return |
|||
} |
|||
this.filterItemList.splice(index, 1) |
|||
this.formContent.forEach(item => { |
|||
item.patientInfoContent[0].showMode.splice(index, 1) |
|||
}) |
|||
this.conditionObj.iconState.splice(index, 1) |
|||
this.conditionObj.patientInfoContent[0].showMode.splice(index, 1) |
|||
this.formContent.splice(index, 1) |
|||
// if (this.formContent.length <= 1) {
|
|||
// this.filterItemList[0].connection = 'must'
|
|||
// } else {
|
|||
// this.filterItemList[0].connection = ''
|
|||
// }
|
|||
this.getSearchData ? this.getSearchData() : '' |
|||
this.saveConditionData ? this.saveConditionData(index) : '' |
|||
this.saveStorage ? this.saveStorage() : '' |
|||
}, |
|||
// 查询条件
|
|||
findClick(index) { |
|||
if (this.filterItemList[index].fieldType === 'string') { |
|||
this.filterItemList[index].value = this.filterItemList[index].queryValue.eq ? String(this.filterItemList[index].queryValue.eq) : '' |
|||
} else { |
|||
this.filterItemList[index].value = this.filterItemList[index].queryValue.gte && this.filterItemList[index].queryValue.lte ? String([this.filterItemList[index].queryValue.gte, this.filterItemList[index].queryValue.lte]) : '' |
|||
} |
|||
if (!this.filterItemList[index].value || |
|||
!this.filterItemList[index].connection || |
|||
!this.filterItemList[index].fieldDescription || |
|||
!this.filterItemList[index].queryType || |
|||
!this.filterItemList[index].fieldName || |
|||
!this.filterItemList[index].fieldType || |
|||
!this.filterItemList[index].id || |
|||
!this.filterItemList[index].tableDescription || |
|||
!this.filterItemList[index].tableName |
|||
) { |
|||
this.$message({ |
|||
message: '请将条件补全完整后再次提交', |
|||
type: 'warning' |
|||
}) |
|||
} else { |
|||
this.setIconStateTrue(index) |
|||
this.getSearchData ? this.getSearchData() : '' |
|||
this.saveConditionData ? this.saveConditionData(index) : '' |
|||
this.saveStorage ? this.saveStorage() : '' |
|||
} |
|||
}, |
|||
// 添加条件
|
|||
addClick(scope) { |
|||
this.conditionObj.iconState.push({ state: false }) |
|||
this.formContent.forEach(item => { |
|||
item.iconState = this.conditionObj.iconState |
|||
}) |
|||
this.formContent.push(this.conditionObj) |
|||
this.filterItemList.push({ |
|||
sort: '', // 排序
|
|||
fieldDescription: '', // 字段描述
|
|||
fieldType: '', // 字段类型
|
|||
tableDescription: '', // 表描述
|
|||
orgCode: '', // 用户
|
|||
value: '', // 输入框值
|
|||
projectId: '', |
|||
connection: '', // 或并 --连接词
|
|||
fieldName: '', // 患者信息名称
|
|||
queryType: '', // 匹配 --运算符号
|
|||
// 大于小于等于
|
|||
queryValue: { |
|||
eq: '', // =
|
|||
gt: '', // >
|
|||
gte: '', // >=
|
|||
lt: '', // <
|
|||
lte: '' // <=
|
|||
}, |
|||
id: '', |
|||
recId: '', |
|||
tableName: '', // 表名
|
|||
type: '' // 数据类型，前端查询对应的 1 or 2，1 患者信息 ， 2 基本数据查询
|
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
@ -1,12 +0,0 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogFormVisible: false |
|||
} |
|||
}, |
|||
methods: { |
|||
closeDialog() { |
|||
this.dialogFormVisible = false |
|||
} |
|||
} |
|||
} |
|||
@ -1,155 +0,0 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
surgicalStatus: [], |
|||
|
|||
// websocket相关
|
|||
socketObj: '', // websocket实例对象
|
|||
// 心跳检测
|
|||
heartCheck: { |
|||
vueThis: this, // vue实例
|
|||
timeout: 10000, // 超时时间
|
|||
timeoutObj: null, // 计时器对象——向后端发送心跳检测
|
|||
serverTimeoutObj: null, // 计时器对象——等待后端心跳检测的回复
|
|||
// 心跳检测重置
|
|||
reset: function() { |
|||
clearTimeout(this.timeoutObj) |
|||
clearTimeout(this.serverTimeoutObj) |
|||
return this |
|||
}, |
|||
// 心跳检测启动
|
|||
start: function() { |
|||
this.timeoutObj && clearTimeout(this.timeoutObj) |
|||
this.serverTimeoutObj && clearTimeout(this.serverTimeoutObj) |
|||
this.timeoutObj = setTimeout(() => { |
|||
// 这里向后端发送一个心跳检测，后端收到后，会返回一个心跳回复
|
|||
this.vueThis.socketObj.send('HeartBeat') |
|||
console.log('发送心跳检测') |
|||
this.serverTimeoutObj = setTimeout(() => { |
|||
// 如果超过一定时间还没重置计时器，说明websocket与后端断开了
|
|||
console.log('未收到心跳检测回复') |
|||
// 关闭WebSocket
|
|||
this.vueThis.socketObj.close() |
|||
}, this.timeout) |
|||
}, this.timeout) |
|||
} |
|||
}, |
|||
socketReconnectTimer: null, // 计时器对象——重连
|
|||
socketReconnectLock: false, // WebSocket重连的锁
|
|||
socketLeaveFlag: false // 离开标记（解决 退出登录再登录 时出现的 多次相同推送 问题，出现的本质是多次建立了WebSocket连接）
|
|||
} |
|||
}, |
|||
destroyed() { |
|||
// 离开标记
|
|||
this.socketLeaveFlag = true |
|||
// 关闭WebSocket
|
|||
this.socketObj.close() |
|||
}, |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
// websocket启动
|
|||
this.createWebSocket() |
|||
}, |
|||
methods: { |
|||
// websocket启动
|
|||
createWebSocket() { |
|||
// console.log(window.SITE_CONFIG['apiURL'].replace('http', 'ws'))
|
|||
const URL = window.SITE_CONFIG['apiURL'].replace('http', 'ws') |
|||
const webSocketLink = `${URL}/websocket/WZYSG_QG` // webSocket地址
|
|||
// console.log(webSocketLink);
|
|||
try { |
|||
if ('WebSocket' in window) { |
|||
this.socketObj = new WebSocket(webSocketLink) |
|||
} else { |
|||
console.log('Current browser Not support websocket') |
|||
} |
|||
// websocket事件绑定
|
|||
this.socketEventBind() |
|||
} catch (e) { |
|||
console.log('catch' + e) |
|||
// websocket重连
|
|||
this.socketReconnect() |
|||
} |
|||
}, |
|||
// websocket事件绑定
|
|||
socketEventBind() { |
|||
// 连接成功建立的回调
|
|||
this.socketObj.onopen = this.onopenCallback |
|||
// 连接发生错误的回调
|
|||
this.socketObj.onerror = this.onerrorCallback |
|||
// 连接关闭的回调
|
|||
this.socketObj.onclose = this.oncloseCallback |
|||
// 向后端发送数据的回调
|
|||
this.socketObj.onsend = this.onsendCallback |
|||
// 接收到消息的回调
|
|||
this.socketObj.onmessage = this.getMessageCallback |
|||
|
|||
// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
|
|||
window.onbeforeunload = () => { |
|||
this.socketObj.close() |
|||
} |
|||
}, |
|||
// websocket重连
|
|||
socketReconnect() { |
|||
if (this.socketReconnectLock) { |
|||
return |
|||
} |
|||
this.socketReconnectLock = true |
|||
this.socketReconnectTimer && clearTimeout(this.socketReconnectTimer) |
|||
this.socketReconnectTimer = setTimeout(() => { |
|||
console.log('WebSocket:重连中...') |
|||
this.socketReconnectLock = false |
|||
// websocket启动
|
|||
this.createWebSocket() |
|||
}, 4000) |
|||
}, |
|||
// 连接成功建立的回调
|
|||
onopenCallback: function(event) { |
|||
console.log('WebSocket:已连接') |
|||
// 心跳检测重置
|
|||
this.heartCheck.reset().start() |
|||
}, |
|||
// 连接发生错误的回调
|
|||
onerrorCallback: function(event) { |
|||
console.log('WebSocket:发生错误') |
|||
// websocket重连
|
|||
this.socketReconnect() |
|||
}, |
|||
// 连接关闭的回调
|
|||
oncloseCallback: function(event) { |
|||
console.log('WebSocket:已关闭') |
|||
// 心跳检测重置
|
|||
this.heartCheck.reset() |
|||
if (!this.socketLeaveFlag) { |
|||
// 没有离开——重连
|
|||
// websocket重连
|
|||
this.socketReconnect() |
|||
} |
|||
}, |
|||
// 向后端发送数据的回调
|
|||
onsendCallback: function() { |
|||
console.log('WebSocket:发送信息给后端') |
|||
}, |
|||
// 接收到消息的回调
|
|||
getMessageCallback: function(msg) { |
|||
// console.log(msg);
|
|||
console.log(msg.data) |
|||
if (msg.data.indexOf('HeartBeat') > -1) { |
|||
// 心跳回复——心跳检测重置
|
|||
// 收到心跳检测回复就说明连接正常
|
|||
console.log('收到心跳检测回复') |
|||
// 心跳检测重置
|
|||
this.heartCheck.reset().start() |
|||
} else { |
|||
// 普通推送——正常处理
|
|||
console.log('收到推送消息') |
|||
const data = JSON.parse(msg.data) |
|||
console.log(data) |
|||
this.getDataListInitial() |
|||
// 相关处理
|
|||
console.log(data) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue