changes 修改披露评级页面
This commit is contained in:
parent
693bb2cc57
commit
f0e93a603a
|
@ -4,18 +4,21 @@
|
|||
<h1>中小商企信用评价</h1>
|
||||
<industry v-if="checkValue == 1" />
|
||||
|
||||
<el-card shadow="never" v-for="(item, index) in companyData" :key="index">
|
||||
<el-card shadow="never" v-for="(item, index) in companyData" :key="index" class="card-container">
|
||||
<div class="rate-info">
|
||||
<p style="font-weight: 800;color: rgb(194,44,44);">{{ item.rate_scope }}/{{ item.rate_level }}</p>
|
||||
</div>
|
||||
<el-row align="middle" justify="space-between" style="flex-wrap: nowrap;">
|
||||
<div class="logo">
|
||||
{{ item.company_name.substring(0, 1) }}
|
||||
</div>
|
||||
<el-row>
|
||||
<el-row justify="space-between" style="width:100%">
|
||||
<el-row style="width:100%">
|
||||
<el-row align="middle" style="width:auto">
|
||||
<h5>{{ item.company_name }}</h5>
|
||||
<el-tag style="margin-left: 20px;">{{ item.regStatus }}</el-tag>
|
||||
<el-tag style="margin-left: 10px;">{{ item.regStatus }}</el-tag>
|
||||
</el-row>
|
||||
<p style="font-weight: 800;color: rgb(194,44,44);">{{ item.rate_scope }}/{{ item.rate_level }}</p>
|
||||
|
||||
</el-row>
|
||||
<el-row>
|
||||
<span class="describe">法定代表人:{{ item.legalPersonName }}</span>
|
||||
|
@ -74,6 +77,19 @@ onMounted(fetchData)
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
position: relative; /* 这使得绝对定位的子元素相对于卡片定位 */
|
||||
}
|
||||
|
||||
.rate-info p {
|
||||
position: absolute;
|
||||
top: 20px; /* 调整以适应卡片内的具体位置 */
|
||||
right: 20px; /* 调整以适应卡片内的具体位置 */
|
||||
font-weight: 800;
|
||||
color: rgb(194,44,44);
|
||||
margin: 0; /* 移除默认的margin,因为我们使用绝对定位 */
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 40%;
|
||||
margin: 0px auto;
|
||||
|
@ -85,16 +101,18 @@ onMounted(fetchData)
|
|||
}
|
||||
|
||||
.logo {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-color: rgb(194,44,44);
|
||||
color: #fff;
|
||||
font-size: 26px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
border-radius: 6px;
|
||||
margin-right: 20px;
|
||||
width: 10%; /* 设定为卡片宽度的十分之一 */
|
||||
height: auto; /* 高度自动调整,你可以根据实际需求设置固定值 */
|
||||
min-height: 60px; /* 设置最小高度以确保内容显示 */
|
||||
min-width: 60px; /* 设置最小高度以确保内容显示 */
|
||||
background-color: rgb(194,44,44);
|
||||
color: #fff;
|
||||
font-size: 26px; /* 可能需要调整以适应新的宽度 */
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
line-height: 60px; /* 如果logo高度改变,这里也要相应调整 */
|
||||
border-radius: 6px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.el-card {
|
||||
|
|
Loading…
Reference in New Issue