69 lines
1.9 KiB
Vue
69 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<div class="roi-param-container">
|
||
|
|
<div class="roi-param-container-roi">
|
||
|
|
<div class="roi-param-container-roi-label">ROI1</div>
|
||
|
|
<div class="roi-param-container-roi-item">
|
||
|
|
<div style="text-align: center">Beta</div>
|
||
|
|
<a-input :value="roiParam.ROIOneStart" style="margin: 15px 0 20px" />
|
||
|
|
<a-input :value="roiParam.ROIOneStop" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="roi-param-container-roi">
|
||
|
|
<div class="roi-param-container-roi-label">ROI2</div>
|
||
|
|
<div class="roi-param-container-roi-item">
|
||
|
|
<div style="text-align: center">Beta</div>
|
||
|
|
<a-input :value="roiParam.ROITwoStart" style="margin: 15px 0 20px" />
|
||
|
|
<a-input :value="roiParam.ROITwoStop" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="roi-param-container-roi">
|
||
|
|
<div class="roi-param-container-roi-label">ROI3</div>
|
||
|
|
<div class="roi-param-container-roi-item">
|
||
|
|
<div style="text-align: center">Beta</div>
|
||
|
|
<a-input :value="roiParam.ROIThreeStart" style="margin: 15px 0 20px" />
|
||
|
|
<a-input :value="roiParam.ROIThreeStop" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="roi-param-container-roi">
|
||
|
|
<div class="roi-param-container-roi-label">ROI4</div>
|
||
|
|
<div class="roi-param-container-roi-item">
|
||
|
|
<div style="text-align: center">Beta</div>
|
||
|
|
<a-input :value="roiParam.ROIFourStart" style="margin: 15px 0 20px" />
|
||
|
|
<a-input :value="roiParam.ROIFourStop" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
roiParam: {
|
||
|
|
type: Object,
|
||
|
|
default: () => {},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.roi-param-container {
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
gap: 12px;
|
||
|
|
&-roi {
|
||
|
|
flex: 1;
|
||
|
|
// background: #0ff;
|
||
|
|
display: flex;
|
||
|
|
// align-items: center;
|
||
|
|
gap: 10px;
|
||
|
|
&-label {
|
||
|
|
width: 60px;
|
||
|
|
line-height: 160px;
|
||
|
|
}
|
||
|
|
&--item {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|