update: 新疆大屏

src/views/indexSun/indexSun.ts

@@ -1,10 +1,8 @@
 import * as echarts from 'echarts';
 import { legend1, legend2, legend3, legend4, legend5 } from '/@/components/xianMap/xianMapHooks.ts';
 export const legend1 = new URL('/@/assets/img/legend1.png', import.meta.url).href;
-export const legend2 = new URL('/@/assets/img/legend2.png', import.meta.url).href;
+export const legend2 = new URL('/@/assets/img/legend5.png', import.meta.url).href;
 export const legend3 = new URL('/@/assets/img/legend3.png', import.meta.url).href;
-export const legend4 = new URL('/@/assets/img/legend4.png', import.meta.url).href;
-export const legend5 = new URL('/@/assets/img/legend5.png', import.meta.url).href;
 export function getClassCharts(dx, dy) {
     return {
         grid: {
@@ -118,9 +116,115 @@ export const tabList = [
     },
 ];
 export const legendList = [
+    { img: legend2, text: '健康小屋', color: '#1BEFF6' },
     { img: legend1, text: '油田医院', color: '#D86AF7' },
-    { img: legend2, text: '医疗点', color: '#39D78B' },
     { img: legend3, text: '救护车', color: '#EE7E31' },
-    { img: legend4, text: '合作医院', color: '#3BAAFA' },
-    { img: legend5, text: '地方医院', color: '#1BEFF6' },
 ];
+
+export function infoContent(res) {
+    return `
+        <div class="modal-box">
+            <div class="modal-item">
+                <span class="item-one">单位：</span>
+                <span class="item-two">${res.orgName ? res.orgName : '--'}</span>
+            </div>
+            <div class="modal-item">
+                <span class="item-one">关爱人数：</span>
+                <span class="item-two">${res.loveNum ? res.loveNum : '--'}</span>
+            </div>
+            <div class="modal-item">
+                <span class="item-one">地点：</span>
+                <span class="item-two">${res.name ? res.name : '--'}</span>
+            </div>
+        <div class="modal-btn">
+            <div class="view-btn viewBtn" id='${JSON.stringify(res)}'>查看详情</div>
+        </div>
+    </div> `;
+}
+
+const columns1 = [
+    {
+        title: '姓名',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '单位',
+        dataIndex: 'departName',
+        key: 'departName',
+        ellipsis: true,
+    },
+    {
+        title: '部门',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        ellipsis: true,
+    },
+    {
+        title: '性别',
+        dataIndex: 'sex_dictText',
+        key: 'sex_dictText',
+        width: 80,
+    },
+    {
+        title: '时间',
+        dataIndex: 'time',
+        key: 'time',
+    },
+    {
+        title: '电话',
+        dataIndex: 'phone',
+        key: 'phone',
+    },
+];
+
+const columns2 = [
+    {
+        title: '被救助人',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '单位',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '部门',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '性别',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '救助方式',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '救助时间',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+    {
+        title: '联系电话',
+        dataIndex: 'realName',
+        key: 'realName',
+    },
+];
+
+const fromList = [
+    {
+        label: '姓名',
+        field: 'realName',
+        type: 'input',
+        placeholder: '请输入姓名',
+    },
+];
+
+export const columns = [columns1, columns2];
+
+export const fromLists = [fromList];