zy_oyj/jg_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新页面

Browse Source
This commit is contained in:
Esacpe
2026-04-24 11:39:13 +08:00
parent 5766bfaff5
commit a04340605e
12 changed files with 1468 additions and 650 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/violationAlerts/detail.vue
View File

@ -3,7 +3,7 @@
<!-- 顶部导航栏 -->
<div class="nav-bar">
<van-icon name="arrow-left" class="nav-back" @click="goBack" />
<h1 class="nav-title">违章详情</h1>
<h1 class="nav-title">违规任务详情</h1>
<div class="nav-placeholder"></div>
</div>
<!-- 违章信息卡片 -->
@ -48,30 +48,6 @@
</div>
</div>
<!-- 打卡情况 - 执行中和已完成状态显示 -->
<div v-if="allDetail.taskStatus == '1' || allDetail.taskStatus == '2'" class="checkin-card">
<div class="checkin-time-row">
<span class="checkin-date">{{allDetail.clickTime}}</span>
<span class="checkin-type">【定位打卡】</span>
</div>
<div class="checkin-row">
<span class="checkin-label">打卡账号：</span>
<span class="checkin-value">21515800</span>
</div>
<div class="checkin-row checkin-location">
<van-icon name="location" class="location-icon" />
<span>{{allDetail.clickAddress}}</span>
</div>
<!-- 未拦截成功标识 -->
<div v-if="violationId !== '1' && violationId !== '3' && allDetail.taskStatus === '1'" class="intercept-status">
<span v-if="violationId === '6'" class="result-btn" @click="goToResult">处罚结果</span>
<span v-else class="fail-tag">未拦截成功</span>
</div>
</div>
<!-- 卡口预警折叠面板 -->
<van-collapse v-model="activeNames" :border="false" class="alert-collapse">
<van-collapse-item name="1" :border="false">
@ -134,6 +110,30 @@
</van-collapse-item>
</van-collapse>
<!-- 打卡情况 - 执行中和已完成状态显示 -->
<div v-if="allDetail.taskStatus == '1' || allDetail.taskStatus == '2'" class="checkin-card">
<div class="checkin-time-row">
<span class="checkin-date">{{allDetail.clickTime}}</span>
<span class="checkin-type">【定位打卡】</span>
</div>
<div class="checkin-row">
<span class="checkin-label">打卡账号：</span>
<span class="checkin-value">21515800</span>
</div>
<div class="checkin-row checkin-location">
<van-icon name="location" class="location-icon" />
<span>{{allDetail.clickAddress}}</span>
</div>
<!-- 未拦截成功标识 -->
<div v-if="violationId !== '1' && violationId !== '3' && allDetail.taskStatus == '1'" class="intercept-status">
<span v-if="violationId === '6'" class="result-btn" @click="goToResult">处罚结果</span>
<span v-else class="fail-tag">未拦截成功</span>
</div>
</div>
<!-- 底部按钮 - 未执行状态 -->
<div v-if="allDetail.taskStatus == '0'" class="action-bar">
<van-button block round type="primary" class="action-btn" @click="handleCheckIn">定位打卡</van-button>
@ -145,11 +145,11 @@
</div>
<!-- 执行结果弹框 -->
<van-popup v-model:show="showMatchDialog" round class="result-popup">
<van-popup v-model:show="showMatchDialog" round class="result-popup" :style="{ width: '80%' }">
<div class="popup-content">
<h2 class="popup-title">执行结果</h2>
<div class="popup-buttons">
<van-button block round class="popup-btn success" @click="handlePlateMatch(true)">
<van-button block round color="#00bc4a" class="popup-btn success" @click="handlePlateMatch(true)">
<van-icon name="checked" class="btn-icon" />
处罚上报
</van-button>