zc

src/views/chemicalManage/earlyWarningEvent/infoPage.vue

@@ -36,11 +36,11 @@
           </div>
         </div>
         <div class="text-max-box" v-if="infoData.chemicalWarnType==6">
-          <div class="text-center-box"  >
+          <div class="text-left-box"  >
             <p>操作人：</p>
             <p>{{infoData.operationPerson}}</p>
           </div>
-          <div class="text-right-box">
+          <div class="text-center-box">
             <p>业务类型：</p>
             <p>{{infoData.alarmType}}</p>
           </div>
@@ -63,15 +63,18 @@
         <!--列表 化学品1化学品违规带离。2超时未归还-->
         <div v-if="infoData.chemicalWarnType==1 || infoData.chemicalWarnType==2">
           <div class="text-max-box">
-            <div class="text-center-box">
+            <div class="text-left-box">
               <p style="width:96px;">化学品名称：</p>
-              <p>{{infoData.chemicalName}}</p>
+              <el-tooltip v-if="infoData.chemicalName.length>18" class="item" effect="dark" :content="infoData.chemicalName" placement="top-start">
+                <p>{{infoData.chemicalName}}</p>
+              </el-tooltip>
+              <p v-else>{{infoData.chemicalName}}</p>
             </div>
             <div class="text-center-box">
               <p>编码：</p>
               <p>{{infoData.rfidCode}}</p>
             </div>
-            <div class="text-center-box">
+            <div class="text-right-box">
               <p>规格：</p>
               <p>{{infoData.normsNum}}</p>
             </div>
@@ -341,6 +344,7 @@
             width:390px;
             display: flex;
             padding:16px 0;
+            overflow: hidden;
             p{
               font-size:16px;
               line-height:24px;