|
|
@ -1,13 +1,13 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="afterBox"> |
|
|
<div class="afterBox"> |
|
|
<div class="moveIcon" v-if="!onlyRead"> |
|
|
|
|
|
|
|
|
<div v-if="!onlyRead && isPlatform" class="moveIcon"> |
|
|
<p @click="moveAll(1)"><i style="font-size: 20px" class="el-icon-back" /></p> |
|
|
<p @click="moveAll(1)"><i style="font-size: 20px" class="el-icon-back" /></p> |
|
|
<p style="margin-top: 5px" @click="moveAll(2)"><i class="el-icon-back" style="transform: rotateY(180deg);font-size: 20px" /></p> |
|
|
<p style="margin-top: 5px" @click="moveAll(2)"><i class="el-icon-back" style="transform: rotateY(180deg);font-size: 20px" /></p> |
|
|
</div> |
|
|
</div> |
|
|
<div style="display: flex;margin-top: 32px"> |
|
|
<div style="display: flex;margin-top: 32px"> |
|
|
<div style="width: 200px;padding-right: 8px;text-align: left;overflow-x: auto"> |
|
|
<div style="width: 200px;padding-right: 8px;text-align: left;overflow-x: auto"> |
|
|
<p style="font-weight: bold;margin-bottom: 12px;text-align: left">描述项模板</p> |
|
|
<p style="font-weight: bold;margin-bottom: 12px;text-align: left">描述项模板</p> |
|
|
<el-button v-if="!treeCaseList.length && !onlyRead" type="primary" size="small" @click="append(1)">+新增</el-button> |
|
|
|
|
|
|
|
|
<el-button v-if="!treeCaseList.length && !onlyRead && isPlatform" type="primary" size="small" @click="append(1)">+新增</el-button> |
|
|
<el-tree |
|
|
<el-tree |
|
|
ref="tree" |
|
|
ref="tree" |
|
|
:data="treeCaseList" |
|
|
:data="treeCaseList" |
|
|
@ -23,23 +23,126 @@ |
|
|
<span>{{ node.label }}</span> |
|
|
<span>{{ node.label }}</span> |
|
|
</span> |
|
|
</span> |
|
|
<span> |
|
|
<span> |
|
|
<el-button v-if="!data.treeId && !onlyRead" icon="el-icon-plus" style="font-size: 12px;color: #409EFF" type="text" @click.stop="append(2, data)" /> |
|
|
|
|
|
<el-button v-if="!onlyRead" icon="el-icon-delete" style="font-size: 12px;color: #F56C6C" type="text" @click.stop="remove(node, data)" /> |
|
|
|
|
|
|
|
|
<el-button v-if="!data.treeId && !onlyRead && isPlatform" icon="el-icon-plus" style="font-size: 12px;color: #409EFF" type="text" @click.stop="append(2, data)" /> |
|
|
|
|
|
<el-button v-if="!onlyRead && isPlatform" icon="el-icon-delete" style="font-size: 12px;color: #F56C6C" type="text" @click.stop="remove(node, data)" /> |
|
|
</span> |
|
|
</span> |
|
|
</span> |
|
|
</span> |
|
|
</el-tree> |
|
|
</el-tree> |
|
|
</div> |
|
|
</div> |
|
|
<after-form |
|
|
|
|
|
:only-read="onlyRead" |
|
|
|
|
|
ref="afterForm" |
|
|
|
|
|
:data-form="dataForm" |
|
|
|
|
|
:table-data="tableData" |
|
|
|
|
|
@selection="selection" |
|
|
|
|
|
@moveHandle="moveHandle" |
|
|
|
|
|
@handleNode="handleNode" |
|
|
|
|
|
@addTree="addTree" |
|
|
|
|
|
@removeTree="removeTree" |
|
|
|
|
|
|
|
|
<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.name === '黄斑' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.hbOd" :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.name === '视网膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.swmOd" :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.name === '脉络膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.mlmOd" :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.name === '玻璃体 vitreous' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.bltOd" :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.name === '血管' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.xgOd" :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.name === '巩膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.hmOd" :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.name === '边缘 periphery' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.byOd" :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"> |
|
|
|
|
|
<p style="margin:0 16px 6px 0">视盘：视神经</p> |
|
|
|
|
|
<treeSelect v-model="dataForm.spSsjOd" :props="treeProps" style="display: inline-block;" :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:0 16px 6px 0">视盘：CDR</span> |
|
|
|
|
|
<treeSelect v-model="dataForm.spCrdOd" :props="treeProps" style="display: inline-block;" :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="!onlyRead && isPlatform"> |
|
|
|
|
|
<p @click="moveHandle(scope.$index,1, scope.row)"><i style="font-size: 20px" 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);font-size: 20px" /></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
align="center" |
|
|
|
|
|
label="OS" |
|
|
|
|
|
> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span v-if="scope.row.name === '黄斑' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.hbOs" :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 v-if="scope.row.name === '视网膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.swmOs" :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 v-if="scope.row.name === '脉络膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.mlmOs" :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 v-if="scope.row.name === '玻璃体 vitreous' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.bltOs" :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 v-if="scope.row.name === '血管' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.xgOs" :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 v-if="scope.row.name === '巩膜' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.hmOs" :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 v-if="scope.row.name === '边缘 periphery' && scope.row.id"> |
|
|
|
|
|
<treeSelect v-model="dataForm.byOs" :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 v-if="!scope.row.sort && !scope.row.id">{{ scope.row.name }}</span> |
|
|
|
|
|
<span v-if="scope.row.sort === 3"> |
|
|
|
|
|
<span style="margin:0 16px 6px 0">视盘：视神经</span> |
|
|
|
|
|
<treeSelect v-model="dataForm.spSsjOs" :props="treeProps" style="display: inline-block;" :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:0 16px 6px 0">视盘：CDR</span> |
|
|
|
|
|
<treeSelect v-model="dataForm.spCrdOs" :props="treeProps" style="display: inline-block;" :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--> |
|
|
|
|
|
<!-- :only-read="onlyRead"--> |
|
|
|
|
|
<!-- ref="afterForm"--> |
|
|
|
|
|
<!-- :data-form="dataForm"--> |
|
|
|
|
|
<!-- :table-data="tableData"--> |
|
|
|
|
|
<!-- @selection="selection"--> |
|
|
|
|
|
<!-- @moveHandle="moveHandle"--> |
|
|
|
|
|
<!-- @handleNode="handleNode"--> |
|
|
|
|
|
<!-- @addTree="addTree"--> |
|
|
|
|
|
<!-- @removeTree="removeTree"--> |
|
|
|
|
|
<!-- />--> |
|
|
</div> |
|
|
</div> |
|
|
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="40%"> |
|
|
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="40%"> |
|
|
<el-form :model="form" style="margin-top: 16px"> |
|
|
<el-form :model="form" style="margin-top: 16px"> |
|
|
@ -86,7 +189,7 @@ import Cookies from 'js-cookie' |
|
|
import AfterForm from '@/components/360View/medicalRecord/outPatientRecord/afterForm-copy.vue' |
|
|
import AfterForm from '@/components/360View/medicalRecord/outPatientRecord/afterForm-copy.vue' |
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
AfterForm, |
|
|
|
|
|
|
|
|
// AfterForm, |
|
|
treeSelect |
|
|
treeSelect |
|
|
}, |
|
|
}, |
|
|
mixins: [], |
|
|
mixins: [], |
|
|
@ -110,6 +213,10 @@ export default { |
|
|
onlyRead: { |
|
|
onlyRead: { |
|
|
type: Boolean, |
|
|
type: Boolean, |
|
|
default: false |
|
|
default: false |
|
|
|
|
|
}, |
|
|
|
|
|
isPlatform: { |
|
|
|
|
|
type: Boolean, |
|
|
|
|
|
default: true |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
inject: ['refresh'], |
|
|
inject: ['refresh'], |
|
|
@ -172,8 +279,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 14, |
|
|
id: 14, |
|
|
type: 'hangman', |
|
|
type: 'hangman', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'hbOd', |
|
|
|
|
|
os: 'hbOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '视盘' |
|
|
name: '视盘' |
|
|
}, { |
|
|
}, { |
|
|
@ -181,15 +288,15 @@ export default { |
|
|
id: 15, |
|
|
id: 15, |
|
|
sort: 3, |
|
|
sort: 3, |
|
|
type: 'shipman', |
|
|
type: 'shipman', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'spSsjOd', |
|
|
|
|
|
os: 'spSsjOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '视盘', |
|
|
name: '视盘', |
|
|
id: 16, |
|
|
id: 16, |
|
|
sort: 4, |
|
|
sort: 4, |
|
|
type: 'shipman', |
|
|
type: 'shipman', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'spCrdOd', |
|
|
|
|
|
os: 'spCrdOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '视网膜' |
|
|
name: '视网膜' |
|
|
}, { |
|
|
}, { |
|
|
@ -197,8 +304,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 17, |
|
|
id: 17, |
|
|
type: 'showing', |
|
|
type: 'showing', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'swmOd', |
|
|
|
|
|
os: 'swmOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '脉络膜' |
|
|
name: '脉络膜' |
|
|
}, { |
|
|
}, { |
|
|
@ -206,8 +313,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 18, |
|
|
id: 18, |
|
|
type: 'mailbomb', |
|
|
type: 'mailbomb', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'mlmOd', |
|
|
|
|
|
os: 'mlmOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '玻璃体 vitreous' |
|
|
name: '玻璃体 vitreous' |
|
|
}, { |
|
|
}, { |
|
|
@ -215,8 +322,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 19, |
|
|
id: 19, |
|
|
type: 'blit', |
|
|
type: 'blit', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'bltOd', |
|
|
|
|
|
os: 'bltOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '血管' |
|
|
name: '血管' |
|
|
}, { |
|
|
}, { |
|
|
@ -224,8 +331,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 20, |
|
|
id: 20, |
|
|
type: 'began', |
|
|
type: 'began', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'xgOd', |
|
|
|
|
|
os: 'xgOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '巩膜' |
|
|
name: '巩膜' |
|
|
}, { |
|
|
}, { |
|
|
@ -233,8 +340,8 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 21, |
|
|
id: 21, |
|
|
type: 'gong', |
|
|
type: 'gong', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'hmOd', |
|
|
|
|
|
os: 'hmOs' |
|
|
}, { |
|
|
}, { |
|
|
name: '边缘 periphery' |
|
|
name: '边缘 periphery' |
|
|
}, { |
|
|
}, { |
|
|
@ -242,25 +349,22 @@ export default { |
|
|
sort: 99, |
|
|
sort: 99, |
|
|
id: 22, |
|
|
id: 22, |
|
|
type: 'banyan', |
|
|
type: 'banyan', |
|
|
od: '', |
|
|
|
|
|
os: '' |
|
|
|
|
|
|
|
|
od: 'byOd', |
|
|
|
|
|
os: 'byOs' |
|
|
}], |
|
|
}], |
|
|
treeList: [] |
|
|
treeList: [] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
tableData: { |
|
|
|
|
|
deep: true, |
|
|
|
|
|
handler: (value) => { |
|
|
|
|
|
if (value) { |
|
|
|
|
|
eventBus.$emit('getAfterData', value) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
caseId: { |
|
|
caseId: { |
|
|
handler: function(newV, oldV) { |
|
|
handler: function(newV, oldV) { |
|
|
this.getforeList().then(() => { |
|
|
|
|
|
this.queryOptions() |
|
|
this.queryOptions() |
|
|
|
|
|
this.getforeList() |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.tableData.forEach(item => { |
|
|
|
|
|
item.flag = false |
|
|
|
|
|
this.$refs.multipleTable.toggleRowSelection(item, false) |
|
|
|
|
|
}) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -284,8 +388,8 @@ export default { |
|
|
}) |
|
|
}) |
|
|
if (res.code === 0) { |
|
|
if (res.code === 0) { |
|
|
if (res.data) { |
|
|
if (res.data) { |
|
|
this.dataForm = res.data |
|
|
|
|
|
this.handleData(this.dataForm) |
|
|
|
|
|
|
|
|
this.dataForm = this.handleData(res.data) |
|
|
|
|
|
eventBus.$emit('getAfterData', this.dataForm) |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(res.msg) |
|
|
this.$message.error(res.msg) |
|
|
@ -299,12 +403,13 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
return data |
|
|
}, |
|
|
}, |
|
|
// 表格复选框 |
|
|
// 表格复选框 |
|
|
selection(value) { |
|
|
|
|
|
if (!value.val.id) { |
|
|
|
|
|
const data = this.tableData.filter(item => item.name === value.val.name) |
|
|
|
|
|
if (value.val.flag) { |
|
|
|
|
|
|
|
|
selection(selection, val) { |
|
|
|
|
|
if (!val.id) { |
|
|
|
|
|
const data = this.tableData.filter(item => item.name === val.name) |
|
|
|
|
|
if (val.flag) { |
|
|
data.forEach(row => { |
|
|
data.forEach(row => { |
|
|
row.flag = false |
|
|
row.flag = false |
|
|
this.$refs.afterForm.$refs.multipleTable.toggleRowSelection(row, false) |
|
|
this.$refs.afterForm.$refs.multipleTable.toggleRowSelection(row, false) |
|
|
@ -316,8 +421,8 @@ export default { |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
const data = this.tableData.filter(item => item.id === value.val.id) |
|
|
|
|
|
if (value.val.flag) { |
|
|
|
|
|
|
|
|
const data = this.tableData.filter(item => item.id === val.id) |
|
|
|
|
|
if (val.flag) { |
|
|
data.forEach(row => { |
|
|
data.forEach(row => { |
|
|
row.flag = false |
|
|
row.flag = false |
|
|
}) |
|
|
}) |
|
|
@ -329,11 +434,13 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 保留下拉框的label，添加到数据集用于展示 |
|
|
// 保留下拉框的label，添加到数据集用于展示 |
|
|
handleNode(val) { |
|
|
|
|
|
if (val.type === 'os') { |
|
|
|
|
|
this.tableData[val.index].osValue = val.event |
|
|
|
|
|
} else { |
|
|
|
|
|
this.tableData[val.index].odValue = val.event |
|
|
|
|
|
|
|
|
handleNode(index, type, event) { |
|
|
|
|
|
if (event) { |
|
|
|
|
|
if (type === 'os') { |
|
|
|
|
|
this.tableData[index].osValue = event |
|
|
|
|
|
} else if (type === 'od') { |
|
|
|
|
|
this.tableData[index].odValue = event |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 添加数据集 |
|
|
// 添加数据集 |
|
|
@ -374,8 +481,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
this.sourceData = Object.assign([], this.tableData) |
|
|
|
|
|
eventBus.$emit('getAfterData', this.tableData) |
|
|
|
|
|
|
|
|
// this.sourceData = Object.assign([], this.tableData) |
|
|
}).catch((error) => { |
|
|
}).catch((error) => { |
|
|
console.log(error) |
|
|
console.log(error) |
|
|
}) |
|
|
}) |
|
|
@ -385,67 +491,42 @@ export default { |
|
|
if (type === 1) { |
|
|
if (type === 1) { |
|
|
this.tableData.forEach(item => { |
|
|
this.tableData.forEach(item => { |
|
|
if (item.sort) { |
|
|
if (item.sort) { |
|
|
item.od = item.os |
|
|
|
|
|
|
|
|
this.dataForm[item.od] = this.dataForm[item.os] |
|
|
item.odValue = item.osValue |
|
|
item.odValue = item.osValue |
|
|
const sort = item.sort |
|
|
|
|
|
item.sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
item.sort = sort |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
this.tableData.forEach(item => { |
|
|
this.tableData.forEach(item => { |
|
|
if (item.sort) { |
|
|
if (item.sort) { |
|
|
item.os = item.od |
|
|
|
|
|
|
|
|
this.dataForm[item.os] = this.dataForm[item.od] |
|
|
item.osValue = item.odValue |
|
|
item.osValue = item.odValue |
|
|
const sort = item.sort |
|
|
|
|
|
item.sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
item.sort = sort |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 移动 |
|
|
// 移动 |
|
|
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[val.index].os = val.row.od |
|
|
|
|
|
this.tableData[val.index].osValue = val.row.odValue |
|
|
|
|
|
|
|
|
moveHandle(index, type, row) { |
|
|
|
|
|
if (row.id) { |
|
|
|
|
|
if (type === 1) { // 左移 |
|
|
|
|
|
this.dataForm[row.od] = this.dataForm[row.os] |
|
|
|
|
|
this.tableData[index].odValue = row.osValue |
|
|
|
|
|
} else { // 右移 |
|
|
|
|
|
this.dataForm[row.os] = this.dataForm[row.od] |
|
|
|
|
|
this.tableData[index].osValue = row.odValue |
|
|
} |
|
|
} |
|
|
const sort = this.tableData[val.index].sort |
|
|
|
|
|
this.tableData[val.index].sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.tableData[val.index].sort = sort |
|
|
|
|
|
}) |
|
|
|
|
|
} else { |
|
|
} else { |
|
|
if (val.type === 1) { |
|
|
|
|
|
|
|
|
if (type === 1) { |
|
|
this.tableData.forEach(item => { |
|
|
this.tableData.forEach(item => { |
|
|
if (item.name === val.row.name) { |
|
|
|
|
|
item.od = item.os |
|
|
|
|
|
|
|
|
if (item.name === row.name) { |
|
|
|
|
|
this.dataForm[item.od] = this.dataForm[item.os] |
|
|
item.odValue = item.osValue |
|
|
item.odValue = item.osValue |
|
|
const sort = item.sort |
|
|
|
|
|
item.sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
item.sort = sort |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
this.tableData.forEach(item => { |
|
|
this.tableData.forEach(item => { |
|
|
if (item.name === val.row.name) { |
|
|
|
|
|
item.os = item.od |
|
|
|
|
|
|
|
|
if (item.name === row.name) { |
|
|
|
|
|
this.dataForm[item.os] = this.dataForm[item.od] |
|
|
item.osValue = item.odValue |
|
|
item.osValue = item.odValue |
|
|
const sort = item.sort |
|
|
|
|
|
item.sort = '' |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
item.sort = sort |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
@ -473,13 +554,13 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 新增树 |
|
|
// 新增树 |
|
|
addTree(val) { |
|
|
|
|
|
|
|
|
addTree(item, event) { |
|
|
this.title = '新增子级' |
|
|
this.title = '新增子级' |
|
|
this.addType = 1 |
|
|
this.addType = 1 |
|
|
this.form.name = '' |
|
|
this.form.name = '' |
|
|
this.type = val.event.type |
|
|
|
|
|
this.parentId = val.event.id |
|
|
|
|
|
this.treeFlag = val.event.flag |
|
|
|
|
|
|
|
|
this.type = event.type |
|
|
|
|
|
this.parentId = event.id |
|
|
|
|
|
this.treeFlag = event.flag |
|
|
this.dialogFormVisible = true |
|
|
this.dialogFormVisible = true |
|
|
}, |
|
|
}, |
|
|
// 新增保存树-眼睛部位下拉选择 |
|
|
// 新增保存树-眼睛部位下拉选择 |
|
|
@ -576,7 +657,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
this.tableData = Object.assign([], this.sourceData) |
|
|
|
|
|
|
|
|
// this.tableData = Object.assign([], this.sourceData) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 点击保存模板后弹框 |
|
|
// 点击保存模板后弹框 |
|
|
@ -628,7 +709,7 @@ export default { |
|
|
const { data: res } = await this.$http.post('/treetemplate/addTree', params) |
|
|
const { data: res } = await this.$http.post('/treetemplate/addTree', params) |
|
|
if (res.code === 0) { |
|
|
if (res.code === 0) { |
|
|
this.dialogFormVisible = false |
|
|
this.dialogFormVisible = false |
|
|
this.queryTreeCase() |
|
|
|
|
|
|
|
|
await this.queryTreeCase() |
|
|
this.$message.success('保存成功') |
|
|
this.$message.success('保存成功') |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(res.msg) |
|
|
this.$message.error(res.msg) |
|
|
|
newPeter7
3 years ago