wenhongquan 3 years ago
parent
commit
34ee13e3b6

+ 17 - 10
src/views/IncidentDetail/IncidentInfoCard/index.tsx

@@ -71,7 +71,7 @@ export default defineComponent({
         dict: 'zhdd_incident_source' as const,
         class: 'logtext',
         value: (
-          <>
+          <div style="overflow-y: auto;" class="source">
             <div>
               上报时间:
               {store.incidentDetail?.baseInfo?.createTime ?? ''}
@@ -80,19 +80,26 @@ export default defineComponent({
             <div>
               上报人员:{store.incidentDetail?.baseInfo?.createBy ?? ''}
             </div>
+            <div>联系方式:{store.incidentDetail?.baseInfo?.expr1 ?? '-'}</div>
             <div>
-              联系方式:{store.incidentDetail?.baseInfo?.expr1 ?? '-'}
+              上报单位:
+              <span>
+                {commonStore.globalDict['zhdd_org_upload']?.find(
+                  (i) =>
+                    i.dictValue?.toString() ===
+                    (
+                      store.incidentDetail?.baseInfo?.createDept ?? ''
+                    ).toString(),
+                )?.dictLabel ?? '-'}
+              </span>
             </div>
             <div>
-              上报单位:
-              {commonStore.globalDict['zhdd_org_upload']?.find(
-                (i) =>
-                  i.dictValue?.toString() ===
-                  (store.incidentDetail?.baseInfo?.createDept ?? '').toString(),
-              )?.dictLabel ?? '-'}
+              事件描述:
+              <span style="word-break:normal;white-space:pre-wrap;overflow:hidden;">
+                {store.incidentDetail?.baseInfo?.des ?? ''}
+              </span>
             </div>
-            <div>事件描述:{store.incidentDetail?.baseInfo?.des ?? ''}</div>
-          </>
+          </div>
         ),
       },
       // {

+ 4 - 2
src/views/IncidentDetail/index.scss

@@ -227,8 +227,10 @@
                 .logtext {
                     flex-grow: 22 !important;
                     align-items: flex-start !important;
-                    margin-top: px2rem(13px * 2);
-                    ;
+                    margin-top: px2rem(10px * 2);
+                    .source {
+                        height: px2rem(190px * 2);
+                    }
                 }
                 .info-item {
                     display: flex;