|
|
|
@ -29,33 +29,33 @@ |
|
|
|
</van-swipe-item> |
|
|
|
</van-swipe> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 执法监督码卡片 --> |
|
|
|
<div class="supervision-card" @click="showEnterpriseQRCode"> |
|
|
|
<div class="card-title">执法监督码</div> |
|
|
|
<div class="qr-icon-wrap"> |
|
|
|
<img src="@/assets/images/icon_jdm.jpg" class="qr-image" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 双卡片行 --> |
|
|
|
<div class="card-row"> |
|
|
|
<!-- 历史执法信息 --> |
|
|
|
<div class="info-card" @click="toEnforcementRegistrationListView"> |
|
|
|
<div class="card-title">历史执法信息</div> |
|
|
|
<div class="service-title">主要服务</div> |
|
|
|
<div class="service-card-container"> |
|
|
|
<div class="supervision-card" @click="showEnterpriseQRCode"> |
|
|
|
<div class="card-icon"> |
|
|
|
<img src="@/assets/images/icon_zfxx.jpg" class="card-icon-img" alt="" /> |
|
|
|
<img src="../../../assets/images/law_text.png" class="card-icon-img" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 执法案件信息 --> |
|
|
|
<div class="info-card info-enforce" @click="toEnforcementCaseInfoView"> |
|
|
|
<div class="card-title">执法案件信息</div> |
|
|
|
<div class="card-icon"> |
|
|
|
<img src="@/assets/images/icon_ajxx.jpg" class="card-icon-img" alt="" /> |
|
|
|
<!-- 双卡片行 --> |
|
|
|
<div class="card-row"> |
|
|
|
<!-- 历史执法信息 --> |
|
|
|
<div class="info-card" @click="toEnforcementRegistrationListView"> |
|
|
|
<div class="card-icon"> |
|
|
|
<img src="../../../assets/images/hist_text.png" class="card-icon-img" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 执法案件信息 --> |
|
|
|
<div class="info-card info-enforce" @click="toEnforcementCaseInfoView"> |
|
|
|
<div class="card-icon"> |
|
|
|
<img src="../../../assets/images/case_text.png" class="card-icon-img" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 执法监督码卡片 --> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 底部导航栏 --> |
|
|
|
@ -89,7 +89,7 @@ const onBannerClick = (item) => { |
|
|
|
|
|
|
|
// 调用轮播图接口并填充 bannerList、兼容多种字段名 |
|
|
|
const fetchBannerList = () => { |
|
|
|
getCarouselBannerList({ target_platform:'1' }, (res) => { |
|
|
|
getCarouselBannerList({ target_platform: '1' }, (res) => { |
|
|
|
const rows = res?.rows || res?.data?.rows || res?.data || []; |
|
|
|
if (!Array.isArray(rows)) return; |
|
|
|
bannerList.value = rows.map(item => ({ |
|
|
|
@ -314,7 +314,7 @@ onMounted(() => { |
|
|
|
flex-direction: column; |
|
|
|
height: 100%; |
|
|
|
overflow: hidden; |
|
|
|
background: #fbfdff; |
|
|
|
background: #fbfdff; |
|
|
|
} |
|
|
|
|
|
|
|
/* ===== 顶部蓝色背景区域 ===== */ |
|
|
|
@ -441,91 +441,78 @@ onMounted(() => { |
|
|
|
background: rgba(255, 255, 255, 0.9); |
|
|
|
} |
|
|
|
|
|
|
|
.service-title { |
|
|
|
font-size: 16px; |
|
|
|
color: #000; |
|
|
|
margin-bottom: 14px; |
|
|
|
margin-top: 14px; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
|
|
|
|
.service-card-container { |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
|
|
|
|
/* 执法监督码卡片 */ |
|
|
|
.supervision-card { |
|
|
|
background: url('../../../assets/images/bg_jdm.jpg') center center no-repeat, linear-gradient(180deg, #7cc5fe 0%, #fff 100%); |
|
|
|
background: url('../../../assets/images/law_enf_code.png') center center no-repeat, linear-gradient(180deg, #7cc5fe 0%, #fff 100%); |
|
|
|
background-size: 100% 100%; |
|
|
|
border-radius: 16px; |
|
|
|
padding: 10px; |
|
|
|
padding: 8px 16px; |
|
|
|
margin-bottom: 14px; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); |
|
|
|
height: 120px; |
|
|
|
|
|
|
|
.card-title { |
|
|
|
font-size: 16px; |
|
|
|
color: #000; |
|
|
|
// font-weight: 600; |
|
|
|
margin-bottom: 6px; |
|
|
|
margin-top: 6px; |
|
|
|
} |
|
|
|
|
|
|
|
.qr-icon-wrap { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-start; |
|
|
|
} |
|
|
|
|
|
|
|
.qr-image { |
|
|
|
width: 100px; |
|
|
|
// height: 100px; |
|
|
|
object-fit: contain; |
|
|
|
border-radius: 40px; |
|
|
|
height: 200px; |
|
|
|
width: 171px; |
|
|
|
box-sizing: border-box; |
|
|
|
.card-icon { |
|
|
|
width: 134px; |
|
|
|
height: 42px; |
|
|
|
margin-top: 4px; |
|
|
|
.card-icon-img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 双卡片行 */ |
|
|
|
.card-row { |
|
|
|
display: flex; |
|
|
|
gap: 12px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
.card-row {} |
|
|
|
|
|
|
|
.info-card { |
|
|
|
flex: 1; |
|
|
|
border-radius: 16px; |
|
|
|
padding: 8px 16px; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
min-height: 100px; |
|
|
|
height: 96px; |
|
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); |
|
|
|
background: url('../../../assets/images/bg_zfxx.png') center center no-repeat, linear-gradient(180deg, #bbecfd 0%, #fff 100%); |
|
|
|
background: url('../../../assets/images/hist_law_casses.png') center center no-repeat, linear-gradient(180deg, #bbecfd 0%, #fff 100%); |
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
|
|
.card-title { |
|
|
|
font-size: 14px; |
|
|
|
color: #000; |
|
|
|
margin-bottom: 4px; |
|
|
|
margin-top: 4px; |
|
|
|
position: relative; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
width: 171px; |
|
|
|
box-sizing: border-box; |
|
|
|
.card-icon { |
|
|
|
width: 60px; |
|
|
|
height: 40px; |
|
|
|
// border-radius: 20px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
margin-top: 12px; |
|
|
|
|
|
|
|
width: 92px; |
|
|
|
height: 42px; |
|
|
|
margin-top: 4px; |
|
|
|
.card-icon-img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 50px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.info-enforce { |
|
|
|
background: url('../../../assets/images/bg_ajxx.png') center center no-repeat, linear-gradient(180deg, #a6d1f9 0%, #fff 100%); |
|
|
|
background: url('../../../assets/images/case_information.png') center center no-repeat, linear-gradient(180deg, #a6d1f9 0%, #fff 100%); |
|
|
|
background-size: 100% 100%; |
|
|
|
width: 171px; |
|
|
|
box-sizing: border-box; |
|
|
|
margin-top: 6px; |
|
|
|
} |
|
|
|
|
|
|
|
/* ===== 底部导航 ===== */ |
|
|
|
.footer_body { |
|
|
|
flex-shrink: 0; |
|
|
|
|
