feat: 抽奖增加用户头像显示

src/views/Config/Person/PersonAll.vue

@@ -87,6 +87,13 @@ const tableColumns = [
         label: '姓名',
         props: 'name',
     },
+    {
+        label: '头像',
+        props: 'avatar',
+        formatValue(row: any) {
+            return row.avatar ? `<img src="${row.avatar}" alt="avatar" style="width: 50px; height: 50px;"/>` : '-';
+        }
+    },
     {
         label: '部门',
         props: 'department',

src/views/Config/Person/PersonAlready.vue

@@ -33,6 +33,13 @@ const tableColumnsList = [
         label: '姓名',
         props: 'name',
     },
+    {
+        label: '头像',
+        props: 'avatar',
+        formatValue(row: any) {
+            return row.avatar ? `<img src="${row.avatar}" alt="avatar" style="width: 50px; height: 50px;"/>` : '-';
+        }
+    },
     {
         label: '部门',
         props: 'department',
@@ -69,6 +76,13 @@ const tableColumnsDetail = [
         label: '姓名',
         props: 'name',
     },
+    {
+        label: '头像',
+        props: 'avatar',
+        formatValue(row: any) {
+            return row.avatar ? `<img src="${row.avatar}" alt="avatar" style="width: 50px; height: 50px;"/>` : '-';
+        }
+    },
     {
         label: '部门',
         props: 'department',

src/views/Home/index.vue

@@ -131,6 +131,16 @@ const init = () => {
         detail.innerHTML = `${tableData.value[i].department}<br/>${tableData.value[i].identity}`;
         element.appendChild(detail);
 
+        const avatar = document.createElement('div');
+        avatar.className = 'card-avatar';
+        const img = document.createElement('img');
+        img.src = tableData.value[i].avatar;
+        img.alt = 'avatar';
+        img.style.width = '140px';
+        img.style.height = '140px';
+        avatar.appendChild(img);
+        element.appendChild(avatar);
+
         element = useElementStyle(element, tableData.value[i], i, patternList.value, patternColor.value, cardColor.value, cardSize.value, textSize.value)
         const object = new CSS3DObject(element);
         object.position.x = Math.random() * 4000 - 2000;