supervision
/
supervision-vue
4
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

灵敏感知大屏

main
kami 1 year ago
parent
df708a423d
commit
f95b1f7f05
3 changed files with 82 additions and 66 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      src/api/data/risk.ts
  2. 1
      src/style/datav.scss
  3. 129
      src/views/datav/Lmgz.vue

18
src/api/data/risk.ts
Unescape View File

@ -78,4 +78,22 @@ export function policeLeaderNegativeStatistics() {
}); });
} }
// *******************************************
export function areaRateStatistics() {
return request.get({
url: `/datav/risk/area/rate/statistics`
});
}
export function orgRateStatistics() {
return request.get({
url: `/datav/risk/org/rate/statistics`
});
}
export function orgCarRateStatistics() {
return request.get({
url: `/datav/risk/org/car/rate/statistics`
});
}

1
src/style/datav.scss
Unescape View File

@ -9,7 +9,6 @@
.col { .col {
--label-width: 66px; --label-width: 66px;
label { label {
color: #5574E1; color: #5574E1;
text-align: left; text-align: left;

129
src/views/datav/Lmgz.vue
Unescape View File

@ -57,7 +57,7 @@
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="areaRiskList" :data="areaRiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -67,17 +67,17 @@
<datav-chart-bar <datav-chart-bar
:data="areaNegativeList" :data="areaNegativeList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题发生率" name="2"> <datav-tab-item label="问题发生率" name="3">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="jsdwBarList" :data="areaRateList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -90,31 +90,31 @@
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="风险值" name="4">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="pcsRiskList" :data="pcsRiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="问题数" name="5">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="orgNegativeList" :data="orgNegativeList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题发生率" name="2"> <datav-tab-item label="问题发生率" name="6">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="jsdwBarList" :data="orgRateList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -127,31 +127,31 @@
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="风险值" name="7">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="carRiskList" :data="carRiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="问题数" name="8">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="orgCarNegativeList" :data="orgCarNegativeList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题发生率" name="2"> <datav-tab-item label="问题发生率" name="9">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="jsdwBarList" :data="orgCarRateList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -167,31 +167,21 @@
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="风险值" name="10">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="policeARiskList" :data="policeARiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="问题数" name="11">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="policeANegativeList" :data="policeANegativeList"
:max="11" :max="11"
size="large" size="small"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="问题发生率" name="2">
<el-scrollbar height="200px">
<datav-chart-bar
:data="jsdwBarList"
:max="11"
size="large"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -204,31 +194,21 @@
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="风险值" name="12">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="policeBRiskList" :data="policeBRiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="问题数" name="13">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="policeBNegativeList" :data="policeBNegativeList"
:max="11" :max="11"
size="large" size="small"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="问题发生率" name="2">
<el-scrollbar height="200px">
<datav-chart-bar
:data="jsdwBarList"
:max="11"
size="large"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -241,31 +221,21 @@
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="风险值" name="14">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="leaderNegativeList" :data="leaderRiskList"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="问题数" name="15">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar <datav-chart-bar
:data="jsdwBarList" :data="leaderNegativeList"
:max="11"
size="large"
:color="colors"
/>
</el-scrollbar>
</datav-tab-item>
<datav-tab-item label="问题发生率" name="2">
<el-scrollbar height="200px">
<datav-chart-bar
:data="jsdwBarList"
:max="11" :max="11"
size="large" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
@ -292,7 +262,10 @@ import {
orgCarNegativeStatistics, orgCarNegativeStatistics,
policeANegativeStatistics, policeANegativeStatistics,
policeBNegativeStatistics, policeBNegativeStatistics,
policeLeaderNegativeStatistics policeLeaderNegativeStatistics,
areaRateStatistics,
orgRateStatistics,
orgCarRateStatistics
} from '@/api/data/risk'; } from '@/api/data/risk';
@ -317,6 +290,10 @@ let policeANegativeList = ref([])
let policeBNegativeList = ref([]) let policeBNegativeList = ref([])
let leaderNegativeList = ref([]) let leaderNegativeList = ref([])
let areaRateList = ref([])
let orgRateList = ref([])
let orgCarRateList = ref([])
onMounted(() => { onMounted(() => {
getTotalData(); getTotalData();
getAreaRiskData(); getAreaRiskData();
@ -331,6 +308,9 @@ onMounted(() => {
getAreaNegativeData(); getAreaNegativeData();
getCarOrgNegativeData(); getCarOrgNegativeData();
getOrgNegativeData(); getOrgNegativeData();
getAreaRateData();
getOrgRateData();
getCarOrgRateData();
}); });
const getTotalData = () => { const getTotalData = () => {
@ -414,6 +394,25 @@ const getLeaderNegativeData = () => {
}) })
} }
const getAreaRateData = () => {
areaRateStatistics().then(res => {
areaRateList.value = eachData(res)
})
}
const getOrgRateData = () => {
orgRateStatistics().then(res => {
orgRateList.value = eachData(res)
})
}
const getCarOrgRateData = () => {
orgCarRateStatistics().then(res => {
orgCarRateList.value = eachData(res)
})
}
const eachData = (data) => { const eachData = (data) => {
let arr = [] let arr = []
data.forEach(item => { data.forEach(item => {
@ -435,7 +434,7 @@ const colors = [
percentage: 60, percentage: 60,
}, },
{ {
color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)", color: "linear-gradient( 270deg, #63E7AA 0%, #19674C 100%)",
percentage: 40, percentage: 40,
}, },
]; ];

Write Preview
Loading…
Cancel
Save