bianyaqi
3 years ago
11 changed files with 480 additions and 287 deletions
@ -0,0 +1,106 @@ |
|||
<template> |
|||
<el-table |
|||
id="foreCheck" |
|||
ref="multipleTable" |
|||
:data="tableData" |
|||
style="margin: 8px 8px 0 0" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column |
|||
type="selection" |
|||
width="55" |
|||
/> |
|||
<el-table-column |
|||
align="center" |
|||
label="OD" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<span v-if="!scope.row.sort && scope.row.id"> |
|||
<treeSelect v-model="scope.row.od" :options="scope.row.data" :props="treeProps" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" @remove="removeTree" /> |
|||
</span> |
|||
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|||
<span v-if="scope.row.sort === 3"> |
|||
<span style="margin-right: 16px">视盘：视神经</span><treeSelect v-model="scope.row.od" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="scope.row.sort === 4"> |
|||
<span style="margin-right: 16px">视盘：CDR</span><treeSelect v-model="scope.row.od" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
class="move" |
|||
align="center" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.sort&&!isPrint"> |
|||
<p @click="moveHandle(scope.$index,1, scope.row.os)"><i class="el-icon-back" /></p> |
|||
<p style="margin-top: 5px" @click="moveHandle(scope.$index,2, scope.row.od)"><i class="el-icon-back" style="transform: rotateY(180deg)" /></p> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
align="center" |
|||
label="OS" |
|||
width="300" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<span v-if="!scope.row.sort && scope.row.id"> |
|||
<treeSelect v-model="scope.row.os" :options="scope.row.data" :props="treeProps" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'os', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|||
<span v-if="scope.row.sort === 3"> |
|||
<span style="margin-right: 16px">视盘：视神经</span><treeSelect v-model="scope.row.os" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'os', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="scope.row.sort === 4"> |
|||
<span style="margin-right: 16px">视盘：CDR</span><treeSelect v-model="scope.row.os" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'os', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</template> |
|||
|
|||
<script> |
|||
import treeSelect from '@/components/360View/itemSelect' |
|||
export default { |
|||
name: 'AfterForm', |
|||
components: { |
|||
treeSelect |
|||
}, |
|||
props: ['tableData', 'isPrint'], |
|||
data() { |
|||
return { |
|||
treeProps: { |
|||
value: 'id', |
|||
label: 'name', |
|||
children: 'child' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
handleSelectionChange(val) { |
|||
this.$emit('handleSelectionChange', val) |
|||
}, |
|||
moveHandle(index, type, row) { |
|||
this.$emit('moveHandle', { index, type, row }) |
|||
}, |
|||
handleNode(index, type, event) { |
|||
this.$emit('handleNode', { index, type, event }) |
|||
}, |
|||
addTree(item, event) { |
|||
this.$emit('addTree', { item, event }) |
|||
}, |
|||
removeTree(item) { |
|||
this.$emit('removeTree', item) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,71 @@ |
|||
<template> |
|||
<div id="allForeForm"> |
|||
<div class="title">病史采集</div> |
|||
<history-form :form-data="formData" /> |
|||
<div class="title">前段检查</div> |
|||
<div class="fore"> |
|||
<fore-form |
|||
:table-data="foreData" |
|||
:tree-props="treeProps" |
|||
:is-print="isPrint" |
|||
/> |
|||
</div> |
|||
<div class="title">后段检查</div> |
|||
<div class="fore"> |
|||
<after-form :is-print="isPrint" :table-data="afterData" /> |
|||
</div> |
|||
<div class="title">专科检查</div> |
|||
<div class="fore"> |
|||
<special-examine :patient-id="patientId" /> |
|||
</div> |
|||
<div class="title">诊断处置</div> |
|||
<diagnosis-form :diagnosis="diagnosis" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import HistoryForm from '@/components/360View/medicalRecord/outPatientRecord/historyForm.vue' |
|||
import ForeForm from '@/components/360View/medicalRecord/outPatientRecord/foreForm.vue' |
|||
import SpecialExamine from '@/components/360View/specialExamine/index.vue' |
|||
import DiagnosisForm from '@/components/360View/medicalRecord/outPatientRecord/diagnosisForm.vue' |
|||
import eventBus from '@/page-subspecialty/utils/eventBus' |
|||
import AfterForm from '@/components/360View/medicalRecord/outPatientRecord/afterForm.vue' |
|||
export default { |
|||
name: 'AllFormPrint', |
|||
components: { AfterForm, DiagnosisForm, SpecialExamine, ForeForm, HistoryForm }, |
|||
props: ['formData', 'diagnosis', 'treeProps', 'patientId'], |
|||
data() { |
|||
return { |
|||
foreData: [], |
|||
afterData: [], |
|||
isPrint: true |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.initData() |
|||
}, |
|||
methods: { |
|||
initData() { |
|||
eventBus.$on('getForeData', data => { |
|||
this.foreData = data |
|||
}) |
|||
eventBus.$on('getAfterData', data => { |
|||
this.afterData = data |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.title{ |
|||
text-align: center; |
|||
margin-top: 50px; |
|||
} |
|||
#allForeForm{ |
|||
width: 800px; |
|||
} |
|||
.fore{ |
|||
width: calc(100% - 10px); |
|||
} |
|||
</style> |
|||
@ -0,0 +1,24 @@ |
|||
<template> |
|||
<el-form id="formDiagnosis" :model="diagnosis" label-width="120px" style="margin-top: 32px"> |
|||
<el-form-item label="诊断：" style="width: 540px"> |
|||
<el-input v-model="diagnosis.zd" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="处理：" style="width: 540px"> |
|||
<el-input v-model="diagnosis.cl" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="治疗意见：" style="width: 540px"> |
|||
<el-input v-model="diagnosis.yj" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'DiagnosisForm', |
|||
props: ['diagnosis'] |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,154 @@ |
|||
<template> |
|||
<el-table |
|||
id="foreCheck" |
|||
ref="multipleTable" |
|||
:data="tableData" |
|||
style="margin: 8px 8px 0 0" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column |
|||
type="selection" |
|||
width="55" |
|||
/> |
|||
<el-table-column |
|||
align="center" |
|||
label="OD" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<span v-if="scope.row.sort === 1"> |
|||
<span style="margin-right: 16px">结膜：充血</span><treeSelect v-model="scope.row.od" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="scope.row.sort === 2"> |
|||
<span style="margin-right: 16px">结膜：分泌物</span><treeSelect v-model="scope.row.od" :props="treeProps" style="display: inline-block;width: 60%" :options="scope.row.data" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="!scope.row.sort && scope.row.id"> |
|||
<treeSelect v-model="scope.row.od" :options="scope.row.data" :props="treeProps" :multiple="true" :filterable="true" :check-strictly="true" :default-expand-all="true" @handleNode="handleNode(scope.$index,'od', $event)" @add="addTree(scope.row, $event)" /> |
|||
</span> |
|||
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
class="move" |
|||
align="center" |
|||
width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.sort&&!isPrint"> |
|||
<p @click="moveHandle(scope.$index,1, scope.row.os)"><i class="el-icon-back" /></p> |
|||
<p style="margin-top: 5px" @click="moveHandle(scope.$index,2, scope.row.od)"><i class="el-icon-back" style="transform: rotateY(180deg)" /></p> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
align="center" |
|||
label="OS" |
|||
width="300" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<span v-if="scope.row.sort === 1"> |
|||
<span style="margin-right: 16px">结膜：充血</span> |
|||
<treeSelect |
|||
v-model="scope.row.os" |
|||
:props="treeProps" |
|||
style="display: inline-block;width: 60%" |
|||
:options="scope.row.data" |
|||
:multiple="true" |
|||
:filterable="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="true" |
|||
@handleNode="handleNode(scope.$index,'os', $event)" |
|||
@add="addTree(scope.row, $event)" |
|||
/> |
|||
</span> |
|||
<span v-if="scope.row.sort === 2"> |
|||
<span style="margin-right: 16px">结膜：分泌物</span> |
|||
<treeSelect |
|||
v-model="scope.row.os" |
|||
:props="treeProps" |
|||
style="display: inline-block;width: 60%" |
|||
:options="scope.row.data" |
|||
:multiple="true" |
|||
:filterable="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="true" |
|||
@handleNode="handleNode(scope.$index,'os', $event)" |
|||
@add="addTree(scope.row, $event)" |
|||
/> |
|||
</span> |
|||
<span v-if="!scope.row.sort && scope.row.id"> |
|||
<treeSelect |
|||
v-model="scope.row.os" |
|||
:options="scope.row.data" |
|||
:props="treeProps" |
|||
:multiple="true" |
|||
:filterable="true" |
|||
:check-strictly="true" |
|||
:default-expand-all="true" |
|||
@handleNode="handleNode(scope.$index,'os', $event)" |
|||
@add="addTree(scope.row, $event)" |
|||
/> |
|||
</span> |
|||
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</template> |
|||
|
|||
<script> |
|||
import treeSelect from '@/components/360View/itemSelect' |
|||
export default { |
|||
name: 'ForeForm', |
|||
components: { |
|||
treeSelect |
|||
}, |
|||
props: { |
|||
tableData: { |
|||
type: Array, |
|||
default: () => [] |
|||
}, |
|||
isPrint: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
treeProps: { |
|||
value: 'id', |
|||
label: 'name', |
|||
children: 'child' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
handleSelectionChange(val) { |
|||
this.$emit('handleSelectionChange', val) |
|||
}, |
|||
// 移动 |
|||
moveHandle(index, type, row) { |
|||
if (type === 1) { |
|||
this.tableData[index].od = row |
|||
} else { |
|||
this.tableData[index].os = row |
|||
} |
|||
}, |
|||
handleNode(index, type, event) { |
|||
if (type === 'os') { |
|||
this.tableData[index].osValue = event |
|||
} else { |
|||
this.tableData[index].odValue = event |
|||
} |
|||
}, |
|||
addTree(item, event) { |
|||
this.$emit('addTree', { item, event }) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
</style> |
|||
@ -0,0 +1,34 @@ |
|||
<template> |
|||
<el-form id="medHistory" ref="form" :model="formData" label-width="120px" style="margin-top: 32px"> |
|||
<el-form-item label="主诉：" style="width: 540px"> |
|||
<el-input v-model="formData.zs" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="现病史：" style="width: 540px"> |
|||
<el-input v-model="formData.xbs" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="既往病史：" style="width: 540px"> |
|||
<el-input v-model="formData.jwbs" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="过敏史：" style="width: 540px"> |
|||
<el-input v-model="formData.gms" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
<el-form-item label="周身其他病史：" style="width: 540px"> |
|||
<el-input v-model="formData.zsqtbs" type="textarea" auto-complete="off" style="width: 420px" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'HistoryForm', |
|||
props: { |
|||
formData: { |
|||
type: Object |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue