-
+
+
+
{{ item.solve_username }}
+
+
{{ item.process_desc }}
+
{{ $moment(item.solved_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}
-
王海涛
-
2023-04-08 09:46:47
+
{{ mapProcessType(item.process_type) }}
-
-
已办结
+
+
+
+
{{ mapStatus(item.status, 'name') }}
-
王海涛
-
2023-04-08 09:46:47
-
-
-
已办结
-
-
-
-
王海涛
-
2023-04-08 09:46:47
-
-
-
已办结
-
-
-
-
王海涛
-
2023-04-08 09:46:47
+
{{ item.solve_username }}
+
{{ $moment(item.solved_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}
@@ -309,8 +323,8 @@
currIndex: 0,
areaList: [],
type: '0',
- info: {},
isShow: false,
+ middleTotalInfo: {},
gridId: '',
gridParentId: 'gr3AePMwAAFWlqlNvfJboAWkRNbnA14A',
chartConfig1: {
@@ -538,6 +552,7 @@
{ prop: 'reporterName', label: '姓名', align: 'center' },
{ prop: 'caseName', label: '事件名称', align: 'left', width: 130 }
],
+ eventInfo: {},
reportHandleList: [],
colConfigs2: [
{ slot: 'index' },
@@ -611,9 +626,8 @@
cursor: 'pointer'
},
on: {
- click: e => {
- this.isShow = true
- console.log(params)
+ click: () => {
+ this.getEventInfo(params.row.orderId, params.row)
}
},
}, '查看>>'
@@ -709,6 +723,18 @@
},
methods: {
+ mapProcessType (status) {
+ return {
+ '1': '创建',
+ '2': '受理',
+ '3': '分配',
+ '4': '转交',
+ '5': '办结',
+ '6': '拒绝',
+ '7': '办理中'
+ }[status]
+ },
+
mapStatus (status, type) {
const index = Number(status)
return [{
@@ -765,6 +791,25 @@
})
},
+ getEventInfo (orderId, info) {
+ this.instance.post(`/api/wxgridinfo/reportInfo`, null, {
+ params: {
+ orderId,
+ corpId: 'wpytYEDgAA5zwi8Ak2mwFh3PwBKwwlWA'
+ }
+ }).then(res => {
+ if (res.code === 0) {
+ this.eventInfo = {
+ ...res.data,
+ typeName: info.type === '1' ? '居民上报' : '巡查上报',
+ status: info.status
+ }
+
+ this.isShow = true
+ }
+ })
+ },
+
onTypeChange (index) {
this.currIndex = index
this.getWxGridReportCata()
@@ -914,6 +959,49 @@
height: 100%;
overflow: hidden;
+ .info-bottom__wrapper {
+ height: 120px;
+ margin-top: 20px;
+ overflow-y: auto;
+ }
+
+ .info-bottom__item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ line-height: 1;
+ margin-bottom: 12px;
+ color: #fff;
+
+ div {
+ flex: 1;
+ margin: 0 18px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-size: 12px;
+ color: #d0e1e8;
+
+ p {
+ margin-bottom: 8px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+
+ i {
+ font-style: normal;
+ font-size: 14px;
+ }
+
+ h4 {
+ font-size: 14px;
+ font-weight: normal;
+ color: #9BB7D4;
+ }
+ }
+
.info-mask {
position: absolute;
left: 0;
@@ -924,13 +1012,6 @@
background: rgba($color: #000000, $alpha: 0.1);
}
- h3 {
- margin-top: 28px;
- font-weight: 600;
- font-size: 16px;
- color: #02FEFF;
- }
-
.info-content {
position: absolute;
top: 50%;
@@ -943,12 +1024,25 @@
background-size: 100% 100%;
transform: translate(-50%, -50%);
+ & > h3 {
+ margin-top: 28px;
+ font-weight: 600;
+ font-size: 16px;
+ color: #02FEFF;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ -webkit-line-clamp: 1;
+ }
+
.info-bottom {
margin-top: 20px;
padding-top: 14px;
- h3 {
- margin-top: 0;
+ & > h3 {
+ font-weight: 600;
+ font-size: 16px;
+ color: #02FEFF;
}
}
@@ -999,7 +1093,7 @@
transform: translateY(-50%);
}
- &:last-child::before {
+ &:nth-of-type(4n)::before {
position: absolute;
top: 38px;
right: -28px;
@@ -1021,7 +1115,7 @@
background: rgba(7, 183, 89, 1);
}
- &:last-child::before {
+ &:nth-of-type(4n)::before {
background: rgba(7, 183, 89, 1);
}
diff --git a/packages/bigscreen/dv/components/DvMap.vue b/packages/bigscreen/dv/components/DvMap.vue
index 5eda7379..b2b16ae1 100644
--- a/packages/bigscreen/dv/components/DvMap.vue
+++ b/packages/bigscreen/dv/components/DvMap.vue
@@ -9,7 +9,7 @@
{{ title }}