| | |
| | | <div class="integral-content-box-right"> |
| | | <div v-show="actionsLeftTab != 1" @wheel.prevent="handleWheel" |
| | | class="integral-content-box-right-nameTab"> |
| | | <div @click="changeActiveName(item.userName)" |
| | | <div v-for="(item, index) in detailData.detailExperimentVOS" @click="changeActiveName(item.userName)" |
| | | :class="activeNameTab == item.userName && 'activeName'" |
| | | class="integral-content-box-right-nameTab-name" |
| | | v-for="{ item, index } in detailData.detailExperimentVOS" :key="index">{{ item.userName }} |
| | | :key="index">{{ item.userName }} |
| | | </div> |
| | | </div> |
| | | <div class="integral-content-box-right-thead"> |
| | |
| | | <div>{{ item.situationOne }}{{ |
| | | actionsLeftTab === 2 ? |
| | | (selectedExperimenter || {})[item.keys[0]] : |
| | | detailData[item.keys[0]] |
| | | detailData.detailEngineerVO[item.keys[0]] |
| | | }}</div> |
| | | <div>{{ item.situationTwo }}{{ |
| | | actionsLeftTab === 2 ? |
| | | (selectedExperimenter || {})[item.keys[1]] : |
| | | detailData[item.keys[1]] |
| | | detailData.detailEngineerVO[item.keys[1]] |
| | | }}</div> |
| | | </div> |
| | | <div>{{ |
| | | actionsLeftTab === 2 ? |
| | | (selectedExperimenter || {})[item.keys[2]] : |
| | | detailData[item.keys[2]] |
| | | detailData.detailEngineerVO[item.keys[2]] |
| | | }}</div> |
| | | <div>{{ |
| | | actionsLeftTab === 2 ? |
| | | (selectedExperimenter || {})[item.keys[3]] : |
| | | detailData[item.keys[3]] |
| | | detailData.detailEngineerVO[item.keys[3]] |
| | | }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | created() { |
| | | getDetailData(this.$route.query.id).then(res => { |
| | | console.log('接口返回数据:', res) |
| | | if(!res.detailExperimentVOS){ |
| | | res.detailExperimentVOS = []; |
| | | } |
| | | this.detailData = res; |
| | | // 确保detailExperimentVOS存在且是数组 |
| | | // this.detailData.detailExperimentVOS = this.detailData.detailExperimentVOS || []; |
| | | if (this.detailData.detailExperimentVOS.length) { |
| | | this.selectedExperimenter = this.detailData.detailExperimentVOS[0]; |
| | | this.activeNameTab = this.selectedExperimenter.userName; |
| | | // 正确判断 detailExperimentVOS 是否有数据 |
| | | if (res.detailExperimentVOS && res.detailExperimentVOS.length) { |
| | | this.selectedExperimenter = res.detailExperimentVOS[0]; |
| | | this.activeNameTab = res.detailExperimentVOS[0].userName; |
| | | } else { |
| | | // 设置空对象保护 |
| | | this.selectedExperimenter = {}; |
| | | this.activeNameTab = ''; |
| | | } |