fix: 自建台站非sample类型的谱不允许使用Update功能

This commit is contained in:
Xu Zhimeng 2024-08-07 11:39:01 +08:00
parent 6803f4936a
commit 1ee1a830de

View File

@ -24,17 +24,26 @@
v-model="roiParamList[index][0]" v-model="roiParamList[index][0]"
class="spectrum-analysis-sub-operators-roi-input" class="spectrum-analysis-sub-operators-roi-input"
placeholder="Beta1" placeholder="Beta1"
:disabled="spectraType !== 'sample'"
/> />
<a-input class="spectrum-analysis-sub-operators-roi-split site-input-split" placeholder="," disabled /> <span class="spectrum-analysis-sub-operators-roi-split">,</span>
<a-input <a-input
type="number" type="number"
v-model="roiParamList[index][1]" v-model="roiParamList[index][1]"
class="spectrum-analysis-sub-operators-roi-input site-input-right" class="spectrum-analysis-sub-operators-roi-input"
placeholder="Beta2" placeholder="Beta2"
:disabled="spectraType !== 'sample'"
/> />
</a-input-group> </a-input-group>
</div> </div>
<div class="spectrum-analysis-sub-operators-button" @click="handleUpdate">Update</div> <a-button
type="primary"
class="spectrum-analysis-sub-operators-button"
:disabled="spectraType !== 'sample'"
@click="handleUpdate"
>
Update
</a-button>
</div> </div>
<!-- 二级交互栏结束 --> <!-- 二级交互栏结束 -->
@ -472,9 +481,14 @@ export default {
const currSampleDetail = this.sampleDetail[this.spectraType] const currSampleDetail = this.sampleDetail[this.spectraType]
if (!currSampleDetail) { if (!currSampleDetail) {
this.$message.warning(`No ${this.spectraType} spectrum file!`) this.$message.warning(`No ${this.spectraType} spectrum file!`)
this.$nextTick(() => {
this.spectraType = this.prevSpectraType
})
return return
} }
this.prevSpectraType = val
if (val == 'sample') { if (val == 'sample') {
this.currSpectrum = 'Sample' this.currSpectrum = 'Sample'
this.ROIAnalyzeLists = this.sampleDetail.ROIAnalyzeLists this.ROIAnalyzeLists = this.sampleDetail.ROIAnalyzeLists
@ -702,6 +716,7 @@ export default {
overflow: auto; overflow: auto;
height: 46px; height: 46px;
align-items: center; align-items: center;
font-family: Microsoft Yahei;
.pop-over-with-icon { .pop-over-with-icon {
height: 32px; height: 32px;
@ -718,39 +733,30 @@ export default {
&-roi { &-roi {
display: flex; display: flex;
align-items: center;
&-name { &-name {
padding: 5px 10px; padding: 5px 10px;
} }
::v-deep { .ant-input-group {
.ant-input-group { display: flex;
display: flex; background-color: #04414d;
} border: solid 1px #0b8c82;
} }
&-input { &-input {
width: 80px; width: 80px;
text-align: center; text-align: center;
} border: 0;
background: transparent;
&-input:not(.site-input-right) {
border-right: 0;
}
&-input.site-input-right {
border-left: 0;
} }
&-split { &-split {
width: 5px; width: 5px;
padding: 0;
border-left: 0;
border-right: 0;
pointer-events: none;
background-color: #03353f;
} }
} }
&-button { &-button {
text-align: center; text-align: center;
height: 32px; height: 32px;
@ -759,8 +765,13 @@ export default {
padding: 0 10px; padding: 0 10px;
font-size: 16px; font-size: 16px;
margin-left: 16px; margin-left: 16px;
background-color: #406979;
cursor: pointer; cursor: pointer;
&[disabled] {
color: #fff;
background-color: #1397a3;
cursor: not-allowed;
}
} }
} }