干扰源接入问题修改
This commit is contained in:
@@ -1,67 +1,104 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-divider style="" content-position="left">干扰源用户信息</el-divider>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="工程预期投产日期">
|
||||
{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户性质">
|
||||
<div class="details">
|
||||
<el-divider content-position="left">干扰源用户信息</el-divider>
|
||||
<details_item>
|
||||
<template #label>工程预期投产日期</template>
|
||||
<template #content>{{ formatDate(detailData.expectedProductionDate, 'YYYY-MM-DD') }}</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>用户性质</template>
|
||||
<template #content>
|
||||
{{
|
||||
userTypeList.find(item => {
|
||||
return item.value == detailData.userType
|
||||
})?.label
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="所属地市">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>所属地市</template>
|
||||
<template #content>
|
||||
{{ detailData.city }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="归口管理部门">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>归口管理部门</template>
|
||||
<template #content>
|
||||
{{ detailData.responsibleDepartment }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户状态">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>用户状态</template>
|
||||
<template #content>
|
||||
{{
|
||||
userStateList.find(item => {
|
||||
return item.value == detailData.userStatus
|
||||
})?.label
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="变电站">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>变电站</template>
|
||||
<template #content>
|
||||
{{ detailData.substation }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="工程名">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>工程名</template>
|
||||
<template #content>
|
||||
{{ detailData.projectName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户协议容量" v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
<template #label>用户协议容量</template>
|
||||
<template #content>
|
||||
{{ proviteData.agreementCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="电压等级">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>电压等级</template>
|
||||
<template #content>
|
||||
{{
|
||||
voltageLevelList.find(item => {
|
||||
return item.id == detailData.voltageLevel
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="非线性设备类型" v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
<template #label>非线性设备类型</template>
|
||||
<template #content>
|
||||
{{ proviteData.nonlinearDeviceType ? proviteData.nonlinearDeviceType : '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="预测评估单位">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>预测评估单位</template>
|
||||
<template #content>
|
||||
{{ detailData.evaluationDept }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="预测评估结论">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>预测评估结论</template>
|
||||
<template #content>
|
||||
{{ detailData.evaluationConclusion }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="非线性负荷类型"
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
<template #label>非线性负荷类型</template>
|
||||
<template #content>
|
||||
{{ proviteData.nonlinearLoadType }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否需要治理">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>是否需要治理</template>
|
||||
<template #content>
|
||||
<span v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
{{ proviteData.needGovernance == 0 ? '否' : '是' }}
|
||||
</span>
|
||||
@@ -76,8 +113,11 @@
|
||||
{{ proviteData.needGovernance == 0 ? '否' : '是' }}
|
||||
</span>
|
||||
<span v-if="detailData.userType == 6">{{ proviteData.needGovernance == 0 ? '否' : '是' }}</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否开展背景测试">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>是否开展背景测试</template>
|
||||
<template #content>
|
||||
<span v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
{{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
|
||||
</span>
|
||||
@@ -94,92 +134,123 @@
|
||||
<span v-if="detailData.userType == 6">
|
||||
{{ proviteData.backgroundTestPerformed == 0 ? '否' : '是' }}
|
||||
</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否开展抗扰度测试" v-if="detailData.userType == 6">
|
||||
<span>
|
||||
{{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }}
|
||||
</span>
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="PCC点" v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>是否开展抗扰度测试</template>
|
||||
<template #content>
|
||||
{{ proviteData.antiInterferenceTest == 0 ? '否' : '是' }}
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
<template #label>PCC点</template>
|
||||
<template #content>
|
||||
{{ proviteData?.pccPoint }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="PCC供电设备容量"
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
<template #label>PCC供电设备容量</template>
|
||||
<template #content>
|
||||
{{ proviteData.pccEquipmentCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="基准短路容量"
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
<template #label>基准短路容量</template>
|
||||
<template #content>
|
||||
{{ proviteData.baseShortCircuitCapacity }}
|
||||
</el-descriptions-item>
|
||||
{{ proviteData }}
|
||||
<el-descriptions-item label="评估类型" v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
<template #label>评估类型</template>
|
||||
<template #content>
|
||||
{{
|
||||
evaluationTypeList.find(item => {
|
||||
return item.id == proviteData?.evaluationType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="预测评估评审单位" v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
<template #label>预测评估评审单位</template>
|
||||
<template #content>
|
||||
{{ proviteData?.evaluationChekDept }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="系统最小短路容量"
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
<template #label>系统最小短路容量</template>
|
||||
<template #content>
|
||||
{{ proviteData?.minShortCircuitCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="用户用电协议容量"
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item
|
||||
v-if="
|
||||
detailData.userType == '2' ||
|
||||
detailData.userType == '3' ||
|
||||
detailData.userType == '4' ||
|
||||
detailData.userType == '5'
|
||||
"
|
||||
>
|
||||
<template #label>用户用电协议容量</template>
|
||||
<template #content>
|
||||
{{ proviteData?.userAgreementCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="行业" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>行业</template>
|
||||
<template #content>
|
||||
{{
|
||||
industryList.find(item => {
|
||||
return item.id == proviteData.industry
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="敏感装置名称" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>敏感装置名称</template>
|
||||
<template #content>
|
||||
{{ proviteData.deviceName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="供电电源数量" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>供电电源数量</template>
|
||||
<template #content>
|
||||
{{ proviteData.powerSupplyCount }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="敏感电能质量指标" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>敏感电能质量指标</template>
|
||||
<template #content>
|
||||
{{
|
||||
energyQualityIndexList.find(item => {
|
||||
return item.id == proviteData.energyQualityIndex
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="可研报告">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>可研报告</template>
|
||||
<template #content>
|
||||
<span v-if="detailData.userType == 0 || detailData.userType == 1">
|
||||
<el-icon><Link /></el-icon>
|
||||
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
|
||||
@@ -199,90 +270,118 @@
|
||||
<el-icon><Link /></el-icon>
|
||||
<a :href="proviteData.feasibilityReport.url">{{ proviteData.feasibilityReport.name }}</a>
|
||||
</span>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="项目初步设计说明书">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>项目初步设计说明书</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.preliminaryDesignDescription.url">
|
||||
{{ proviteData?.preliminaryDesignDescription.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="预测评估报告">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>预测评估报告</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.predictionEvaluationReport.url">
|
||||
{{ proviteData?.predictionEvaluationReport.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="预测评估评审意见报告">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>预测评估评审意见报告</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.predictionEvaluationReviewOpinions.url">
|
||||
{{ proviteData?.predictionEvaluationReviewOpinions.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
label="用户接入变电站主接线示意图"
|
||||
v-if="detailData.userType != 0 && detailData.userType != 1"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType != 0 && detailData.userType != 1">
|
||||
<template #label>用户接入变电站主接线示意图</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.substationMainWiringDiagram.url">
|
||||
<a :href="proviteData?.substationMainWiringDiagram.url" target="_blank">
|
||||
{{ proviteData?.substationMainWiringDiagram.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="主要敏感设备清单" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>主要敏感设备清单</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.sensitiveDevices.url">{{ proviteData?.sensitiveDevices.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="抗扰度测试报告" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>抗扰度测试报告</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.antiInterferenceReport.url">{{ proviteData?.antiInterferenceReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="背景电能质量测试报告" v-if="detailData.userType == 6">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="detailData.userType == 6">
|
||||
<template #label>背景电能质量测试报告</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.powerQualityReport.url">{{ proviteData?.powerQualityReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="其他附件">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="proviteData?.additionalAttachments.url">
|
||||
<template #label>其他附件</template>
|
||||
<template #content>
|
||||
<el-icon>
|
||||
<Link />
|
||||
</el-icon>
|
||||
<a :href="proviteData?.additionalAttachments.url">{{ proviteData?.additionalAttachments.name }}</a>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
</details_item>
|
||||
<el-divider content-position="left">{{ applyTitle + '填报信息' }}</el-divider>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="填报人">
|
||||
<details_item>
|
||||
<template #label>填报人</template>
|
||||
<template #content>
|
||||
{{ detailData.reporter }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="填报日期">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>填报日期</template>
|
||||
<template #content>
|
||||
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="填报部门">
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item>
|
||||
<template #label>填报部门</template>
|
||||
<template #content>
|
||||
{{ detailData.orgName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
:label="applyTitle + '报告'"
|
||||
v-if="proviteData?.otherReport && proviteData?.otherReport.url"
|
||||
>
|
||||
</template>
|
||||
</details_item>
|
||||
<details_item v-if="proviteData?.otherReport && proviteData?.otherReport.url">
|
||||
<template #label>{{ applyTitle + '报告' }}</template>
|
||||
<template #content>
|
||||
<el-icon><Link /></el-icon>
|
||||
<a :href="proviteData?.otherReport.url">{{ proviteData?.otherReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
</details_item>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, ref, reactive } from 'vue'
|
||||
import { onMounted, ref, reactive, nextTick } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { formatDate } from '@/utils/formatTime'
|
||||
import { propTypes } from '@/utils/propTypes'
|
||||
@@ -292,7 +391,7 @@ import { useDictData } from '@/stores/dictData'
|
||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||
import { Link } from '@element-plus/icons-vue'
|
||||
import { userReportGoNetById } from '@/api/supervision-boot/interfere'
|
||||
|
||||
import details_item from './components/detailsItem.vue'
|
||||
defineOptions({ name: 'BpmUserReportDetail' })
|
||||
|
||||
const { query } = useRoute() // 查询参数
|
||||
@@ -355,8 +454,6 @@ const userStateList = reactive([
|
||||
}
|
||||
])
|
||||
const dictData = useDictData()
|
||||
//字典获取所属地市
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
//字典获取敏感电能质量指标
|
||||
const energyQualityIndexList = dictData.getBasicData('Indicator_Type')
|
||||
//字典获取行业类型
|
||||
@@ -366,7 +463,6 @@ const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||
//字典评估类型
|
||||
const evaluationTypeList = dictData.getBasicData('Evaluation_Type')
|
||||
//字典预测评估单位
|
||||
const evaluationDeptList = dictData.getBasicData('evaluation_dept')
|
||||
/** 获得数据 */
|
||||
const getInfo = async () => {
|
||||
detailLoading.value = true
|
||||
@@ -389,7 +485,6 @@ const getProviteData = async () => {
|
||||
proviteData.value = detailData.value.userReportProjectPO
|
||||
//查询非线性设备类型
|
||||
await getDictTreeById(proviteData.value.nonlinearDeviceType).then(res => {
|
||||
console.log(res, '==========')
|
||||
proviteData.value.nonlinearDeviceType = res.data?.name
|
||||
})
|
||||
} else if (
|
||||
@@ -401,14 +496,12 @@ const getProviteData = async () => {
|
||||
proviteData.value = detailData.value.userReportSubstationPO
|
||||
//查询非线性负荷类型
|
||||
await getDictTreeById(proviteData.value.nonlinearLoadType).then(res => {
|
||||
console.log(res, '==========')
|
||||
proviteData.value.nonlinearLoadType = res.data?.name
|
||||
})
|
||||
} else {
|
||||
proviteData.value = detailData.value.userReportSensitivePO
|
||||
}
|
||||
proviteData.value.otherReport = detailData.value.otherReport
|
||||
console.log(proviteData.value, '++++++++++++proviteData.evaluationType')
|
||||
//可研报告
|
||||
if (proviteData.value.feasibilityReport) {
|
||||
await getFileNamePath(proviteData.value.feasibilityReport, 'feasibilityReport')
|
||||
@@ -461,7 +554,6 @@ const getProviteData = async () => {
|
||||
//根据文件名请求
|
||||
const getFileNamePath = async (val: any, pathName: any) => {
|
||||
await getFileNameAndFilePath({ filePath: val }).then(res => {
|
||||
console.log(111111111)
|
||||
if (res.data && res.data.name && res.data.url) {
|
||||
//可研报告
|
||||
if (pathName == 'feasibilityReport' && proviteData.value.feasibilityReport) {
|
||||
@@ -540,22 +632,22 @@ const getFileNamePath = async (val: any, pathName: any) => {
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({ open: getInfo }) // 提供 open 方法,用于打开弹窗
|
||||
|
||||
defineExpose({ open: getInfo }) // 提供 open 方法,用于打开弹窗
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getInfo()
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.default-main {
|
||||
// height: calc(100vh - 100px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
::v-deep.el-icon svg {
|
||||
margin: 5px !important;
|
||||
position: absolute !important;
|
||||
top: 20px !important;
|
||||
}
|
||||
.details {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user