diff --git a/src/assets/scss/dataBoard/popup-info.scss b/src/assets/scss/dataBoard/popup-info.scss index 31791fcb3..9b1693eec 100644 --- a/src/assets/scss/dataBoard/popup-info.scss +++ b/src/assets/scss/dataBoard/popup-info.scss @@ -63,4 +63,82 @@ } } } + /deep/.timeline { + margin-top: 15px; + .sucess { + .el-timeline-item__node { + width: 16px; + height: 16px; + background-color: #0c81fe; + border: solid 3px #fff; + box-shadow: 0px 0px 10px 5px #0c81fe; + } + } + .el-timeline-item__node { + width: 16px; + height: 16px; + background: #09176c; + border: 1px solid #007ae7; + border-radius: 50%; + } + .el-timeline-item__tail { + left: 6px; + border-left: 1px solid #6398d1; + } + .status-box { + display: flex; + + .status2 { + width: 66px; + height: 24px; + background: #0c81fe; + border-radius: 10px 0px 10px 0px; + color: #fefefe; + text-align: center; + line-height: 24px; + } + .status1 { + width: 66px; + height: 24px; + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #3d86ff; + line-height: 24px; + } + .timestamp { + width: 121px; + + font-size: 12px; + font-family: Microsoft YaHei; + font-weight: 300; + color: #b5d9ff; + line-height: 32px; + opacity: 0.46; + margin-left: 11px; + } + } + .content { + display: flex; + .field { + width: 80px; + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #b5d9ff; + line-height: 32px; + opacity: 0.76; + text-align: right; + } + .value { + flex: 1; + + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + color: #ffffff; + line-height: 32px; + } + } + } } diff --git a/src/views/dataBoard/cpts/need-details.vue b/src/views/dataBoard/cpts/need-details.vue index 316f8c40c..b9125b044 100644 --- a/src/views/dataBoard/cpts/need-details.vue +++ b/src/views/dataBoard/cpts/need-details.vue @@ -38,39 +38,81 @@
-
-
-
-
项目标题：
-
{{ info.title }}
+ + +
+ + 事件详情 +
-
-
项目方案：
-
{{ info.content }}
+
+
+
项目标题：
+
{{ info.title }}
+
-
-
内部备注：
-
{{ info.remark }}
+
+
+
项目方案：
+
{{ info.content }}
+
-
-
当前处理部门：
-
{{ info.department }}
+
+
+
内部备注：
+
{{ info.remark }}
+
-
-
分类：
-
{{ info.class }}{{ info.sub_class }}
+
+
+
当前处理部门：
+
{{ info.department }}
+
-
-
标签：
-
{{ info.label }}
+
+
+
分类：
+
{{ info.class }}{{ info.sub_class }}
+
-
-
操作：
- +
+
+
标签：
+
{{ info.label }}
+
-
-
-
+
+
+
操作：
+ +
+
+ + +
+ + 处理进展 + +
+ + +
+
{{ item.type }}
+
{{ item.type }}
+
{{ item.date }}
+
+
+
处理部门：
+
{{ item.department }}
+
+
+
说明：
+
{{ item.remark }}
+
+ + + +
@@ -159,22 +201,23 @@ export default { created() {}, data() { return { + progress: [], info: { - grid: '--', - parent_category: '--', - category: '--', - report_type: '--', - report_user_name: '--', - report_time: '--', - report_user_mobile: '--', - demand_user_name: '--', - want_service_time: '--', - content: '--', - server_name: '--', - service_start_time: '--', - service_end_time: '--', - finish_result: '--', - score: '--' + // grid: '--', + // parent_category: '--', + // category: '--', + // report_type: '--', + // report_user_name: '--', + // report_time: '--', + // report_user_mobile: '--', + // demand_user_name: '--', + // want_service_time: '--', + // content: '--', + // server_name: '--', + // service_start_time: '--', + // service_end_time: '--', + // finish_result: '--', + // score: '--' } }; }, @@ -217,8 +260,37 @@ export default { } ); if (code === 0) { - this.info = { ...this.info, ...data[0] }; + if (this.detailType == '政府支撑') { + this.progress = this.info.progress; + + this.progress = [ + { + type: '适', + date: '2023-03-08 16:08:45', + department: '节', + remark: '非片实先只生音或话还种却处也长九整。' + }, + { + type: '取', + date: '2023-03-08 16:08:45', + department: '战', + remark: '给查段义上影再圆认军律矿最影。' + }, + { + type: '处', + date: '2023-03-08 16:08:45', + department: '才', + remark: '才除证线志路对这分收飞气建龙最说。' + }, + { + type: '调', + date: '2023-03-08 16:08:45', + department: '造', + remark: '便以群群数全进更几采许定结前带。' + } + ]; + } console.log(this.info); } else { this.$message.error(msg); @@ -228,6 +300,8 @@ export default { };