榆山大屏 党组织类型图标的样式

src/views/modules/sys/partyorgtype.vue

@@ -13,7 +13,23 @@
         <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
         <el-table-column prop="typeName" label="党组织类型" header-align="center" align="center"></el-table-column>
         <el-table-column prop="typeCode" label="党组织类型编码" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="imgUrl" label="图标" header-align="center" align="center"></el-table-column>
+        <el-table-column prop="imgUrl" label="图标"  align="center" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <el-popover placement="right"
+                          title=""
+                          trigger="click"
+                          class="big_image">
+                <el-image slot="reference"
+                          min-width="30"
+                          height="30"
+                          v-if="scope.row.imgUrl"
+                          :src="scope.row.imgUrl"
+                          :alt="scope.row.imgUrl"></el-image>
+                <img class="big_image"
+                     :src="scope.row.imgUrl" />
+              </el-popover>
+            </template>
+        </el-table-column>
         <el-table-column prop="enable" label="是否启用" :formatter="enableFormat" header-align="center" align="center"></el-table-column>
         <el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
@@ -72,3 +88,9 @@ export default {
   }
 }
 </script>
+<style scoped>
+.big_image {
+   width: 40px;
+   height: 40px;
+}
+</style>