|
@@ -40,13 +40,13 @@
|
|
|
<el-dialog v-model="resultVisible" title="对比结果" width="70%">
|
|
|
<div v-if="!resultsFlag" class="resultShow">
|
|
|
<el-row class="headerRow">
|
|
|
- <el-col class="col" :span="4" v-for="(agloName, index) in resultsData['agNameList']" :key="index">
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(agloName, index) in resultsData['agNameList']" :key="index">
|
|
|
<span>{{ agloName }}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-col class="col" :span="4" v-for="(RCurveUrl, index) in resultsData['rcureList']" :key="index">
|
|
|
- <div v-if="index !== 1" class="oneCol">{{ RCurveUrl }}</div>
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(RCurveUrl, index) in resultsData['rcureList']" :key="index">
|
|
|
+ <div v-if="index !== 1" :span="4" class="oneCol">{{ RCurveUrl }}</div>
|
|
|
<ImagePreview
|
|
|
class="img"
|
|
|
v-else
|
|
@@ -58,7 +58,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-col class="col" :span="4" v-for="(PCurveUrl, index) in resultsData['pcureList']" :key="index">
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(PCurveUrl, index) in resultsData['pcureList']" :key="index">
|
|
|
<div v-if="index !== 1" class="oneCol">{{ PCurveUrl }}</div>
|
|
|
<ImagePreview
|
|
|
class="img"
|
|
@@ -71,7 +71,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-col class="col" :span="4" v-for="(F1CurveUrl, index) in resultsData['f1cureList']" :key="index">
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(F1CurveUrl, index) in resultsData['f1cureList']" :key="index">
|
|
|
<div v-if="index !== 1" class="oneCol">{{ F1CurveUrl }}</div>
|
|
|
<ImagePreview
|
|
|
class="img"
|
|
@@ -85,14 +85,15 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<div v-if="resultsFlag" class="resultShow">
|
|
|
- <el-row class="row">
|
|
|
- <el-col class="col" :span="4" v-for="(agloName, index) in testResultsData['agNameList']" :key="index">
|
|
|
+ <el-row class="headerRow">
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(agloName, index) in testResultsData['agNameList']" :key="index">
|
|
|
<span>{{ agloName }}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row v-for="(item, index) in testResultsData['resultList']" :key="index">
|
|
|
- <el-col class="col" :span="4" v-for="(url, index1) in item" :key="index1">
|
|
|
- <span>{{ url }}</span>
|
|
|
+ <el-row class="row" v-for="(item, index) in testResultsData['resultList']" :key="index">
|
|
|
+ <el-col class="col" :span="spanNum" v-for="(url, index1) in item" :key="index1">
|
|
|
+ <!-- <span>{{ url }}</span> -->
|
|
|
+ <ImagePreview class="img" :width="100" :height="100" :src="'/api/profile' + url" :preview-src-list="['/api/profile' + url]" />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -135,6 +136,7 @@ const resultVisible = ref(false)
|
|
|
let resultsData = ref({})
|
|
|
let testResultsData = ref({})
|
|
|
let resultsFlag = ref(false)
|
|
|
+let spanNum = ref<number>(4)
|
|
|
let logList = ref()
|
|
|
let logInfo = ref([] as string[])
|
|
|
let taskType = ref()
|
|
@@ -220,6 +222,8 @@ const contrastResults = () => {
|
|
|
console.log('333', res)
|
|
|
resultsFlag.value = true
|
|
|
testResultsData.value = res.data as any
|
|
|
+ const num = testResultsData.value['agNameList'].length
|
|
|
+ spanNum.value = 24 / num <= 4 ? 4 : parseInt(24 / num)
|
|
|
})
|
|
|
break
|
|
|
default:
|
|
@@ -230,6 +234,8 @@ const contrastResults = () => {
|
|
|
const handleResultData = data => {
|
|
|
resultsData.value = data
|
|
|
resultsData.value['agNameList'].unshift('')
|
|
|
+ const num = resultsData.value['agNameList'].length + 1
|
|
|
+ spanNum.value = 24 / num <= 4 ? 4 : parseInt(24 / num)
|
|
|
resultsData.value['rcureList'].unshift('R_curve')
|
|
|
resultsData.value['pcureList'].unshift('P_curve')
|
|
|
resultsData.value['f1cureList'].unshift('F1_curve')
|