Skip to content

W
web
Commit 0e773de3 authored by 高滢's avatar 高滢
Browse files
Options

feat(任务概览): 统计

parent 5559fa10
Show whitespace changes
Inline Side-by-side
Showing with 181 additions and 61 deletions
src/views/setting/sample/taskDetails/index.vue
View file @ 0e773de3
...@@ -84,11 +84,11 @@ ...@@ -84,11 +84,11 @@
<div> <div>
<el-tabs v-model="activeName" @tab-click="tabClick"> <el-tabs v-model="activeName" @tab-click="tabClick">
<el-tab-pane label="数据统计" name="dataStatistics"> <el-tab-pane label="数据统计" name="dataStatistics">
<div class="tip-navigation"> <div v-if="dataStatistic.systemExist" class="tip-navigation">
<div class="tip"></div> <div class="tip"></div>
<div class="tip-title">体系审查</div> <div class="tip-title">体系审查</div>
</div> </div>
<el-row :gutter="40"> <el-row v-if="dataStatistic.systemExist" :gutter="40">
<el-col :span="12"> <el-col :span="12">
<div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px"> <div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px">
<el-row class="prograss-title"> 用例维度 </el-row> <el-row class="prograss-title"> 用例维度 </el-row>
...@@ -132,18 +132,26 @@ ...@@ -132,18 +132,26 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemDetails) roundToInt(
dataStatistic.systemDetails,
dataStatistic.systemDetails
)
" "
:format="progressLine" :format="progressLine(dataStatistic.systemDetails)"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemDetailsPassNum) roundToInt(
dataStatistic.systemDetails,
dataStatistic.systemDetailsPassNum
)
"
:format="
progressLine(dataStatistic.systemDetailsPassNum)
" "
:format="progressLine"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -151,9 +159,14 @@ ...@@ -151,9 +159,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemDetailsNoPassNum) roundToInt(
dataStatistic.systemDetails,
dataStatistic.systemDetailsNoPassNum
)
"
:format="
progressLine(dataStatistic.systemDetailsNoPassNum)
" "
:format="progressLine"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -161,9 +174,14 @@ ...@@ -161,9 +174,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemDetailsUnderNum) roundToInt(
dataStatistic.systemDetails,
dataStatistic.systemDetailsUnderNum
)
"
:format="
progressLine(dataStatistic.systemDetailsUnderNum)
" "
:format="progressLine"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -205,7 +223,7 @@ ...@@ -205,7 +223,7 @@
>标准条款通过（个）</span >标准条款通过（个）</span
> >
<span class="line-prograss-title" <span class="line-prograss-title"
>标准条款未通过（个）</span >标准条款未通过（条）</span
> >
<span class="line-prograss-title">审查中（个）</span> <span class="line-prograss-title">审查中（个）</span>
</div> </div>
...@@ -216,18 +234,26 @@ ...@@ -216,18 +234,26 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemStandards) roundToInt(
dataStatistic.systemStandards,
dataStatistic.systemStandards
)
" "
:format="progressLine" :format="progressLine(dataStatistic.systemStandards)"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.systemStandardsPassNum) roundToInt(
dataStatistic.systemStandards,
dataStatistic.systemStandardsPassNum
)
"
:format="
progressLine(dataStatistic.systemStandardsPassNum)
" "
:format="progressLine"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -235,11 +261,14 @@ ...@@ -235,11 +261,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange( roundToInt(
dataStatistic.systemStandards,
dataStatistic.systemStandardsNoPassNum dataStatistic.systemStandardsNoPassNum
) )
" "
:format="progressLine" :format="
progressLine(dataStatistic.systemStandardsNoPassNum)
"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -247,11 +276,14 @@ ...@@ -247,11 +276,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange( roundToInt(
dataStatistic.systemStandards,
dataStatistic.systemStandardsUnderNum dataStatistic.systemStandardsUnderNum
) )
" "
:format="progressLine" :format="
progressLine(dataStatistic.systemStandardsUnderNum)
"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -263,11 +295,11 @@ ...@@ -263,11 +295,11 @@
</el-col> </el-col>
</el-row> </el-row>
<div class="tip-navigation"> <div v-if="dataStatistic.carExist" class="tip-navigation">
<div class="tip"></div> <div class="tip"></div>
<div class="tip-title">车型审查</div> <div class="tip-title">车型审查</div>
</div> </div>
<el-row :gutter="40"> <el-row v-if="dataStatistic.carExist" :gutter="40">
<el-col :span="12"> <el-col :span="12">
<div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px"> <div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px">
<el-row class="prograss-title"> 用例维度 </el-row> <el-row class="prograss-title"> 用例维度 </el-row>
...@@ -308,17 +340,25 @@ ...@@ -308,17 +340,25 @@
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage="percentageChange(dataStatistic.carDetails)" :percentage="
:format="progressLine" roundToInt(
dataStatistic.carDetails,
dataStatistic.carDetails
)
"
:format="progressLine(dataStatistic.carDetails)"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carDetailsPassNum) roundToInt(
dataStatistic.carDetails,
dataStatistic.carDetailsPassNum
)
" "
:format="progressLine" :format="progressLine(dataStatistic.carDetailsPassNum)"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -326,9 +366,14 @@ ...@@ -326,9 +366,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carDetailsNoPassNum) roundToInt(
dataStatistic.carDetails,
dataStatistic.carDetailsNoPassNum
)
"
:format="
progressLine(dataStatistic.carDetailsNoPassNum)
" "
:format="progressLine"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -336,9 +381,12 @@ ...@@ -336,9 +381,12 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carDetailsUnderNum) roundToInt(
dataStatistic.carDetails,
dataStatistic.carDetailsUnderNum
)
" "
:format="progressLine" :format="progressLine(dataStatistic.carDetailsUnderNum)"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -380,7 +428,7 @@ ...@@ -380,7 +428,7 @@
>标准条款通过（个）</span >标准条款通过（个）</span
> >
<span class="line-prograss-title" <span class="line-prograss-title"
>标准条款未通过（个）</span >标准条款未通过（条）</span
> >
<span class="line-prograss-title">审查中（个）</span> <span class="line-prograss-title">审查中（个）</span>
</div> </div>
...@@ -391,18 +439,26 @@ ...@@ -391,18 +439,26 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carStandards) roundToInt(
dataStatistic.carStandards,
dataStatistic.carStandards
)
" "
:format="progressLine" :format="progressLine(dataStatistic.carStandards)"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carStandardsPassNum) roundToInt(
dataStatistic.carStandards,
dataStatistic.carStandardsPassNum
)
"
:format="
progressLine(dataStatistic.carStandardsPassNum)
" "
:format="progressLine"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -410,9 +466,14 @@ ...@@ -410,9 +466,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carStandardsNoPassNum) roundToInt(
dataStatistic.carStandards,
dataStatistic.carStandardsNoPassNum
)
"
:format="
progressLine(dataStatistic.carStandardsNoPassNum)
" "
:format="progressLine"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -420,9 +481,14 @@ ...@@ -420,9 +481,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.carStandardsUnderNum) roundToInt(
dataStatistic.carStandards,
dataStatistic.carStandardsUnderNum
)
"
:format="
progressLine(dataStatistic.carStandardsUnderNum)
" "
:format="progressLine"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -433,11 +499,11 @@ ...@@ -433,11 +499,11 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<div class="tip-navigation"> <div v-if="dataStatistic.testExist" class="tip-navigation">
<div class="tip"></div> <div class="tip"></div>
<div class="tip-title">车型试验</div> <div class="tip-title">车型试验</div>
</div> </div>
<el-row :gutter="40"> <el-row v-if="dataStatistic.testExist" :gutter="40">
<el-col :span="12"> <el-col :span="12">
<div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px"> <div style="border: 1px solid #ebebeb; padding: 24px 0 24px 24px">
<el-row class="prograss-title"> 用例维度 </el-row> <el-row class="prograss-title"> 用例维度 </el-row>
...@@ -477,18 +543,24 @@ ...@@ -477,18 +543,24 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testDetails) roundToInt(
dataStatistic.testDetails,
dataStatistic.testDetails
)
" "
:format="progressLine" :format="progressLine(dataStatistic.testDetails)"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testDetailsPassNum) roundToInt(
dataStatistic.testDetails,
dataStatistic.testDetailsPassNum
)
" "
:format="progressLine" :format="progressLine(dataStatistic.testDetailsPassNum)"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -496,9 +568,14 @@ ...@@ -496,9 +568,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testDetailsNoPassNum) roundToInt(
dataStatistic.testDetails,
dataStatistic.testDetailsNoPassNum
)
"
:format="
progressLine(dataStatistic.testDetailsNoPassNum)
" "
:format="progressLine"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -506,9 +583,14 @@ ...@@ -506,9 +583,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testDetailsUnderNum) roundToInt(
dataStatistic.testDetails,
dataStatistic.testDetailsUnderNum
)
"
:format="
progressLine(dataStatistic.testDetailsUnderNum)
" "
:format="progressLine"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -557,18 +639,28 @@ ...@@ -557,18 +639,28 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testDetailsUnderNum) roundToInt(
dataStatistic.testDetailsUnderNum,
dataStatistic.testDetailsUnderNum
)
"
:format="
progressLine(dataStatistic.testDetailsUnderNum)
" "
:format="progressLine"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
<el-progress <el-progress
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testStandardsPassNum) roundToInt(
dataStatistic.testDetailsUnderNum,
dataStatistic.testStandardsPassNum
)
"
:format="
progressLine(dataStatistic.testStandardsPassNum)
" "
:format="progressLine"
status="success" status="success"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -576,9 +668,14 @@ ...@@ -576,9 +668,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testStandardsNoPassNum) roundToInt(
dataStatistic.testDetailsUnderNum,
dataStatistic.testStandardsNoPassNum
)
"
:format="
progressLine(dataStatistic.testStandardsNoPassNum)
" "
:format="progressLine"
status="warning" status="warning"
text-color="#fff" text-color="#fff"
></el-progress> ></el-progress>
...@@ -586,9 +683,14 @@ ...@@ -586,9 +683,14 @@
:text-inside="true" :text-inside="true"
:stroke-width="16" :stroke-width="16"
:percentage=" :percentage="
percentageChange(dataStatistic.testStandardsUnderNum) roundToInt(
dataStatistic.testDetailsUnderNum,
dataStatistic.testStandardsUnderNum
)
"
:format="
progressLine(dataStatistic.testStandardsUnderNum)
" "
:format="progressLine"
status="exception" status="exception"
color="#f98921" color="#f98921"
text-color="#fff" text-color="#fff"
...@@ -861,13 +963,23 @@ export default { ...@@ -861,13 +963,23 @@ export default {
}, },
methods: { methods: {
dict, dict,
roundToInt(a, b) {
if (a === null) {
a = 0
return 0
}
if (b === null) {
b = 0
}
return Math.round((b / a) * 100)
},
dictValueReturn(item) { dictValueReturn(item) {
if (item === 'sraifv') { if (item === 'sraifv') {
return '汽车信息安全管理体系要求' return '信息安全管理体系要求'
} else if (item === 'grfis') { } else if (item === 'grfis') {
return '汽车信息安全一般要求' return '信息安全一般要求'
} else { } else {
return '汽车信息安全技术要求' return '信息安全技术要求'
} }
}, },
getDataStatistics() { getDataStatistics() {
...@@ -892,8 +1004,16 @@ export default { ...@@ -892,8 +1004,16 @@ export default {
return data.split(',') return data.split(',')
}, },
tabClick() {}, tabClick() {},
progressLine(percentage) { progressLine(data) {
return (percentage = `${percentage}`) if (data) {
return () => {
return data
}
} else {
return () => {
return 0
}
}
}, },
percentageChange(data) { percentageChange(data) {
if (data) { if (data) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment