<template>
|
<div style="height: 100%">
|
<div class="sum-info">
|
<div v-for="item in sumData" class="region-card">
|
<div class="region-tit">{{item[0][0].region}}</div>
|
<div class="unit-card">
|
<div v-for="i in item">
|
<div class="unit-tit">{{i[0].quotaContent}}（{{i[0].quotaUnit}}）</div>
|
<div class="points">
|
<div v-for="t in i" >
|
<span class="point-tit">{{t.point}}</span>
|
<span>{{t.dataReportType == 1 ? '无' : t.secondReferenceResult}}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script lang="ts">
|
import { toRefs, reactive, defineComponent, ref, defineAsyncComponent } from 'vue';
|
import { storeToRefs } from 'pinia';
|
import { initBackEndControlRoutes } from '/@/router/backEnd';
|
import {useUserInfo} from "/@/stores/userInfo";
|
import { Session } from '/@/utils/storage';
|
import { ElMessage } from 'element-plus'
|
import type { FormInstance, FormRules } from 'element-plus'
|
import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
|
|
|
interface stateType {
|
|
}
|
export default defineComponent({
|
name: 'SumData',
|
components: {},
|
props:['sumData'],
|
setup() {
|
const userInfo = useUserInfo()
|
const { userInfos } = storeToRefs(userInfo);
|
return {
|
|
};
|
},
|
});
|
</script>
|
|
<style scoped lang="scss">
|
.home-container {
|
height: 100%;
|
overflow: hidden;
|
position: relative;
|
|
.sum-info{
|
width: 100%;
|
border: 1px solid #ccc;
|
|
.region-card{
|
width: 100%;
|
border-bottom: 1px solid #ccc;
|
display: flex;
|
font-size: 16px;
|
align-items: center;
|
.region-tit{
|
width: 25%;
|
text-align: center;
|
}
|
.unit-card{
|
width: 75%;
|
height: 100%;
|
border-left: 1px solid #ccc;
|
|
&>div{
|
width: 100%;
|
display: flex;
|
align-items: center;
|
border-bottom: 1px solid #ccc;
|
|
&:last-of-type{
|
border-bottom: none;
|
}
|
|
.unit-tit{
|
width: 40%;
|
padding-left: 10px;
|
}
|
.points{
|
width: 60%;
|
height: 100%;
|
border-left: 1px solid #ccc;
|
|
&>div{
|
width: 100%;
|
display: flex;
|
align-items: center;
|
span{
|
text-align: center;
|
width: 50%;
|
}
|
.point-tit{
|
border-right: 1px solid #ccc;
|
padding: 10px;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
.el-row{
|
margin-bottom: 20px;
|
}
|
.el-row:last-child {
|
margin-bottom: 0;
|
}
|
.el-input{
|
width: 100% !important;
|
}
|
.el-date-editor::v-deep{
|
width: 100%;
|
}
|
.el-select{
|
width: 100%;
|
}
|
.el-cascader{
|
width: 100% !important;
|
}
|
}
|
</style>
|
