pengjun
1 year ago
5 changed files with 538 additions and 74 deletions
-
22src/components/doctorCheck/CheckItemList.vue
-
77src/components/doctorCheck/CheckPicture.vue
-
70src/components/doctorCheck/PacsDcmList.vue
-
275src/components/doctorCheck/PacsTemplate copy.vue
-
168src/components/doctorCheck/PacsTemplate.vue
@ -0,0 +1,275 @@ |
|||||
|
<template> |
||||
|
<div style="display: flex;"> |
||||
|
<div :style="`width: 220px;height:550px;border: 1px solid #EEE;`"> |
||||
|
<div style="margin:2px 2px 2px 2px;"> |
||||
|
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" /> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-tree :style="`overflow: scroll;width: 200px;height:510px;`" :data="pacsTemplateTree" |
||||
|
:props="treeprops" :filter-node-method="filterNode" :expand-on-click-node="false" |
||||
|
highlight-current ref="ref_tree" show-checkbox default-expand-all @check-change="handleCheckChange" > |
||||
|
<span class="custom-tree-node" slot-scope="{ node, data }"> |
||||
|
<div> |
||||
|
<span class="treeicons"> |
||||
|
<img style="width:20px;height:20px;vertical-align: sub;" src="@/assets/images/order.png" |
||||
|
v-if="!data.parentId" /> |
||||
|
</span> |
||||
|
<span :class="!data.parentId ? 'maxtitle' : 'mintitle'">{{ node.label }} |
||||
|
</span> |
||||
|
</div> |
||||
|
</span> |
||||
|
</el-tree> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div :style="`display: block;width:620px; margin-left: 5px;`"> |
||||
|
<div> |
||||
|
<span>检查结果：</span> |
||||
|
<el-input style="width: 100%;" type="textarea" v-model="result" placeholder="请输入描述" |
||||
|
:autosize="{ minRows: decLineCount, maxRows: decLineCount }" /> |
||||
|
</div> |
||||
|
<div style="margin-top: 5px;"> |
||||
|
<span>检查结论：</span> |
||||
|
<div style="display: flex;justify-content: space-between;"> |
||||
|
<el-input style="width: 100%;" type="textarea" v-model="summary" placeholder="请输入结论" |
||||
|
:autosize="{ minRows: conLineCount, maxRows: conLineCount }" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="display: flex;justify-content: space-between;margin-top: 10px;"> |
||||
|
<div></div> |
||||
|
<div> |
||||
|
<!-- |
||||
|
<el-button type="primary" @click="btnTest" class="commonbutton">测试</el-button> |
||||
|
--> |
||||
|
<el-button type="primary" @click="btnClear" class="commonbutton">清除</el-button> |
||||
|
<el-button type="primary" @click="btnDefault" class="commonbutton">默认结果</el-button> |
||||
|
<el-button type="primary" @click="btnOk" class="commonbutton">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import moment from "moment"; |
||||
|
import { mapState } from "vuex"; |
||||
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
||||
|
import { hadoopGet, hadoopPost, hadoopPut, hadoopDel } from "../../api/hadoopApi" |
||||
|
import { arrayReduce, arrayExistObj, deepCopy, reMadeOrgTree } from "../../utlis/proFunc"; |
||||
|
import { getTreePids, getTreeAllChildIdsById, madeTree } from "../../utlis/tree"; |
||||
|
|
||||
|
export default { |
||||
|
components: {}, |
||||
|
props: ["refParams", "refFuncOther"], |
||||
|
data() { |
||||
|
return { |
||||
|
filterText: '', |
||||
|
description: [], // 描述 |
||||
|
conclusion: [], // 结论 |
||||
|
descriptionChoosedPre: [], // 前次选中 |
||||
|
descriptionChoosed: [], // 所有选中的描述的集合，切换部位时可用于描述初始化选择 |
||||
|
conclusionChoosed: [], // 选中的结论 |
||||
|
conclusionAll: [], // 所有选中的描述，对应的结论 |
||||
|
result: '', // 检查结果 |
||||
|
summary: '', // 小结 |
||||
|
pacsTemplateTree: [], //类别 + 模板树 |
||||
|
treeprops: { |
||||
|
label: "displayName", // label/displayName |
||||
|
value: "id", |
||||
|
id: "id", |
||||
|
children: "children", |
||||
|
}, //树形组件的数据结构 |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
//<el-tree :data="$store.state.customerOrg.ref_tree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree> |
||||
|
computed: { |
||||
|
...mapState(["window", "dialogWin","doctorCheck"]), |
||||
|
|
||||
|
mainHeight() { |
||||
|
return this.window.pageHeight - 118; |
||||
|
}, |
||||
|
|
||||
|
tableHeight() { |
||||
|
return this.mainHeight - 120 - 80 - 80; |
||||
|
}, |
||||
|
|
||||
|
decLineCount(){ |
||||
|
return this.refParams.from == 'dcm' ? 14:16 |
||||
|
}, |
||||
|
|
||||
|
conLineCount(){ |
||||
|
return this.refParams.from == 'dcm' ? 7:8 |
||||
|
} |
||||
|
}, |
||||
|
//创建组件后 |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
//挂载组件完成 |
||||
|
mounted() { |
||||
|
//获取体检单位列表树信息 |
||||
|
this.getPacsTemplateTree(); |
||||
|
this.init() |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
// 初始化数据 |
||||
|
init() { |
||||
|
this.btnClear() |
||||
|
this.description = [] |
||||
|
this.result = this.refParams.result || '' |
||||
|
this.summary = this.refParams.summary || '' |
||||
|
console.log('init') |
||||
|
}, |
||||
|
|
||||
|
//勾选节点 |
||||
|
handleCheckChange(data, checked, indeterminate) { |
||||
|
// console.log('data, checked, indeterminate,this.menuInfoSet',data, checked, indeterminate,this.menuInfoSet); |
||||
|
|
||||
|
this.description = [] |
||||
|
this.conclusion = [] |
||||
|
postapi('/api/app/BigtextResultTemplate/GetBigtextResultTemplateDetail', { bigtextResultTemplateIds: [data.id] }) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
this.description = res.data.descriptionDetail |
||||
|
this.conclusion = res.data.conclusionDetail |
||||
|
let opraType = false |
||||
|
if(checked){ |
||||
|
// 勾选 |
||||
|
opraType = true |
||||
|
}else if(!indeterminate){ |
||||
|
// 取消勾选 |
||||
|
opraType = false |
||||
|
} |
||||
|
this.chooseDescription(opraType) |
||||
|
this.chooseConclusion(opraType) |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//树过滤 |
||||
|
filterNode(value, data) { |
||||
|
//console.log(value,data) |
||||
|
if (!value) return true; |
||||
|
return data['displayName'].indexOf(value) > -1 || data['simpleCode'].indexOf(value.toUpperCase()) > -1; |
||||
|
}, |
||||
|
|
||||
|
// 选择true或取消false 描述 |
||||
|
chooseDescription(opraType){ |
||||
|
let bfind = false |
||||
|
this.description.forEach(e => { |
||||
|
bfind = this.result.includes(e.description) |
||||
|
if(opraType){ |
||||
|
if(!bfind){ |
||||
|
if(this.result){ |
||||
|
this.result += "；" + e.description |
||||
|
}else{ |
||||
|
this.result = e.description |
||||
|
} |
||||
|
} |
||||
|
}else{ |
||||
|
if(bfind) this.result = this.result.replaceAll(e.description + '；','').replaceAll(e.description,'') |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
// 选择true或取消false 描述 |
||||
|
chooseConclusion(opraType){ |
||||
|
let lfind = 0 |
||||
|
let summarys = this.summary.split('；') |
||||
|
this.conclusion.forEach(e => { |
||||
|
lfind = summarys.indexOf(e.conclusion) |
||||
|
if(opraType){ |
||||
|
if(lfind == -1) summarys.push(e.conclusion) |
||||
|
}else{ |
||||
|
if(lfind > -1) summarys.splice(lfind,1) |
||||
|
} |
||||
|
}); |
||||
|
let summary = '' |
||||
|
summarys.forEach(e => { |
||||
|
if(summary){ |
||||
|
summary += '；' + e |
||||
|
}else{ |
||||
|
summary = e |
||||
|
} |
||||
|
}); |
||||
|
this.summary = summary |
||||
|
}, |
||||
|
|
||||
|
//获取pacs结果模板 |
||||
|
getPacsTemplateTree() { |
||||
|
let resultType = [], resultTemplate = [], treeData = [] |
||||
|
postapi('/api/app/BigtextResultType/GetList',{ |
||||
|
itemTypeId:this.refParams.row.itemTypeId |
||||
|
}) |
||||
|
.then(res => { |
||||
|
if (res.code > -1) { |
||||
|
resultType = res.data |
||||
|
resultType.forEach(e => { |
||||
|
e.disabled = true |
||||
|
}); |
||||
|
return postapi('/api/app/BigtextResultTemplate/GetList',{}) |
||||
|
} |
||||
|
}) |
||||
|
.then(res => { |
||||
|
if (res && res.code > -1) { |
||||
|
res.data.forEach(e => { |
||||
|
resultTemplate.push(Object.assign({}, e, { parentId: e.bigtextResultTypeId })) |
||||
|
}); |
||||
|
treeData = resultType.concat(resultTemplate) |
||||
|
// console.log('treeData',treeData,resultType,) |
||||
|
this.pacsTemplateTree = madeTree(treeData, "children", "parentId", "id", null) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
btnTest() { |
||||
|
console.log('this.descriptionChoosed', this.descriptionChoosed) |
||||
|
console.log('this.conclusionChoosed', this.conclusionChoosed) |
||||
|
}, |
||||
|
|
||||
|
// 清除所选描述与结论 |
||||
|
btnClear() { |
||||
|
console.log('btnClear') |
||||
|
this.result = '' |
||||
|
this.summary = '' |
||||
|
}, |
||||
|
|
||||
|
// 默认结果 |
||||
|
btnDefault() { |
||||
|
this.btnClear() |
||||
|
this.result = this.refParams.row.defaultResult |
||||
|
this.summary = '未见异常' |
||||
|
}, |
||||
|
|
||||
|
// 确定 |
||||
|
btnOk() { |
||||
|
this.refFuncOther(this.refParams.row, this.refParams.index, { result: this.result, summary: this.summary }) |
||||
|
this.dialogWin.PacsTemplate = false |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
"filterText"(newVal, oldVal) { |
||||
|
if (newVal != oldVal) this.$refs['ref_tree'].filter(newVal); |
||||
|
}, |
||||
|
|
||||
|
"refParams.refresh"(newVal, oldVal) { |
||||
|
if (newVal && newVal != oldVal) this.init(); |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "../../assets/css/global_dialog.css"; |
||||
|
@import "../../assets/css/global_table.css"; |
||||
|
@import "../../assets/css/global_input.css"; |
||||
|
@import "../../assets/css/global.css"; |
||||
|
@import "../../assets/css/global_tree.css"; |
||||
|
|
||||
|
:deep .el-tree-node>.el-tree-node__children { |
||||
|
overflow: visible; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue