|  | @ -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 }) | 
		
	
		
			
				|  |  |     } |  |  |     } | 
		
	
		
			
				|  |  |   } |  |  |   } | 
		
	
		
			
				|  |  | } |  |  | } | 
		
	
	
		
			
				|  | 
 |