|
@ -4,7 +4,7 @@ |
|
|
ref="multipleTable" |
|
|
ref="multipleTable" |
|
|
:data="tableData" |
|
|
:data="tableData" |
|
|
style="margin: 8px 8px 0 0" |
|
|
style="margin: 8px 8px 0 0" |
|
|
@selection-change="handleSelectionChange" |
|
|
|
|
|
|
|
|
@select="selection" |
|
|
> |
|
|
> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
type="selection" |
|
|
type="selection" |
|
@ -17,13 +17,37 @@ |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div> |
|
|
<div> |
|
|
<span v-if="scope.row.sort === 1"> |
|
|
<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 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)" |
|
|
|
|
|
@remove="removeTree" |
|
|
|
|
|
/> |
|
|
</span> |
|
|
</span> |
|
|
<span v-if="scope.row.sort === 2"> |
|
|
<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 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)" |
|
|
|
|
|
@remove="removeTree" |
|
|
|
|
|
/> |
|
|
</span> |
|
|
</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 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> |
|
|
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|
|
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -35,9 +59,9 @@ |
|
|
width="120" |
|
|
width="120" |
|
|
> |
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<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> |
|
|
|
|
|
<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> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
@ -49,8 +73,7 @@ |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div> |
|
|
<div> |
|
|
<span v-if="scope.row.sort === 1"> |
|
|
<span v-if="scope.row.sort === 1"> |
|
|
<span style="margin-right: 16px">结膜:充血</span> |
|
|
|
|
|
<treeSelect |
|
|
|
|
|
|
|
|
<span style="margin-right: 16px">结膜:充血</span><treeSelect |
|
|
v-model="scope.row.os" |
|
|
v-model="scope.row.os" |
|
|
:props="treeProps" |
|
|
:props="treeProps" |
|
|
style="display: inline-block;width: 60%" |
|
|
style="display: inline-block;width: 60%" |
|
@ -61,11 +84,11 @@ |
|
|
:default-expand-all="true" |
|
|
:default-expand-all="true" |
|
|
@handleNode="handleNode(scope.$index,'os', $event)" |
|
|
@handleNode="handleNode(scope.$index,'os', $event)" |
|
|
@add="addTree(scope.row, $event)" |
|
|
@add="addTree(scope.row, $event)" |
|
|
|
|
|
@remove="removeTree" |
|
|
/> |
|
|
/> |
|
|
</span> |
|
|
</span> |
|
|
<span v-if="scope.row.sort === 2"> |
|
|
<span v-if="scope.row.sort === 2"> |
|
|
<span style="margin-right: 16px">结膜:分泌物</span> |
|
|
|
|
|
<treeSelect |
|
|
|
|
|
|
|
|
<span style="margin-right: 16px">结膜:分泌物</span><treeSelect |
|
|
v-model="scope.row.os" |
|
|
v-model="scope.row.os" |
|
|
:props="treeProps" |
|
|
:props="treeProps" |
|
|
style="display: inline-block;width: 60%" |
|
|
style="display: inline-block;width: 60%" |
|
@ -76,20 +99,11 @@ |
|
|
:default-expand-all="true" |
|
|
:default-expand-all="true" |
|
|
@handleNode="handleNode(scope.$index,'os', $event)" |
|
|
@handleNode="handleNode(scope.$index,'os', $event)" |
|
|
@add="addTree(scope.row, $event)" |
|
|
@add="addTree(scope.row, $event)" |
|
|
|
|
|
@remove="removeTree" |
|
|
/> |
|
|
/> |
|
|
</span> |
|
|
</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 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)" @remove="removeTree" /> |
|
|
</span> |
|
|
</span> |
|
|
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|
|
<span v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|
|
</div> |
|
|
</div> |
|
@ -131,10 +145,17 @@ export default { |
|
|
// 移动 |
|
|
// 移动 |
|
|
moveHandle(index, type, row) { |
|
|
moveHandle(index, type, row) { |
|
|
if (type === 1) { |
|
|
if (type === 1) { |
|
|
this.tableData[index].od = row |
|
|
|
|
|
|
|
|
this.tableData[index].od = row.os |
|
|
|
|
|
this.tableData[index].odValue = row.osValue |
|
|
} else { |
|
|
} else { |
|
|
this.tableData[index].os = row |
|
|
|
|
|
|
|
|
this.tableData[index].os = row.od |
|
|
|
|
|
this.tableData[index].osValue = row.odValue |
|
|
} |
|
|
} |
|
|
|
|
|
const sort = this.tableData[index].sort |
|
|
|
|
|
this.tableData[index].sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.tableData[index].sort = sort |
|
|
|
|
|
}) |
|
|
}, |
|
|
}, |
|
|
handleNode(index, type, event) { |
|
|
handleNode(index, type, event) { |
|
|
if (type === 'os') { |
|
|
if (type === 'os') { |
|
@ -145,6 +166,12 @@ export default { |
|
|
}, |
|
|
}, |
|
|
addTree(item, event) { |
|
|
addTree(item, event) { |
|
|
this.$emit('addTree', { item, event }) |
|
|
this.$emit('addTree', { item, event }) |
|
|
|
|
|
}, |
|
|
|
|
|
removeTree(item) { |
|
|
|
|
|
this.$emit('removeTree', item) |
|
|
|
|
|
}, |
|
|
|
|
|
selection(selection, val) { |
|
|
|
|
|
this.$emit('selection', { selection, val }) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|