风险评估添加提示

src/views/risk/plan/ledgerdata.vue

@@ -10,13 +10,18 @@
       <el-descriptions-item label="所属项目">{{
         InfoList.detailsDto.projectName
       }}</el-descriptions-item>
-      <el-descriptions-item label="所属楼栋" >
-      <!-- {{InfoList.detailsDto.buildingNames}} -->
-      <template>
-        <div v-for="(buildingName, index) in InfoList.detailsDto.buildingNames.split(',')" :key="index">
-          {{buildingName}}
-        </div>
-      </template>
+      <el-descriptions-item label="所属楼栋">
+        <!-- {{InfoList.detailsDto.buildingNames}} -->
+        <template>
+          <div
+            v-for="(
+              buildingName, index
+            ) in InfoList.detailsDto.buildingNames.split(',')"
+            :key="index"
+          >
+            {{ buildingName }}
+          </div>
+        </template>
       </el-descriptions-item>
       <el-descriptions-item label="所属单位">{{
         InfoList.detailsDto.deptName
@@ -112,13 +117,60 @@
                 align="center"
                 prop="level"
               />
-              <el-table-column label="风险因素" align="center" prop="factor" />
-              <el-table-column label="准事故类型" align="center" prop="type" />
+              <el-table-column label="风险因素" align="center" prop="factor" >
+                <template slot-scope="scope">
+                  <el-popover
+                    placement="top-start"
+                    title="风险因素"
+                    width="200"
+                    trigger="hover"
+                    :content="scope.row.factor"
+                  >
+                    <span slot="reference">{{
+                      scope.row.factor.length > 10
+                        ? scope.row.factor.substring(0, 10) + "..."
+                        : scope.row.factor
+                    }}</span>
+                  </el-popover>
+                </template>
+              </el-table-column>
+              <el-table-column label="准事故类型" align="center" prop="type">
+                <template slot-scope="scope">
+                  <el-popover
+                    placement="top-start"
+                    title="准事故类型"
+                    width="200"
+                    trigger="hover"
+                    :content="scope.row.type"
+                  >
+                    <span slot="reference">{{
+                      scope.row.type.length > 10
+                        ? scope.row.type.substring(0, 10) + "..."
+                        : scope.row.type
+                    }}</span>
+                  </el-popover>
+                </template>
+              </el-table-column>
               <el-table-column
                 label="存在部位"
                 align="center"
                 prop="presenceLocation"
-              />
+              > <template slot-scope="scope">
+                  <el-popover
+                    placement="top-start"
+                    title="存在部位"
+                    width="200"
+                    trigger="hover"
+                    :content="scope.row.presenceLocation"
+                  >
+                    <span slot="reference">{{
+                      scope.row.presenceLocation.length > 10
+                        ? scope.row.presenceLocation.substring(0, 10) + "..."
+                        : scope.row.presenceLocation
+                    }}</span>
+                  </el-popover>
+                </template>
+              </el-table-column></el-table-column>
               <el-table-column label="操作" align="center" prop="describe">
                 <template slot-scope="scope">
                   <div>
@@ -136,10 +188,14 @@
                       @click="showDrawCanvas(scope.row.floorId)"
                       >查看四色图</el-button
                     >
-                    <router-link :to="'/risk/plan/inherentdata/index/' + scope.row.id" class="link-type">
-                      <el-button size="mini" type="text" icon="el-icon-view">详情</el-button>
+                    <router-link
+                      :to="'/risk/plan/inherentdata/index/' + scope.row.id"
+                      class="link-type"
+                    >
+                      <el-button size="mini" type="text" icon="el-icon-view"
+                        >详情</el-button
+                      >
                     </router-link>
-
                   </div>
                 </template>
               </el-table-column>