-
- 企业名称
- {{ item.enterpriseName || '-' }}
-
-
- 检查时间
- {{ item.planDate || '-' }}
-
-
- 执法事项
- {{ item.enforceContent || '-' }}
-
+
+
+
+
+
+
待执行任务
+
+
+
{{ item.planDate || '-' }}
+
+
+
@@ -66,6 +68,33 @@ const goBack = () => {
router.back();
};
+// ========== 格式化时间 ==========
+const formatTime = (val) => {
+ if (!val) return '';
+ const d = new Date(typeof val === 'string' ? val.replace(/-/g, '/') : val);
+ if (isNaN(d.getTime())) return val;
+ const y = d.getFullYear();
+ const m = String(d.getMonth() + 1).padStart(2, '0');
+ const day = String(d.getDate()).padStart(2, '0');
+ const h = String(d.getHours()).padStart(2, '0');
+ const mi = String(d.getMinutes()).padStart(2, '0');
+ return `${y}-${m}-${day} ${h}:${mi}`;
+};
+
+// ========== 跳转详情 ==========
+const toDetail = (item) => {
+ if (!item.planDate) return;
+ const d = new Date(item.planDate);
+ router.push({
+ path: '/enforcement/task',
+ query: {
+ year: String(d.getFullYear()),
+ month: String(d.getMonth() + 1),
+ day: String(d.getDate()),
+ }
+ });
+};
+
const fetchTaskList = () => {
loading.value = true;
const params = {
@@ -157,69 +186,98 @@ onMounted(() => {
display: flex;
flex-direction: column;
height: 100%;
- background: #fbfdff;
-}
+ background-color: #fbfdff;
-.content-area {
- flex: 1;
- overflow-y: auto;
- padding: 12px;
- padding-top: 0px;
+ .content-area {
+ flex: 1;
+ overflow-y: auto;
+ padding: 0.27rem;
+ }
}
+/* ===== 列表项样式 ===== */
.task-item {
- margin-bottom: 16px;
+ background: #fff;
+ border-radius: 0.2rem;
+ padding:6px 10px;
+ margin-bottom: 0.27rem;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
-.task-time {
- font-size: 12px;
- color: #999;
- margin-bottom: 8px;
- padding-left: 8px;
+.item-title-row {
+ display: flex;
+ // align-items: center;
+ margin-bottom: 0.2rem;
+ .item-content{
+ width: 240px;
+ }
}
-.task-card {
- background: #fff;
- border-radius: 12px;
- padding: 12px 16px;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-}
+.item-icon {
+ width: 0.5rem;
+ height: 0.5rem;
+ min-width: 0.5rem;
+ margin-right: 0.15rem;
+ color: #2d94fa;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
-.card-header {
- margin-bottom: 8px;
+ svg {
+ width: 100%;
+ height: 100%;
+ }
+
+ .unread-dot {
+ position: absolute;
+ top: -0.05rem;
+ right: -0.05rem;
+ width: 0.12rem;
+ height: 0.12rem;
+ min-width: 0.12rem;
+ background-color: #ee0a24;
+ border-radius: 50%;
+ }
}
-.task-type {
+.item-title {
+ flex: 1;
font-size: 14px;
- font-weight: 600;
- color: #333;
- padding: 8px 0;
+ font-weight: bold;
+ color: #1a1a1a;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.item-footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
}
-.card-body {
- padding-left: 4px;
+.item-time {
+ font-size: 0.3rem;
+ color: #ccc;
}
-.task-row {
+.item-action {
+ font-size: 0.3rem;
+ color: #999;
display: flex;
align-items: center;
- margin-bottom: 10px;
- &:last-child {
- margin-bottom: 0;
+ :deep(.van-icon) {
+ font-size: 0.28rem;
+ margin-left: 0.05rem;
}
}
-
-.task-label {
- font-size: 13px;
- color: #666;
- min-width: 60px;
- flex-shrink: 0;
-}
-
-.task-value {
- font-size: 13px;
- color: #333;
- flex: 1;
+.info-row{
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ color: #999;
+ height: 24px;
}
diff --git a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/my/plan/cp_plan_edit.vue b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/my/plan/cp_plan_edit.vue
index 85864092..0c7208b5 100644
--- a/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/my/plan/cp_plan_edit.vue
+++ b/zdxt-web-client/zdxt-efcode-enforcement-app/src/views/enforcement/my/plan/cp_plan_edit.vue
@@ -1,11 +1,11 @@