多帧样式更改
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
750c465b18
commit
ec96011d4b
|
@ -873,7 +873,10 @@ export default {
|
||||||
synchronizer.remove(this.$refs.canvas)
|
synchronizer.remove(this.$refs.canvas)
|
||||||
this.setAllToolsPassive()
|
this.setAllToolsPassive()
|
||||||
},
|
},
|
||||||
onContextmenu(event) {
|
onContextmenu(e) {
|
||||||
|
e.stopImmediatePropagation()
|
||||||
|
e.stopPropagation()
|
||||||
|
e.preventDefault()
|
||||||
// const colormapsList = cornerstone.colors.getColormapsList()
|
// const colormapsList = cornerstone.colors.getColormapsList()
|
||||||
// const colorItems = []
|
// const colorItems = []
|
||||||
// colorItems.push({
|
// colorItems.push({
|
||||||
|
@ -1060,7 +1063,7 @@ export default {
|
||||||
// zIndex: 3,
|
// zIndex: 3,
|
||||||
// minWidth: 100
|
// minWidth: 100
|
||||||
// })
|
// })
|
||||||
return false
|
// return false
|
||||||
},
|
},
|
||||||
getToolSate() {
|
getToolSate() {
|
||||||
const toolROITypes = [
|
const toolROITypes = [
|
||||||
|
|
|
@ -56,6 +56,7 @@
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
popper-class="instance_frame_wrapper"
|
popper-class="instance_frame_wrapper"
|
||||||
>
|
>
|
||||||
|
<div class="frame_list">
|
||||||
<div
|
<div
|
||||||
v-for="(instance, idx) in item.instanceInfoList"
|
v-for="(instance, idx) in item.instanceInfoList"
|
||||||
:key="instance.Id"
|
:key="instance.Id"
|
||||||
|
@ -63,22 +64,13 @@
|
||||||
:style="{'margin-bottom':idx<item.instanceInfoList.length-1? '5px':'0px'}"
|
:style="{'margin-bottom':idx<item.instanceInfoList.length-1? '5px':'0px'}"
|
||||||
@click="showMultiFrames(item, index, instance)"
|
@click="showMultiFrames(item, index, instance)"
|
||||||
>
|
>
|
||||||
<!-- <div>
|
|
||||||
<img
|
|
||||||
class="image-preview"
|
|
||||||
:src="series.previewImageUrl"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
alt=""
|
|
||||||
style="width: 40px;height:40px;"
|
|
||||||
fit="fill"
|
|
||||||
>
|
|
||||||
</div> -->
|
|
||||||
<div>
|
<div>
|
||||||
<div>{{ instance.InstanceNumber }}</div>
|
<div>{{ instance.InstanceNumber }}</div>
|
||||||
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
|
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
|
@ -885,6 +877,18 @@ export default {
|
||||||
border: 1px solid #2c2c2c;
|
border: 1px solid #2c2c2c;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
.frame_list{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #d0d0d0;
|
||||||
|
}
|
||||||
.frame_content{
|
.frame_content{
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
|
@ -200,6 +200,7 @@
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
popper-class="instance_frame_wrapper"
|
popper-class="instance_frame_wrapper"
|
||||||
>
|
>
|
||||||
|
<div class="frame_list">
|
||||||
<div
|
<div
|
||||||
v-for="(instance, idx) in seriesItem.instanceInfoList"
|
v-for="(instance, idx) in seriesItem.instanceInfoList"
|
||||||
:key="instance.Id"
|
:key="instance.Id"
|
||||||
|
@ -207,22 +208,13 @@
|
||||||
:style="{'margin-bottom':idx<seriesItem.instanceInfoList.length-1? '5px':'0px'}"
|
:style="{'margin-bottom':idx<seriesItem.instanceInfoList.length-1? '5px':'0px'}"
|
||||||
@click="showMultiFrames(studyIndex,seriesItem, index, instance)"
|
@click="showMultiFrames(studyIndex,seriesItem, index, instance)"
|
||||||
>
|
>
|
||||||
<!-- <div>
|
|
||||||
<img
|
|
||||||
class="image-preview"
|
|
||||||
:src="series.previewImageUrl"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
alt=""
|
|
||||||
style="width: 40px;height:40px;"
|
|
||||||
fit="fill"
|
|
||||||
>
|
|
||||||
</div> -->
|
|
||||||
<div>
|
<div>
|
||||||
<div>{{ instance.InstanceNumber }}</div>
|
<div>{{ instance.InstanceNumber }}</div>
|
||||||
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
|
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" />
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
|
@ -901,6 +893,18 @@ export default {
|
||||||
border: 1px solid #2c2c2c;
|
border: 1px solid #2c2c2c;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
.frame_list{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #d0d0d0;
|
||||||
|
}
|
||||||
.frame_content{
|
.frame_content{
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
|
@ -67,6 +67,7 @@
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
popper-class="instance_frame_wrapper"
|
popper-class="instance_frame_wrapper"
|
||||||
>
|
>
|
||||||
|
<div class="frame_list">
|
||||||
<div
|
<div
|
||||||
v-for="(instance, idx) in series.instanceInfoList"
|
v-for="(instance, idx) in series.instanceInfoList"
|
||||||
:key="instance.Id"
|
:key="instance.Id"
|
||||||
|
@ -74,21 +75,12 @@
|
||||||
:style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
|
:style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
|
||||||
@click.stop="showMultiFrames(index,series, i, instance)"
|
@click.stop="showMultiFrames(index,series, i, instance)"
|
||||||
>
|
>
|
||||||
<!-- <div>
|
|
||||||
<img
|
|
||||||
class="image-preview"
|
|
||||||
:src="series.previewImageUrl"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
alt=""
|
|
||||||
style="width: 40px;height:40px;"
|
|
||||||
fit="fill"
|
|
||||||
>
|
|
||||||
</div> -->
|
|
||||||
<div>
|
<div>
|
||||||
<div>{{ instance.InstanceNumber }}</div>
|
<div>{{ instance.InstanceNumber }}</div>
|
||||||
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
||||||
</el-popover>
|
</el-popover>
|
||||||
|
@ -1022,6 +1014,18 @@ export default {
|
||||||
border: 1px solid #2c2c2c;
|
border: 1px solid #2c2c2c;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
.frame_list{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #d0d0d0;
|
||||||
|
}
|
||||||
.frame_content{
|
.frame_content{
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
|
@ -67,6 +67,7 @@
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
popper-class="instance_frame_wrapper"
|
popper-class="instance_frame_wrapper"
|
||||||
>
|
>
|
||||||
|
<div class="frame_list">
|
||||||
<div
|
<div
|
||||||
v-for="(instance, idx) in series.instanceInfoList"
|
v-for="(instance, idx) in series.instanceInfoList"
|
||||||
:key="instance.Id"
|
:key="instance.Id"
|
||||||
|
@ -90,6 +91,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;color: #ffeb3b;" />
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
|
@ -954,6 +956,18 @@ export default {
|
||||||
border: 1px solid #2c2c2c;
|
border: 1px solid #2c2c2c;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
.frame_list{
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
}
|
||||||
|
.instance_frame_wrapper ::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #d0d0d0;
|
||||||
|
}
|
||||||
.frame_content{
|
.frame_content{
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
Loading…
Reference in New Issue