|
|
@ -23,75 +23,20 @@ |
|
|
|
<span>{{ node.label }}</span> |
|
|
|
</span> |
|
|
|
<span> |
|
|
|
<el-button v-if="!data.treeId" icon="el-icon-plus" style="font-size: 12px;color: #409EFF" type="text" @click.stop="append(2, data)"></el-button> |
|
|
|
<el-button icon="el-icon-delete" style="font-size: 12px;color: #F56C6C" type="text" @click.stop="remove(node, data)"></el-button> |
|
|
|
<el-button v-if="!data.treeId" icon="el-icon-plus" style="font-size: 12px;color: #409EFF" type="text" @click.stop="append(2, data)" /> |
|
|
|
<el-button icon="el-icon-delete" style="font-size: 12px;color: #F56C6C" type="text" @click.stop="remove(node, data)" /> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-tree> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
id="foreCheck" |
|
|
|
ref="multipleTable" |
|
|
|
:data="tableData" |
|
|
|
style="margin: 8px 8px 0 0" |
|
|
|
@select="selection" |
|
|
|
> |
|
|
|
<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 === 99"> |
|
|
|
<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> |
|
|
|
<p @click="moveHandle(scope.$index,1, scope.row)"><i class="el-icon-back" /></p> |
|
|
|
<p style="margin-top: 5px" @click="moveHandle(scope.$index,2, scope.row)"><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 === 99"> |
|
|
|
<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> |
|
|
|
<after-form |
|
|
|
:table-data="tableData" |
|
|
|
@selection="selection" |
|
|
|
@moveHandle="moveHandle" |
|
|
|
@handleNode="handleNode" |
|
|
|
@addTree="addTree" |
|
|
|
@removeTree="removeTree" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="40%"> |
|
|
|
<el-form :model="form" style="margin-top: 16px"> |
|
|
@ -136,9 +81,11 @@ import eventBus from '@/page-subspecialty/utils/eventBus' |
|
|
|
import treeSelect from '@/components/360View/itemSelect' |
|
|
|
import axios from 'axios' |
|
|
|
import Cookies from 'js-cookie' |
|
|
|
import AfterForm from '@/components/360View/medicalRecord/outPatientRecord/afterForm.vue' |
|
|
|
const Base64 = require('js-base64').Base64 |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
AfterForm, |
|
|
|
treeSelect |
|
|
|
}, |
|
|
|
mixins: [], |
|
|
@ -313,26 +260,26 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 表格复选框 |
|
|
|
selection(selection, val) { |
|
|
|
if (!val.id) { |
|
|
|
const data = this.tableData.filter(item => item.name === val.name) |
|
|
|
if (val.flag) { |
|
|
|
selection(value) { |
|
|
|
if (!value.val.id) { |
|
|
|
const data = this.tableData.filter(item => item.name === value.val.name) |
|
|
|
if (value.val.flag) { |
|
|
|
data.forEach(row => { |
|
|
|
row.flag = false |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row, false); |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row, false) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
data.forEach(row => { |
|
|
|
row.flag = true |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row, true); |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row, true) |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
const data = this.tableData.filter(item => item.id === val.id) |
|
|
|
if (val.flag) { |
|
|
|
const data = this.tableData.filter(item => item.id === value.val.id) |
|
|
|
if (value.val.flag) { |
|
|
|
data.forEach(row => { |
|
|
|
row.flag = false |
|
|
|
}); |
|
|
|
}) |
|
|
|
} else { |
|
|
|
data.forEach(row => { |
|
|
|
row.flag = true |
|
|
@ -341,11 +288,11 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 保留下拉框的label,添加到数据集用于展示 |
|
|
|
handleNode(index, type, event) { |
|
|
|
if (type === 'os') { |
|
|
|
this.tableData[index].osValue = event |
|
|
|
handleNode(val) { |
|
|
|
if (val.type === 'os') { |
|
|
|
this.tableData[val.index].osValue = val.event |
|
|
|
} else { |
|
|
|
this.tableData[index].odValue = event |
|
|
|
this.tableData[val.index].odValue = val.event |
|
|
|
} |
|
|
|
}, |
|
|
|
// 添加数据集 |
|
|
@ -418,24 +365,24 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 移动 |
|
|
|
moveHandle(index, type, row) { |
|
|
|
if (row.id) { |
|
|
|
if (type === 1) { |
|
|
|
this.tableData[index].od = row.os |
|
|
|
this.tableData[index].odValue = row.osValue |
|
|
|
moveHandle(val) { |
|
|
|
if (val.row.id) { |
|
|
|
if (val.type === 1) { |
|
|
|
this.tableData[val.index].od = val.row.os |
|
|
|
this.tableData[val.index].odValue = val.row.osValue |
|
|
|
} else { |
|
|
|
this.tableData[index].os = row.od |
|
|
|
this.tableData[index].osValue = row.odValue |
|
|
|
this.tableData[val.index].os = val.row.od |
|
|
|
this.tableData[val.index].osValue = val.row.odValue |
|
|
|
} |
|
|
|
const sort = this.tableData[index].sort |
|
|
|
this.tableData[index].sort = '' |
|
|
|
const sort = this.tableData[val.index].sort |
|
|
|
this.tableData[val.index].sort = '' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.tableData[index].sort = sort |
|
|
|
this.tableData[val.index].sort = sort |
|
|
|
}) |
|
|
|
} else { |
|
|
|
if (type === 1) { |
|
|
|
if (val.type === 1) { |
|
|
|
this.tableData.forEach(item => { |
|
|
|
if (item.name === row.name) { |
|
|
|
if (item.name === val.row.name) { |
|
|
|
item.od = item.os |
|
|
|
item.odValue = item.osValue |
|
|
|
const sort = item.sort |
|
|
@ -447,7 +394,7 @@ export default { |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.tableData.forEach(item => { |
|
|
|
if (item.name === row.name) { |
|
|
|
if (item.name === val.row.name) { |
|
|
|
item.os = item.od |
|
|
|
item.osValue = item.odValue |
|
|
|
const sort = item.sort |
|
|
@ -492,13 +439,13 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 新增树 |
|
|
|
addTree(item, event) { |
|
|
|
addTree(val) { |
|
|
|
this.title = '新增子级' |
|
|
|
this.addType = 1 |
|
|
|
this.form.name = '' |
|
|
|
this.type = event.type |
|
|
|
this.parentId = event.id |
|
|
|
this.treeFlag = event.flag |
|
|
|
this.type = val.event.type |
|
|
|
this.parentId = val.event.id |
|
|
|
this.treeFlag = val.event.flag |
|
|
|
this.dialogFormVisible = true |
|
|
|
}, |
|
|
|
// 新增保存树-眼睛部位下拉选择 |
|
|
|