update

init

src/views/emergency/aed/deviceMap/DeviceMap.api.ts

@@ -0,0 +1,11 @@
+import { defHttp } from '/@/utils/http/axios';
+
+enum Api {
+    list = '/health-emergency/api/aed/nearbyAed',
+}
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });

src/views/emergency/aed/deviceMap/DeviceMap.vue

@@ -0,0 +1,322 @@
+<template>
+    <div class="devive-map">
+        <div class="map-search-box">
+            <a-select
+                v-model:value="intValue"
+                allow-clear
+                show-search
+                label-in-value
+                placeholder="请输入地点"
+                style="width: 400px"
+                :default-active-first-option="false"
+                :show-arrow="true"
+                :filter-option="false"
+                :not-found-content="null"
+                @search="onSearch"
+                :options="panelList"
+                @change="handleChange"
+            />
+<!--            <a-button type="primary" @click="onButtonSearch"> 搜索 </a-button>-->
+        </div>
+        <div id="panel" style="display: none"></div>
+        <div class="list" id="list"> </div>
+        <div class="map" id="container"></div>
+    </div>
+</template>
+
+<script setup name="aed-map" lang="ts">
+    import { onMounted, reactive, ref } from 'vue';
+    import AMapLoader from '@amap/amap-jsapi-loader';
+    import { debounce } from 'lodash-es';
+    import positionIcon from '/@/assets/images/position.png';
+    import MarkersIcon from '/@/assets/images/markerCricle.png';
+    import { list } from './DeviceMap.api';
+    import { message } from 'ant-design-vue';
+
+    let SelfMap = null;
+    let BasicMap = null;
+    let overlayGroup = null;
+    const intValue = ref('');
+    let placeSearch = ref();
+    let panelList = ref([]);
+    let pointerArray = ref([]);
+    let positionRef = ref({
+        lng: '',
+        lat: '',
+        handleItem: {
+            pname: '',
+        },
+    });
+    let mapState = [];
+    let defaultMarker = null;
+    onMounted(() => {
+        initMap();
+    });
+    function initMap() {
+        AMapLoader.load({
+            key: '4bbcb216b889f2d612cbed05ae6979c8',
+            version: '2.0',
+            plugins: ['AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        })
+            .then((AMap) => {
+                SelfMap = AMap;
+                //设置地图容器id
+                BasicMap = new AMap.Map('container', {
+                    viewMode: '3D', //是否为3D地图模式
+                    // zoom: 11, //初始化地图级别
+                    // center: [108.95, 34.33], //初始化地图中心点位置
+                    resizeEnable: true,
+                });
+                // 注册搜索插件
+                bindSearch(AMap);
+                handleMarker({});
+            })
+            .catch((e) => {
+                console.log(e);
+            });
+    }
+    /*
+     ** 获取区域对角线的两点坐标，即这个区域内的最小坐标值和最大坐标值
+     *  @param pointerArray [[a,b],[c,d]]* @return Array {min:number[a,b], max:number[c,d]}
+     * */
+    function getMaxBoundsPointer(pointerArray) {
+        let lngArray = pointerArray.map((item) => item[0]);
+        let latArray = pointerArray.map((item) => item[1]);
+        return { min: [Math.min(...lngArray), Math.min(...latArray)], max: [Math.max(...lngArray), Math.max(...latArray)] };
+    }
+    /**
+     * @Description:输入框查询位置
+     * @date 2023/7/8
+     */
+    function onSearch(value: string) {
+        //关键字查询
+        if (value) {
+            intValue.value = value;
+            searchRes(value);
+        }
+    }
+    const searchRes = debounce((value) => {
+        placeSearch.value.search(value, (status: string, result: any) => {
+            if (status === 'complete') {
+                panelList.value = result.poiList.pois.map((item) => ({ label: item.name, value: item.name, ...item }));
+            }
+        });
+    }, 500);
+    function onButtonSearch() {
+        onSearch(intValue.value);
+    }
+    /**
+     * @Description下拉框选择事件
+     * @date 2023/8/30
+     */
+    function handleChange(value: any, option: any) {
+        if (option) {
+            setMapZoom(16);
+            let params = {
+                longitude: option.location.lng, // 经度
+                latitude: option.location.lat, // 纬度
+                radiusRange: '50', // 半径范围
+            };
+            addDefault(option.location.lng, option.location.lat);
+            handleMarker(params);
+        } else {
+            handleMarker({});
+            setMapZoom(12);
+            removeDefault();
+        }
+    }
+    function handleMarker(params) {
+        list(params).then((res) => {
+            if (res.length > 0) {
+                pointerArray.value = res;
+                let maxLocations = getMaxBoundsPointer(res.map((item) => [item.longitude, item.latitude]));
+                hanleBounds(maxLocations);
+                addMarker(res);
+            } else {
+                removeMarker();
+                // message.warn('该位置附近暂无设备!');
+            }
+        });
+    }
+    function hanleBounds(maxLocations) {
+        let lngGap = (maxLocations.max[0] - maxLocations.min[0]) / 4;
+        let latGap = (maxLocations.max[1] - maxLocations.min[1]) / 4;
+        let min = new SelfMap.LngLat(maxLocations.min[0] - lngGap, maxLocations.min[1] - latGap);
+        let max = new SelfMap.LngLat(maxLocations.max[0] + lngGap, maxLocations.max[1] + latGap);
+        if (pointerArray.value.length > 1) {
+            let bounds = new SelfMap.Bounds(min, max);
+            BasicMap.setBounds(bounds);
+        }
+        // 2. 一个点时，将其作为中心点
+        else if (pointerArray.value.length === 1) {
+            let pointValue = pointerArray.value;
+            let centerLngLat = new SelfMap.LngLat(pointValue[0].longitude, pointValue[0].latitude);
+            BasicMap.setCenter(centerLngLat); // 设置地图中心点坐标
+        }
+    }
+    // 加载默认图标
+    function addDefault(longitude, latitude) {
+        removeDefault();
+        let defaultIcon = new SelfMap.Icon({
+            image: MarkersIcon,
+            size: new SelfMap.Size(50, 58), //图标大小
+            imageSize: new SelfMap.Size(50, 58),
+        });
+
+        defaultMarker = new SelfMap.Marker({
+            icon: defaultIcon,
+            position: [longitude, latitude],
+            offset: [-18, -32],
+            maxZoom: 14,
+        });
+        defaultMarker.setMap(BasicMap);
+        BasicMap.setCenter([longitude, latitude], true);
+    }
+    function addMarker(position) {
+        removeMarker();
+        if (position.length === 0) {
+            return;
+        }
+        overlayGroup = new SelfMap.OverlayGroup();
+        position.map((item) => {
+            let marker = new SelfMap.Marker({
+                icon: positionIcon,
+                position: [item.longitude, item.latitude],
+                offset: [-18, -32],
+                maxZoom: 14,
+            });
+            marker.on('click', () => {
+                infoWindow(item);
+            });
+            overlayGroup.setMap(BasicMap);
+            overlayGroup.addOverlay(marker);
+        });
+    }
+    function removeDefault() {
+        defaultMarker && BasicMap.remove(defaultMarker);
+    }
+    function removeMarker() {
+        if (overlayGroup) {
+            BasicMap.remove(overlayGroup);
+            overlayGroup.setMap(null);
+            overlayGroup = null;
+        }
+    }
+    function infoWindow(position) {
+        let startDiv = `<div class="dialog-conMap">
+              <div class="item">
+              <span> 设备型号：</span>
+              <span>${position.hostModel}</span>
+           </div>
+           <div class="item">
+              <span>设备编号：</span>
+              <span>${position.hostSerialNum}</span>
+           </div>
+        `;
+        if (position.installAddress) {
+            startDiv += `<div class="item">
+                <span>布点位置：</span>
+               <span>${position.installAddress}</span>
+           </div>`;
+        }
+        if (position.mfrsMobile) {
+            startDiv += `   <div class="item">
+              <span>售后电话：</span>
+               <span>${position.mfrsMobile}</span>
+           </div>`;
+        }
+        if (position.manageUserMobile) {
+            startDiv += ` <div class="item">
+              <span>管理人电话：</span>
+              <span>${position.manageUserMobile}</span>
+           </div>`;
+        }
+        if (position?.chargeFirstMobile) {
+            startDiv += ` <div class="item">
+              <span>负责人1电话：</span>
+              <span>${position?.chargeFirstMobile}</span>
+           </div>`;
+        }
+        if (position.chargeSecondMobile) {
+            startDiv += `  <div class="item">
+              <span>负责人2电话：</span>
+              <span>${position?.chargeSecondMobile}</span>
+           </div>`;
+        }
+        let endDiv = `</div>`;
+        let infoWindow = new SelfMap.InfoWindow({
+            position: [position.longitude, position.latitude],
+            offset: new SelfMap.Pixel(0, -30),
+            content: startDiv + endDiv,
+        });
+        infoWindow.open(BasicMap);
+    }
+    function setMapZoom(zoom: number) {
+        if (zoom) BasicMap && (BasicMap as any).setZoom(zoom);
+    }
+    // 搜索插件
+    function bindSearch(AMap) {
+        AMap.plugin(['AMap.PlaceSearch'], function () {
+            //构造地点查询类
+            placeSearch.value = new AMap.PlaceSearch({
+                pageSize: 20, // 单页显示结果条数
+                pageIndex: 1, // 页码
+                panel: 'panel', // 结果列表将在此容器中进行展示。
+                autoFitView: false, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+            });
+        });
+    }
+</script>
+
+<style scoped lang="less">
+    .devive-map {
+        width: 100%;
+        height: calc(100vh - 130px);
+        .map {
+            width: 100%;
+            height: 100%;
+        }
+        .map-search-box {
+            position: absolute;
+            top: 20px;
+            left: 20px;
+            z-index: 10;
+            box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
+        }
+        .panel-list {
+            position: absolute;
+            background-color: white;
+            max-height: 90%;
+            overflow-y: auto;
+            top: 70px;
+            left: 13px;
+            width: 280px;
+            z-index: 9;
+            .panel-item {
+                padding: 10px 5px;
+                color: #999;
+                line-height: 20px;
+            }
+        }
+    }
+</style>
+<style lang="less">
+    .dialog-conMap {
+        padding: 10px;
+        width: 380px;
+        .item {
+            padding: 8px 0;
+            display: flex;
+            span:nth-child(1) {
+                display: inline-block;
+                width: 30%;
+                text-align: right;
+            }
+            span:nth-child(2) {
+                display: inline-block;
+                width: 70%;
+                text-align: left;
+            }
+        }
+    }
+</style>

src/views/emergency/aed/devices/Device.api.ts

@@ -0,0 +1,78 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+    list = '/health-emergency/emergency/aed/list',
+    save = '/health-emergency/emergency/aed/add',
+    edit = '/health-emergency/emergency/aed/edit',
+    deleteOne = '/health-emergency/emergency/aed/delete',
+    deleteBatch = '/health-emergency/emergency/aed/deleteBatch',
+    importExcel = '/health-emergency/emergency/aed/importExcel',
+    exportXls = '/health-emergency/emergency/aed/exportXls',
+    queryById = '/health-emergency/emergency/aed/queryById',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+export const queryByIdUrl = Api.queryById;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: () =>
+            defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+                handleSuccess();
+            }),
+    });
+};
+
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: async () => {
+            await defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true });
+            handleSuccess();
+        },
+    });
+};
+
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+    const url = isUpdate ? Api.edit : Api.save;
+    return defHttp.post({ url: url, params });
+};

src/views/emergency/aed/devices/Device.data.ts

@@ -0,0 +1,510 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+import { RendererElement, RendererNode, VNode } from 'vue';
+import { getSecondaryDepartmentList, getThirdDepartListByOrgCode } from '/@/views/system/user/user.api';
+import { BODY_CONTAINER } from '/@/utils/domUtils';
+import { rules } from '/@/utils/helper/validator';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createMessage } = useMessage();
+const renderStatusTag = (span: VNode<RendererNode, RendererElement, { [p: string]: any }>) => {
+    const text = span.children;
+    switch (text) {
+        case '正常':
+            return render.renderTag(text, '#31d731');
+        case '快过期':
+        case '需检查':
+        case '电量低':
+            return render.renderTag(text, '#FFA440');
+        case '已过期':
+        case '需更换':
+        case '未找到':
+        case '无连接':
+            return render.renderTag(text, '#f04141');
+        case '待确认':
+            return render.renderTag(text, '#999999');
+        default:
+            return text;
+    }
+};
+
+//列表数据
+export const columns: BasicColumn[] = [
+    {
+        title: '所属单位',
+        align: 'center',
+        dataIndex: 'secondDepartName',
+    },
+    {
+        title: '所属部门',
+        align: 'center',
+        dataIndex: 'departName',
+    },
+    {
+        title: '设备名称',
+        align: 'center',
+        dataIndex: 'name',
+    },
+    {
+        title: '设备厂商',
+        align: 'center',
+        dataIndex: 'mfrsName',
+    },
+
+    {
+        title: '设备型号',
+        align: 'center',
+        dataIndex: 'hostModel',
+    },
+    {
+        title: '设备编号',
+        align: 'center',
+        dataIndex: 'hostSerialNum',
+    },
+    {
+        title: '入库时间',
+        align: 'center',
+        dataIndex: 'createTime',
+    },
+    {
+        title: '管理部门',
+        align: 'center',
+        dataIndex: 'manageDepartName',
+    },
+    {
+        title: '管理电话',
+        align: 'center',
+        dataIndex: 'manageUserMobile',
+    },
+    {
+        title: '厂商电话',
+        align: 'center',
+        dataIndex: 'mfrsMobile',
+    },
+];
+
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+    {
+        label: '所属单位',
+        field: 'second',
+        component: 'ApiSelect',
+        componentProps: () => {
+            return {
+                api: getSecondaryDepartmentList,
+                resultField: 'result',
+                labelField: 'departName',
+                valueField: 'orgCode',
+            };
+        },
+    },
+    {
+        label: '所属部门',
+        field: 'three',
+        component: 'ApiSelect',
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '管理部门',
+        field: 'manageDepartCode',
+        component: 'ApiSelect',
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'result',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '设备名称',
+        field: 'name',
+        component: 'Input',
+    },
+    {
+        label: '设备型号',
+        field: 'hostModel',
+        component: 'Input',
+    },
+    {
+        label: '设备编号',
+        field: 'hostSerialNum',
+        component: 'Input',
+    },
+];
+
+//表单数据
+export const formSchema: FormSchema[] = [
+    {
+        label: '详情字段',
+        field: 'infoFlag',
+        component: 'Input',
+        ifShow: false,
+    },
+    {
+        label: '',
+        field: 'id',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '设备信息',
+        field: 'deviceInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '设备名称',
+        field: 'name',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '所属单位',
+        field: 'second',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: () => {
+            return {
+                api: getSecondaryDepartmentList,
+                resultField: 'result',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+            };
+        },
+    },
+    {
+        label: '所属部门',
+        field: 'departCode',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '自检状态',
+        field: 'checkStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_check_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '电极片状态',
+        field: 'electrodeSheetStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_electrode_sheet_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '电池状态',
+        field: 'batteryStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_battery_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '路由状态',
+        field: 'routerStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_router_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '设备型号',
+        field: 'hostModel',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '设备编号',
+        field: 'hostSerialNum',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '电极片有效期',
+        field: 'electrodeSheetValidTime',
+        component: 'DatePicker',
+        componentProps: {
+            showTime: false,
+            valueFormat: 'YYYY-MM',
+            picker: 'month',
+        },
+    },
+    {
+        label: '路由器型号',
+        field: 'routerModel',
+        component: 'Input',
+    },
+    {
+        label: '路由器序列号',
+        field: 'routerSerialNum',
+        component: 'Input',
+    },
+    {
+        label: '电池型号',
+        field: 'batteryModel',
+        component: 'Input',
+    },
+    {
+        label: '电池电压',
+        field: 'batteryVoltage',
+        component: 'InputNumber',
+        componentProps: {
+            min: 0,
+            controls: false,
+            addonAfter: 'V',
+        },
+    },
+    {
+        label: '质保时间',
+        field: 'warrantyDate',
+        component: 'RangePicker',
+        componentProps: ({ formModel }) => {
+            return {
+                showTime: false,
+                format: 'YYYY-MM-DD',
+                valueFormat: 'YYYY-MM-DD',
+                getPopupContainer: () => BODY_CONTAINER,
+                // onChange: ([start, end]) => {
+                //     formModel.warrantyStartDate = start;
+                //     formModel.warrantyEndDate = end;
+                // },
+                'onUpdate:value': (value) => {
+                    if (value) {
+                        formModel.warrantyStartDate = value[0];
+                        formModel.warrantyEndDate = value[1];
+                    } else {
+                        formModel.warrantyStartDate = null;
+                        formModel.warrantyEndDate = null;
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '质保开始时间',
+        field: 'warrantyStartDate',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '质保结束时间',
+        field: 'warrantyEndDate',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '设备图片',
+        field: 'aedImg',
+        component: 'JImageUpload',
+        componentProps: {
+            fileMax: 5,
+        },
+    },
+    {
+        label: '管理信息',
+        field: 'manageInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '负责人id',
+        field: 'manageUserId',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '管理部门',
+        field: 'manageDepartCode',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '管理人员',
+        field: 'manageUserName',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '管理电话',
+        field: 'manageUserMobile',
+        component: 'Input',
+        required: true,
+        rules: rules.rule('phone', true),
+    },
+    {
+        label: '负责人员1',
+        field: 'chargeFirst',
+        component: 'Input',
+    },
+    {
+        label: '负责电话1',
+        field: 'chargeFirstMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '负责人员2',
+        field: 'chargeSecond',
+        component: 'Input',
+    },
+    {
+        label: '负责电话2',
+        field: 'chargeSecondMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '安装信息',
+        field: 'installInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '厂商名称',
+        field: 'mfrsName',
+        component: 'Input',
+    },
+    {
+        label: '联系电话',
+        field: 'mfrsMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '覆盖人数',
+        field: 'coverUserNum',
+        component: 'InputNumber',
+    },
+    {
+        label: '安装位置',
+        field: 'installAddress',
+        component: 'Input',
+        required: true,
+        slot: 'address',
+    },
+    {
+        label: '经度',
+        field: 'longitude',
+        required: true,
+        component: 'InputNumber',
+    },
+    {
+        label: '纬度',
+        field: 'latitude',
+        required: true,
+        component: 'InputNumber',
+    },
+    {
+        label: '位置照片',
+        field: 'installAddressImg',
+        component: 'JImageUpload',
+        componentProps: {
+            fileMax: 5,
+        },
+    },
+];
+
+/**
+ * 流程表单调用这个方法获取formSchema
+ * @param param
+ */
+export function getBpmFormSchema(_formData): FormSchema[] {
+    // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+    return formSchema;
+}

src/views/emergency/aed/devices/DeviceList.vue

@@ -0,0 +1,185 @@
+<template>
+    <div>
+        <!--引用表格-->
+        <BasicTable :rowSelection="rowSelection" @register="registerTable">
+            <!--插槽:table标题-->
+            <template #tableTitle>
+                <a-button v-auth="'emergency:emergency_resource:add'" preIcon="ant-design:plus-outlined" type="primary" @click="handleAdd">
+                    新增
+                </a-button>
+                <a-button
+                    v-auth="'emergency:emergency_resource:delete'"
+                    preIcon="ant-design:delete-outlined"
+                    type="primary"
+                    @click="batchHandleDelete"
+                >
+                    批量删除
+                </a-button>
+                <!-- <a-button  type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> -->
+                <!-- <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> -->
+            </template>
+            <!--操作栏-->
+            <template #action="{ record }">
+                <TableAction :actions="getTableAction(record)" />
+            </template>
+            <!--字段回显插槽-->
+            <template #htmlSlot="{ text }">
+                <div v-html="text"></div>
+            </template>
+        </BasicTable>
+        <!-- 表单区域 -->
+        <DeviceDrawer @register="registerDrawer" @success="handleSuccess" />
+    </div>
+</template>
+
+<script lang="ts" name="aed-device" setup>
+    import { ref } from 'vue';
+    import { BasicTable, TableAction } from '/@/components/Table';
+    import { useListPage } from '/@/hooks/system/useListPage';
+    import DeviceDrawer from './components/DeviceDrawer.vue';
+    import { columns, searchFormSchema } from './Device.data';
+    import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './Device.api';
+    import { message } from 'ant-design-vue';
+    import { useDrawer } from '/@/components/Drawer';
+
+    const checkedKeys = ref<Array<string | number>>([]);
+    //注册model
+    const [registerDrawer, { openDrawer }] = useDrawer();
+    //注册table数据
+    const { prefixCls, tableContext } = useListPage({
+        tableProps: {
+            title: '设备管理',
+            api: list,
+            columns,
+            canResize: false,
+            formConfig: {
+                //labelWidth: 120,
+                schemas: searchFormSchema,
+                autoSubmitOnEnter: true,
+                showAdvancedButton: false,
+                fieldMapToNumber: [],
+                fieldMapToTime: [],
+            },
+            actionColumn: {
+                width: 160,
+                fixed: 'right',
+            },
+            beforeFetch: (info) => {
+                info['name'] = info?.name && `*${info.name}*`;
+                info['hostModel'] = info?.hostModel && `*${info.hostModel}*`;
+                if (info.second) {
+                    info['departCode'] = `${info.second}*`;
+                }
+                if (info.three) {
+                    info['departCode'] = `${info.three}`;
+                }
+                info['departCode'] = info?.departCode && `${info.departCode}`;
+                info['hostSerialNum'] = info?.hostSerialNum && `*${info.hostSerialNum}*`;
+                info['aidrange'] = info?.aidrange && `*${info.aidrange}*`;
+                return info;
+            },
+        },
+        exportConfig: {
+            name: '应急资源',
+            url: getExportUrl,
+        },
+        importConfig: {
+            url: getImportUrl,
+            success: handleSuccess,
+        },
+    });
+
+    const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+    /**
+     * 新增事件
+     */
+    function handleAdd() {
+        openDrawer(true, {
+            isUpdate: false,
+            showFooter: true,
+            title: '新增',
+        });
+    }
+
+    /**
+     * 编辑事件
+     */
+    function handleEdit(record: Recordable) {
+        record.infoFlag = false;
+        record.warrantyDate = [record.warrantyStartDate, record.warrantyEndDate];
+        openDrawer(true, {
+            record,
+            isUpdate: true,
+            showFooter: true,
+            title: '编辑',
+        });
+    }
+
+    /**
+     * 详情
+     */
+    function handleDetail(record: Recordable) {
+        record.infoFlag = true;
+        record.warrantyDate = [record.warrantyStartDate, record.warrantyEndDate];
+        openDrawer(true, {
+            record,
+            isUpdate: true,
+            showFooter: false,
+            title: '详情',
+        });
+    }
+
+    /**
+     * 删除事件
+     */
+    async function handleDelete(record) {
+        await deleteOne({ id: record.id }, handleSuccess);
+    }
+
+    /**
+     * 批量删除事件
+     */
+    async function batchHandleDelete() {
+        if (selectedRowKeys.value.length === 0) {
+            return message.warning('未选中任何数据');
+        }
+        await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+    }
+
+    /**
+     * 成功回调
+     */
+    function handleSuccess() {
+        console.log(111111111111);
+        (selectedRowKeys.value = []) && reload();
+    }
+
+    /**
+     * 操作栏
+     */
+    function getTableAction(record) {
+        return [
+            {
+                label: '编辑',
+                onClick: handleEdit.bind(null, record),
+                auth: 'emergency:emergency_resource:edit',
+            },
+            {
+                label: '详情',
+                onClick: handleDetail.bind(null, record),
+            },
+            {
+                label: '删除',
+                onClick: handleDelete.bind(null, record),
+                auth: 'emergency:emergency_resource:delete',
+            },
+        ];
+    }
+</script>
+
+<style lang="less" scoped>
+    :deep(.ant-popover-buttons) {
+        display: flex !important;
+    }
+</style>

src/views/emergency/aed/devices/components/DeviceDrawer.vue

@@ -0,0 +1,125 @@
+<template>
+    <BasicDrawer :showFooter="showFooter" :title="title" :width="800" destroyOnClose v-bind="$attrs" @ok="handleSubmit" @register="registerModal">
+        <BasicForm @register="registerForm">
+            <template #address="{ model }">
+                <a-input v-model:value="model['installAddress']" placeholder="请输入安装位置或地图选点" :disabled="!showFooter" style="width: 82%" />
+                <a-button :disabled="!showFooter" style="margin-left: 10px" @click="viewMap"> 查看地图 </a-button>
+            </template>
+        </BasicForm>
+        <Map ref="map" :state="state" @register="registerMap" @get-position="getPosition" />
+    </BasicDrawer>
+</template>
+
+<script lang="ts" setup>
+    import { ref, unref } from 'vue';
+    import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { formSchema } from '../Device.data';
+    import { saveOrUpdate } from '../Device.api';
+    import Map from '/@/views/consult/resource/components/Map.vue';
+    import { useModal } from '/@/components/Modal';
+
+    // Emits声明
+    const emit = defineEmits(['register', 'success']);
+    const isUpdate = ref(true);
+    const showFooter = ref<boolean>(true);
+    const state = ref();
+    //设置标题
+    const title = ref<string>('');
+    //表单配置
+    const [registerForm, { setProps, resetFields, setFieldsValue, validate, getFieldsValue, clearValidate }] = useForm({
+        //labelWidth: 150,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+    });
+    const [registerMap, { openModal }] = useModal();
+    //表单赋值
+    const [registerModal, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        //重置表单
+        await resetFields();
+        setDrawerProps({
+            confirmLoading: false,
+            showCancelBtn: !!data?.showFooter,
+            showOkBtn: !!data?.showFooter,
+        });
+        isUpdate.value = !!data?.isUpdate;
+        showFooter.value = data.showFooter;
+        title.value = data.title;
+        let customAddress = '';
+        if (unref(isUpdate)) {
+            customAddress = `${data.record?.longitude}，${data.record?.latitude}`;
+            //表单赋值
+            await setFieldsValue({
+                ...data.record,
+                customAddress,
+                second: data.record?.departCode.slice(0, 6),
+            });
+            state.value = data.record;
+        } else {
+            state.value = {};
+        }
+        await clearValidate();
+        // 隐藏底部时禁用整个表单
+        await setProps({ disabled: !data?.showFooter });
+    });
+
+    function viewMap() {
+        openModal(true, {
+            record: { ...getFieldsValue() },
+        });
+    }
+
+    async function getPosition(val) {
+        let { pname, cityname, adname, address, name } = val.handleItem || '';
+        let nameList = [pname, cityname, adname, address, name];
+        let str = '';
+        nameList.map((item) => {
+            if (item !== undefined) {
+                str += item;
+            }
+        });
+        await setFieldsValue({
+            latitude: val.lat,
+            longitude: val.lng,
+            customAddress: `${val.lng}，${val.lat}`,
+            installAddress: str,
+        });
+        state.value = {
+            ...state.value,
+            latitude: val.lat,
+            longitude: val.lng,
+        };
+    }
+
+    //表单提交事件
+    async function handleSubmit() {
+        try {
+            let values = await validate();
+            setDrawerProps({ confirmLoading: true });
+            const params = {
+                ...state.value,
+                ...values,
+            };
+            //提交表单
+            await saveOrUpdate(params, isUpdate.value);
+            //关闭弹窗
+            closeDrawer();
+            //刷新列表
+            emit('success');
+        } finally {
+            setDrawerProps({ confirmLoading: false });
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    /** 时间和数字输入框样式 */
+    :deep(.ant-input-number) {
+        width: 100%;
+    }
+
+    :deep(.ant-calendar-picker) {
+        width: 100%;
+    }
+</style>

src/views/emergency/aed/locationManage/LocationManage.api.ts

@@ -0,0 +1,78 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+    list = '/health-emergency/emergency/aed/list',
+    save = '/health-emergency/emergency/aed/add',
+    edit = '/health-emergency/emergency/aed/edit',
+    deleteOne = '/health-emergency/emergency/aed/delete',
+    deleteBatch = '/health-emergency/emergency/aed/deleteBatch',
+    importExcel = '/health-emergency/emergency/aed/importExcel',
+    exportXls = '/health-emergency/emergency/aed/exportXls',
+    queryById = '/health-emergency/emergency/aed/queryById',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+export const queryByIdUrl = Api.queryById;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: () =>
+            defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+                handleSuccess();
+            }),
+    });
+};
+
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: async () => {
+            await defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true });
+            handleSuccess();
+        },
+    });
+};
+
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+    const url = isUpdate ? Api.edit : Api.save;
+    return defHttp.post({ url: url, params });
+};

src/views/emergency/aed/locationManage/LocationManage.data.ts

@@ -0,0 +1,566 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+import { RendererElement, RendererNode, VNode } from 'vue';
+import { getSecondaryDepartmentList, getThirdDepartListByOrgCode } from '/@/views/system/user/user.api';
+import { BODY_CONTAINER } from '/@/utils/domUtils';
+import { rules } from '/@/utils/helper/validator';
+import { useMessage } from '/@/hooks/web/useMessage';
+const { createMessage } = useMessage();
+const renderStatusTag = (span: VNode<RendererNode, RendererElement, { [p: string]: any }>) => {
+    const text = span.children;
+    switch (text) {
+        case '正常':
+            return render.renderTag(text, '#31d731');
+        case '快过期':
+        case '需检查':
+        case '电量低':
+            return render.renderTag(text, '#FFA440');
+        case '已过期':
+        case '需更换':
+        case '未找到':
+        case '无连接':
+            return render.renderTag(text, '#f04141');
+        case '待确认':
+            return render.renderTag(text, '#999999');
+        default:
+            return text;
+    }
+};
+
+//列表数据
+export const columns: BasicColumn[] = [
+    {
+        title: '所属单位',
+        align: 'center',
+        dataIndex: 'secondDepartName',
+    },
+    {
+        title: '所属部门',
+        align: 'center',
+        dataIndex: 'departName',
+    },
+    {
+        title: '所属单位',
+        align: 'center',
+        dataIndex: 'manageDepartName',
+    },
+    {
+        title: '设备编号',
+        align: 'center',
+        dataIndex: 'hostSerialNum',
+    },
+    {
+        title: '布点位置',
+        align: 'center',
+        dataIndex: 'installAddress',
+    },
+    {
+        title: '布点坐标',
+        align: 'center',
+        dataIndex: 'longitude',
+        customRender: ({ record }) => {
+            const { longitude, latitude} = record;
+            const val = longitude !== null && latitude !== null ? `${longitude},${latitude}` : '';
+            return val;
+        },
+    },
+    {
+        title: '覆盖人数',
+        align: 'center',
+        dataIndex: 'coverUserNum',
+    },
+    {
+        title: '自检状态',
+        align: 'center',
+        dataIndex: 'checkStatus',
+        customRender: ({ text }) => {
+            return renderStatusTag(render.renderDict(text, 'aed_check_status'));
+        },
+    },
+    {
+        title: '电极片监控',
+        align: 'center',
+        dataIndex: 'electrodeSheetStatus',
+        customRender: ({ text }) => {
+            return renderStatusTag(render.renderDict(text, 'aed_electrode_sheet_status'));
+        },
+    },
+    {
+        title: '电池监控',
+        align: 'center',
+        dataIndex: 'batteryStatus',
+        customRender: ({ text }) => {
+            return renderStatusTag(render.renderDict(text, 'aed_battery_status'));
+        },
+    },
+    {
+        title: '路由监控',
+        align: 'center',
+        dataIndex: 'routerStatus',
+        customRender: ({ text }) => {
+            return renderStatusTag(render.renderDict(text, 'aed_router_status'));
+        },
+    },
+    {
+        title: '布防时间',
+        align: 'center',
+        dataIndex: 'createTime',
+    },
+    {
+        title: '管理单位',
+        align: 'center',
+        dataIndex: 'manageDepartName',
+    },
+    {
+        title: '管理人',
+        align: 'center',
+        dataIndex: 'manageUserName',
+    },
+    {
+        title: '管理人电话',
+        align: 'center',
+        dataIndex: 'manageUserMobile',
+    },
+    {
+        title: '负责人1',
+        align: 'center',
+        dataIndex: 'chargeFirst',
+    },
+    {
+        title: '负责人1电话',
+        align: 'center',
+        dataIndex: 'chargeFirstMobile',
+    },
+    {
+        title: '负责人2',
+        align: 'center',
+        dataIndex: 'chargeSecond',
+    },
+    {
+        title: '负责人2电话',
+        align: 'center',
+        dataIndex: 'chargeSecondMobile',
+    },
+];
+
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+    {
+        label: '所属单位',
+        field: 'second',
+        component: 'ApiSelect',
+        componentProps: () => {
+            return {
+                api: getSecondaryDepartmentList,
+                resultField: 'result',
+                labelField: 'departName',
+                valueField: 'orgCode',
+            };
+        },
+    },
+    {
+        label: '所属部门',
+        field: 'three',
+        component: 'ApiSelect',
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    // {
+    //     label: 'AED型号',
+    //     field: 'hostModel',
+    //     component: 'Input',
+    // },
+    {
+        label: '设备编号',
+        field: 'hostSerialNum',
+        component: 'Input',
+    },
+    {
+        label: '自检状态',
+        field: 'checkStatus',
+        component: 'JDictSelectTag',
+        componentProps: {
+            dictCode: 'aed_check_status',
+        },
+    },
+    {
+        label: '电极片监控',
+        field: 'electrodeSheetStatus',
+        component: 'JDictSelectTag',
+        componentProps: {
+            dictCode: 'aed_electrode_sheet_status',
+        },
+    },
+    {
+        label: '电池监控',
+        field: 'batteryStatus',
+        component: 'JDictSelectTag',
+        componentProps: {
+            dictCode: 'aed_battery_status',
+        },
+    },
+    {
+        label: '路由监控',
+        field: 'routerStatus',
+        component: 'JDictSelectTag',
+        componentProps: {
+            dictCode: 'aed_router_status',
+        },
+    },
+];
+
+//表单数据
+export const formSchema: FormSchema[] = [
+    {
+        label: '详情字段',
+        field: 'infoFlag',
+        component: 'Input',
+        ifShow: false,
+    },
+    {
+        label: '',
+        field: 'id',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '设备信息',
+        field: 'deviceInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '设备名称',
+        field: 'name',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '所属单位',
+        field: 'second',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: () => {
+            return {
+                api: getSecondaryDepartmentList,
+                resultField: 'result',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+            };
+        },
+    },
+    {
+        label: '所属部门',
+        field: 'departCode',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '自检状态',
+        field: 'checkStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_check_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '电极片监控',
+        field: 'electrodeSheetStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_electrode_sheet_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '电池监控',
+        field: 'batteryStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_battery_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '路由监控',
+        field: 'routerStatus',
+        component: 'Input',
+        render: ({ values, field }) => {
+            return renderStatusTag(render.renderDict(values[field], 'aed_router_status'));
+        },
+        ifShow: ({ values }) => {
+            return values.infoFlag == true;
+        },
+    },
+    {
+        label: '设备型号',
+        field: 'hostModel',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '设备编号',
+        field: 'hostSerialNum',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '电极片有效期',
+        field: 'electrodeSheetValidTime',
+        component: 'DatePicker',
+        componentProps: {
+            showTime: false,
+            valueFormat: 'YYYY-MM',
+            picker: 'month',
+        },
+    },
+    {
+        label: '路由器型号',
+        field: 'routerModel',
+        component: 'Input',
+    },
+    {
+        label: '路由器序列号',
+        field: 'routerSerialNum',
+        component: 'Input',
+    },
+    {
+        label: '电池型号',
+        field: 'batteryModel',
+        component: 'Input',
+    },
+    {
+        label: '电池电压',
+        field: 'batteryVoltage',
+        component: 'InputNumber',
+        componentProps: {
+            min: 0,
+            controls: false,
+            addonAfter: 'V',
+        },
+    },
+    {
+        label: '质保时间',
+        field: 'warrantyDate',
+        component: 'RangePicker',
+        componentProps: ({ formModel }) => {
+            return {
+                showTime: false,
+                format: 'YYYY-MM-DD',
+                getPopupContainer: () => BODY_CONTAINER,
+                onChange: ([start, end]) => {
+                    formModel.warrantyStartDate = start;
+                    formModel.warrantyEndDate = end;
+                },
+            };
+        },
+    },
+    {
+        label: '质保开始时间',
+        field: 'warrantyStartDate',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '质保结束时间',
+        field: 'warrantyEndDate',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '设备图片',
+        field: 'aedImg',
+        component: 'JImageUpload',
+        componentProps: {
+            fileMax: 5,
+        },
+    },
+    {
+        label: '管理信息',
+        field: 'manageInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '负责人id',
+        field: 'manageUserId',
+        component: 'Input',
+        show: false,
+    },
+    {
+        label: '管理部门',
+        field: 'manageDepartCode',
+        component: 'ApiSelect',
+        required: true,
+        componentProps: ({ formModel }) => {
+            return {
+                api: getThirdDepartListByOrgCode,
+                resultField: 'list',
+                labelField: 'departName',
+                valueField: 'orgCode',
+                params: {
+                    orgCode: formModel?.second || 'asd(*',
+                },
+                showSearch: true,
+                filterOption: (input: string, option: any): boolean => {
+                    const str: string = input.toLowerCase();
+                    return option.label.toLowerCase().indexOf(str) >= 0;
+                },
+                onFocus: () => {
+                    if (!formModel.second) {
+                        return createMessage.warn('请先选择所属单位！');
+                    }
+                },
+            };
+        },
+    },
+    {
+        label: '管理人员',
+        field: 'manageUserName',
+        component: 'Input',
+        required: true,
+    },
+    {
+        label: '管理电话',
+        field: 'manageUserMobile',
+        component: 'Input',
+        required: true,
+        rules: rules.rule('phone', true),
+    },
+    {
+        label: '负责人员1',
+        field: 'chargeFirst',
+        component: 'Input',
+    },
+    {
+        label: '负责电话1',
+        field: 'chargeFirstMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '负责人员2',
+        field: 'chargeSecond',
+        component: 'Input',
+    },
+    {
+        label: '负责电话2',
+        field: 'chargeSecondMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '安装信息',
+        field: 'installInfoLine',
+        component: 'Divider',
+        componentProps: {
+            //文字是否显示为普通正文样式
+            plain: false,
+        },
+    },
+    {
+        label: '厂商名称',
+        field: 'mfrsName',
+        component: 'Input',
+    },
+    {
+        label: '联系电话',
+        field: 'mfrsMobile',
+        component: 'Input',
+        rules: rules.rule('phone', false),
+    },
+    {
+        label: '覆盖人数',
+        field: 'coverUserNum',
+        component: 'InputNumber',
+    },
+    {
+        label: '安装位置',
+        field: 'installAddress',
+        component: 'Input',
+        required: true,
+        slot: 'address',
+    },
+    {
+        label: '经度',
+        field: 'longitude',
+        required: true,
+        component: 'InputNumber',
+    },
+    {
+        label: '纬度',
+        field: 'latitude',
+        required: true,
+        component: 'InputNumber',
+    },
+    {
+        label: '位置照片',
+        field: 'installAddressImg',
+        component: 'JImageUpload',
+        componentProps: {
+            fileMax: 5,
+        },
+    },
+];
+
+/**
+ * 流程表单调用这个方法获取formSchema
+ * @param param
+ */
+export function getBpmFormSchema(_formData): FormSchema[] {
+    // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+    return formSchema;
+}

src/views/emergency/aed/locationManage/LocationManageList.vue

@@ -0,0 +1,143 @@
+<template>
+    <div>
+        <!--引用表格-->
+        <BasicTable @register="registerTable">
+            <!--操作栏-->
+            <template #action="{ record }">
+                <TableAction :actions="getTableAction(record)" />
+            </template>
+            <!--字段回显插槽-->
+            <template #htmlSlot="{ text }">
+                <div v-html="text"></div>
+            </template>
+        </BasicTable>
+        <!-- 表单区域 -->
+        <LocationManageDrawer @register="registerDrawer" @success="handleSuccess" />
+    </div>
+</template>
+
+<script lang="ts" name="aed-locationManage" setup>
+    import { ref } from 'vue';
+    import { BasicTable, TableAction } from '/@/components/Table';
+    import { useListPage } from '/@/hooks/system/useListPage';
+    import LocationManageDrawer from './components/LocationManageDrawer.vue';
+    import { columns, searchFormSchema } from './LocationManage.data';
+    import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './LocationManage.api';
+    import { message } from 'ant-design-vue';
+    import { useDrawer } from '/@/components/Drawer';
+
+    const checkedKeys = ref<Array<string | number>>([]);
+    //注册model
+    const [registerDrawer, { openDrawer }] = useDrawer();
+    //注册table数据
+    const { prefixCls, tableContext } = useListPage({
+        tableProps: {
+            title: '布点管理',
+            api: list,
+            columns,
+            canResize: false,
+            formConfig: {
+                //labelWidth: 120,
+                schemas: searchFormSchema,
+                autoSubmitOnEnter: true,
+                showAdvancedButton: false,
+                fieldMapToNumber: [],
+                fieldMapToTime: [],
+            },
+            actionColumn: {
+                width: 110,
+                fixed: 'right',
+            },
+            beforeFetch: (info) => {
+                info['name'] = info?.name && `*${info.name}*`;
+                if (info.second !== undefined) {
+                    info['departCode'] = `${info.second}*`;
+                }
+                if (info.three !== undefined) {
+                    info['departCode'] = `${info.three}`;
+                }
+                info['hostSerialNum'] = info?.hostSerialNum && `*${info.hostSerialNum}*`;
+                info['aidrange'] = info?.aidrange && `*${info.aidrange}*`;
+                return info;
+            },
+        },
+        exportConfig: {
+            name: '应急资源',
+            url: getExportUrl,
+        },
+        importConfig: {
+            url: getImportUrl,
+            success: handleSuccess,
+        },
+    });
+
+    const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+    /**
+     * 新增事件
+     */
+    function handleAdd() {
+        openDrawer(true, {
+            isUpdate: false,
+            showFooter: true,
+            title: '新增',
+        });
+    }
+
+    /**
+     * 编辑事件
+     */
+    function handleEdit(record: Recordable) {
+        record.infoFlag = false;
+        record.warrantyDate = [record.warrantyStartDate, record.warrantyEndDate];
+        openDrawer(true, {
+            record,
+            isUpdate: true,
+            showFooter: true,
+            title: '编辑',
+        });
+    }
+
+    /**
+     * 详情
+     */
+    function handleDetail(record: Recordable) {
+        record.infoFlag = true;
+        record.warrantyDate = [record.warrantyStartDate, record.warrantyEndDate];
+        openDrawer(true, {
+            record,
+            isUpdate: true,
+            showFooter: false,
+            title: '详情',
+        });
+    }
+    /**
+     * 成功回调
+     */
+    function handleSuccess() {
+        (selectedRowKeys.value = []) && reload();
+    }
+
+    /**
+     * 操作栏
+     */
+    function getTableAction(record) {
+        return [
+            {
+                label: '编辑',
+                onClick: handleEdit.bind(null, record),
+                auth: 'emergency:emergency_resource:edit',
+            },
+            {
+                label: '详情',
+                onClick: handleDetail.bind(null, record),
+            },
+        ];
+    }
+</script>
+
+<style lang="less" scoped>
+    :deep(.ant-popover-buttons) {
+        display: flex !important;
+    }
+</style>

src/views/emergency/aed/locationManage/components/LocationManageDrawer.vue

@@ -0,0 +1,126 @@
+<template>
+    <BasicDrawer :showFooter="showFooter" :title="title" :width="800" destroyOnClose v-bind="$attrs" @ok="handleSubmit" @register="registerModal">
+        <BasicForm @register="registerForm">
+            <template #address="{ model }">
+                <a-input v-model:value="model['installAddress']" placeholder="请输入安装位置或地图选点" :disabled="!showFooter" style="width: 82%" />
+                <a-button :disabled="!showFooter" style="margin-left: 10px" @click="viewMap"> 查看地图 </a-button>
+            </template>
+        </BasicForm>
+        <Map ref="map" :state="state" @register="registerMap" @get-position="getPosition" />
+    </BasicDrawer>
+</template>
+
+<script lang="ts" setup>
+    import { ref, unref } from 'vue';
+    import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { formSchema } from '../LocationManage.data';
+    import { saveOrUpdate } from '../LocationManage.api';
+    import Map from '/@/views/consult/resource/components/Map.vue';
+    import { useModal } from '/@/components/Modal';
+
+    // Emits声明
+    const emit = defineEmits(['register', 'success']);
+    const isUpdate = ref(true);
+    const showFooter = ref<boolean>(true);
+    const state = ref();
+    //设置标题
+    const title = ref<string>('');
+    //表单配置
+    const [registerForm, { setProps, resetFields, setFieldsValue, validate, getFieldsValue, clearValidate }] = useForm({
+        //labelWidth: 150,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+    });
+    const [registerMap, { openModal }] = useModal();
+    //表单赋值
+    const [registerModal, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        //重置表单
+        await resetFields();
+        setDrawerProps({
+            confirmLoading: false,
+            showCancelBtn: !!data?.showFooter,
+            showOkBtn: !!data?.showFooter,
+        });
+        isUpdate.value = !!data?.isUpdate;
+        showFooter.value = data.showFooter;
+        title.value = data.title;
+        let customAddress = '';
+        if (unref(isUpdate)) {
+            customAddress = `${data.record?.longitude}，${data.record?.latitude}`;
+            //表单赋值
+            await setFieldsValue({
+                ...data.record,
+                customAddress,
+                second: data.record?.departCode.slice(0, 6),
+            });
+            state.value = data.record;
+        } else {
+            state.value = {};
+        }
+        await clearValidate();
+        // 隐藏底部时禁用整个表单
+        await setProps({ disabled: !data?.showFooter });
+    });
+
+    function viewMap() {
+        openModal(true, {
+            record: { ...getFieldsValue() },
+        });
+    }
+
+    async function getPosition(val) {
+        let { pname, cityname, adname, address, name } = val.handleItem || '';
+        let nameList = [pname, cityname, adname, address, name];
+        let str = '';
+        nameList.map((item) => {
+            if (item !== undefined) {
+                str += item;
+            }
+        });
+        await setFieldsValue({
+            latitude: val.lat,
+            longitude: val.lng,
+            customAddress: `${val.lng}，${val.lat}`,
+            installAddress: str,
+        });
+        state.value = {
+            ...state.value,
+            latitude: val.lat,
+            longitude: val.lng,
+        };
+    }
+
+    //表单提交事件
+    async function handleSubmit() {
+        try {
+            let values = await validate();
+            setDrawerProps({ confirmLoading: true });
+            const params = {
+                ...state.value,
+                ...values,
+            };
+            console.log(values);
+            //提交表单
+            await saveOrUpdate(params, isUpdate.value);
+            //关闭弹窗
+            closeDrawer();
+            //刷新列表
+            emit('success');
+        } finally {
+            setDrawerProps({ confirmLoading: false });
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    /** 时间和数字输入框样式 */
+    :deep(.ant-input-number) {
+        width: 100%;
+    }
+
+    :deep(.ant-calendar-picker) {
+        width: 100%;
+    }
+</style>

src/views/emergency/aed/selfRecord/SelfRecord.data.ts

@@ -0,0 +1,154 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+import { RendererElement, RendererNode, VNode } from 'vue';
+import { getSecondaryDepartmentList } from '/@/views/system/user/user.api';
+import { BODY_CONTAINER } from '/@/utils/domUtils';
+import { rules } from '/@/utils/helper/validator';
+
+const renderStatusTag = (span: VNode<RendererNode, RendererElement, { [p: string]: any }>) => {
+    const text = span.children;
+    switch (text) {
+        case '正常':
+            return render.renderTag(text, '#31d731');
+        case '快过期':
+        case '需检查':
+        case '电量低':
+            return render.renderTag(text, '#f4e034');
+        case '已过期':
+        case '需更换':
+        case '未找到':
+        case '无连接':
+            return render.renderTag(text, '#f04141');
+        default:
+            return text;
+    }
+};
+
+//列表数据
+export const columns: BasicColumn[] = [
+    {
+        title: '报告日期',
+        align: 'center',
+        dataIndex: 'createTime',
+    },
+    {
+        title: 'AED型号',
+        align: 'center',
+        dataIndex: 'aedModel',
+    },
+    {
+        title: 'AED序列号',
+        align: 'center',
+        dataIndex: 'aedNo',
+    },
+    {
+        title: '自检状态',
+        align: 'center',
+        dataIndex: 'aedStatus_dictText',
+    },
+    {
+        title: '电池状态',
+        align: 'center',
+        dataIndex: 'batteryPowerStatus_dictText',
+    },
+    {
+        title: '电极片状态',
+        align: 'center',
+        dataIndex: 'batteryPowerStatus_dictText',
+    },
+    {
+        title: '路由状态',
+        align: 'center',
+        dataIndex: 'routerVoltageStatus_dictText',
+    },
+    {
+        title: '电池电量',
+        align: 'center',
+        dataIndex: 'batteryPower',
+    },
+    {
+        title: '电压',
+        align: 'center',
+        dataIndex: 'routerVoltage',
+    },
+    {
+        title: '过期时间',
+        align: 'center',
+        dataIndex: 'padExpiration',
+    },
+];
+
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+    {
+        label: 'AED型号',
+        field: 'aedModel',
+        component: 'Input',
+    },
+    {
+        label: 'AED序列号',
+        field: 'aedNo',
+        component: 'Input',
+    },
+    {
+        label: '报告日期',
+        field: 'date',
+        component: 'RangePicker',
+        componentProps: {
+            valueFormat: 'YYYY-MM-DD',
+        },
+    },
+];
+
+//表单数据
+export const formSchema: FormSchema[] = [
+    {
+        label: '专用路由器型号',
+        field: 'routerModel',
+        component: 'Input',
+    },
+    {
+        label: '专用路由器序列号',
+        field: 'routerSerialNo',
+        component: 'Input',
+    },
+    {
+        label: '物联卡号',
+        field: 'routerIccid',
+        component: 'Input',
+    },
+    {
+        label: '蓝牙自检结果',
+        field: 'routerBt',
+        component: 'Input',
+    },
+    {
+        label: '专用路由器通讯自检结果',
+        field: 'routerSelfModel',
+        component: 'Input',
+    },
+    {
+        label: '专用路由器文件系统自检结果',
+        field: 'routerFileSystem',
+        component: 'Input',
+    },
+    {
+        label: '专用路由器RTC自检结果',
+        field: 'routerSelfRtc',
+        component: 'Input',
+    },
+    {
+        label: '自检报告',
+        field: 'aedSelfReport',
+        component: 'InputTextArea',
+    },
+];
+
+/**
+ * 流程表单调用这个方法获取formSchema
+ * @param param
+ */
+export function getBpmFormSchema(_formData): FormSchema[] {
+    // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+    return formSchema;
+}

src/views/emergency/aed/selfRecord/SelfRecordList.vue

@@ -0,0 +1,100 @@
+<template>
+    <div>
+        <!--引用表格-->
+        <BasicTable @register="registerTable">
+            <!--操作栏-->
+            <template #action="{ record }">
+                <TableAction :actions="getTableAction(record)" />
+            </template>
+            <!--字段回显插槽-->
+            <template #htmlSlot="{ text }">
+                <div v-html="text"></div>
+            </template>
+        </BasicTable>
+        <SelfRecordDrawer @register="registerDrawer" @success="handleSuccess" />
+    </div>
+</template>
+
+<script lang="ts" name="aed-selfRecord" setup>
+    import { ref } from 'vue';
+    import { BasicTable, TableAction } from '/@/components/Table';
+    import { useListPage } from '/@/hooks/system/useListPage';
+    import SelfRecordDrawer from './components/SelfRecordDrawer.vue';
+    import { columns, searchFormSchema } from './SelfRecord.data';
+    import { getExportUrl, getImportUrl, list } from './selfRecord.api';
+    import { useDrawer } from '/@/components/Drawer';
+
+    const checkedKeys = ref<Array<string | number>>([]);
+    //注册model
+    const [registerDrawer, { openDrawer }] = useDrawer();
+    //注册table数据
+    const { prefixCls, tableContext } = useListPage({
+        tableProps: {
+            title: '设备自检记录',
+            api: list,
+            columns,
+            canResize: false,
+            formConfig: {
+                //labelWidth: 120,
+                schemas: searchFormSchema,
+                autoSubmitOnEnter: true,
+                showAdvancedButton: false,
+                fieldMapToNumber: [],
+                fieldMapToTime: [['date', ['timeStart', 'timeEnd'], 'YYYY-MM-DD']],
+            },
+            actionColumn: {
+                width: 90,
+                fixed: 'right',
+            },
+        },
+        exportConfig: {
+            name: '应急资源',
+            url: getExportUrl,
+        },
+        importConfig: {
+            url: getImportUrl,
+            success: handleSuccess,
+        },
+    });
+
+    const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+    /**
+     * 详情
+     */
+    function handleDetail(record: Recordable) {
+        record.infoFlag = true;
+        record.warrantyDate = [record.warrantyStartDate, record.warrantyEndDate];
+        openDrawer(true, {
+            record,
+            isUpdate: true,
+            showFooter: false,
+            title: '详情',
+        });
+    }
+
+    /**
+     * 成功回调
+     */
+    function handleSuccess() {
+        (selectedRowKeys.value = []) && reload();
+    }
+
+    /**
+     * 操作栏
+     */
+    function getTableAction(record) {
+        return [
+            {
+                label: '详情',
+                onClick: handleDetail.bind(null, record),
+            },
+        ];
+    }
+</script>
+
+<style lang="less" scoped>
+    :deep(.ant-popover-buttons) {
+        display: flex !important;
+    }
+</style>

src/views/emergency/aed/selfRecord/components/SelfRecordDrawer.vue

@@ -0,0 +1,125 @@
+<template>
+    <BasicDrawer :showFooter="showFooter" :title="title" :width="800" destroyOnClose v-bind="$attrs" @ok="handleSubmit" @register="registerModal">
+        <BasicForm @register="registerForm">
+            <template #address="{ model }">
+                <a-input v-model:value="model['installAddress']" :disabled="!showFooter" style="width: 82%" />
+                <a-button :disabled="!showFooter" style="margin-left: 10px" @click="viewMap"> 查看地图 </a-button>
+            </template>
+        </BasicForm>
+        <Map ref="map" :state="state" @register="registerMap" @get-position="getPosition" />
+    </BasicDrawer>
+</template>
+
+<script lang="ts" setup>
+    import { ref, unref } from 'vue';
+    import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { formSchema } from '../SelfRecord.data';
+    import { saveOrUpdate } from '../selfRecord.api';
+    import Map from '/@/views/consult/resource/components/Map.vue';
+    import { useModal } from '/@/components/Modal';
+
+    // Emits声明
+    const emit = defineEmits(['register', 'success']);
+    const isUpdate = ref(true);
+    const showFooter = ref<boolean>(true);
+    const state = ref();
+    //设置标题
+    const title = ref<string>('');
+    //表单配置
+    const [registerForm, { setProps, resetFields, setFieldsValue, validate, getFieldsValue, clearValidate }] = useForm({
+        labelWidth: 180,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+    });
+    const [registerMap, { openModal }] = useModal();
+    //表单赋值
+    const [registerModal, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        //重置表单
+        await resetFields();
+        setDrawerProps({
+            confirmLoading: false,
+            showCancelBtn: !!data?.showFooter,
+            showOkBtn: !!data?.showFooter,
+        });
+        isUpdate.value = !!data?.isUpdate;
+        showFooter.value = data.showFooter;
+        title.value = data.title;
+        let customAddress = '';
+        if (unref(isUpdate)) {
+            customAddress = `${data.record?.longitude}，${data.record?.latitude}`;
+            //表单赋值
+            await setFieldsValue({
+                ...data.record,
+                customAddress,
+            });
+            state.value = data.record;
+        } else {
+            state.value = {};
+        }
+        await clearValidate();
+        // 隐藏底部时禁用整个表单
+        await setProps({ disabled: !data?.showFooter });
+    });
+
+    function viewMap() {
+        openModal(true, {
+            record: { ...getFieldsValue() },
+        });
+    }
+
+    async function getPosition(val) {
+        let { pname, cityname, adname, address, name } = val.handleItem || '';
+        let nameList = [pname, cityname, adname, address, name];
+        let str = '';
+        nameList.map((item) => {
+            if (item !== undefined) {
+                str += item;
+            }
+        });
+        await setFieldsValue({
+            latitude: val.lat,
+            longitude: val.lng,
+            customAddress: `${val.lng}，${val.lat}`,
+            address: str,
+        });
+        state.value = {
+            ...state.value,
+            latitude: val.lat,
+            longitude: val.lng,
+        };
+    }
+
+    //表单提交事件
+    async function handleSubmit() {
+        try {
+            let values = await validate();
+            setDrawerProps({ confirmLoading: true });
+            const params = {
+                ...state.value,
+                ...values,
+            };
+            console.log(values);
+            //提交表单
+            await saveOrUpdate(params, isUpdate.value);
+            //关闭弹窗
+            closeDrawer();
+            //刷新列表
+            emit('success');
+        } finally {
+            setDrawerProps({ confirmLoading: false });
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    /** 时间和数字输入框样式 */
+    :deep(.ant-input-number) {
+        width: 100%;
+    }
+
+    :deep(.ant-calendar-picker) {
+        width: 100%;
+    }
+</style>

src/views/emergency/aed/selfRecord/selfRecord.api.ts

@@ -0,0 +1,78 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+    list = '/health-emergency/emergency/aedLatest/list',
+    save = '/health-emergency/emergency/aed/add',
+    edit = '/health-emergency/emergency/aed/edit',
+    deleteOne = '/health-emergency/emergency/aed/delete',
+    deleteBatch = '/health-emergency/emergency/aed/deleteBatch',
+    importExcel = '/health-emergency/emergency/aed/importExcel',
+    exportXls = '/health-emergency/emergency/aed/exportXls',
+    queryById = '/health-emergency/emergency/aed/queryById',
+}
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+export const queryByIdUrl = Api.queryById;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除单个
+ */
+export const deleteOne = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: () =>
+            defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+                handleSuccess();
+            }),
+    });
+};
+
+/**
+ * 批量删除
+ * @param params
+ */
+export const batchDelete = (params, handleSuccess) => {
+    createConfirm({
+        iconType: 'warning',
+        title: '确认删除',
+        content: '是否删除选中数据',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: async () => {
+            await defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true });
+            handleSuccess();
+        },
+    });
+};
+
+/**
+ * 保存或者更新
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+    const url = isUpdate ? Api.edit : Api.save;
+    return defHttp.post({ url: url, params });
+};

src/views/emergency/aed/warnRecord/WarnRecord.api.ts

@@ -0,0 +1,16 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+    list = '/health-emergency/emergency/aedWarnInfo/listCustom',
+    update = '/health-emergency/emergency/aedWarnInfo/updateHandleInfo',
+}
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const saveOrUpdate = (params) => defHttp.get({ url: Api.update, params });

src/views/emergency/aed/warnRecord/WarnRecord.data.ts

@@ -0,0 +1,109 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+import { RendererElement, RendererNode, VNode } from 'vue';
+import { getSecondaryDepartmentList } from '/@/views/system/user/user.api';
+import { BODY_CONTAINER } from '/@/utils/domUtils';
+import { rules } from '/@/utils/helper/validator';
+
+const renderStatusTag = (span: VNode<RendererNode, RendererElement, { [p: string]: any }>) => {
+    const text = span.children;
+    switch (text) {
+        case '正常':
+            return render.renderTag(text, '#31d731');
+        case '快过期':
+        case '需检查':
+        case '电量低':
+            return render.renderTag(text, '#f4e034');
+        case '已过期':
+        case '需更换':
+        case '未找到':
+        case '无连接':
+            return render.renderTag(text, '#f04141');
+        default:
+            return text;
+    }
+};
+
+//列表数据
+export const columns: BasicColumn[] = [
+    {
+        title: '告警时间',
+        align: 'center',
+        dataIndex: 'createTime',
+    },
+    {
+        title: 'AED型号',
+        align: 'center',
+        dataIndex: 'aedModel',
+    },
+    {
+        title: 'AED编号',
+        align: 'center',
+        dataIndex: 'aedNo',
+    },
+    {
+        title: '告警类型',
+        align: 'center',
+        dataIndex: 'module',
+        customRender: ({ text }) => {
+            return renderStatusTag(render.renderDict(text, 'aed_module'));
+        },
+    },
+    {
+        title: '告警内容',
+        align: 'center',
+        dataIndex: 'type',
+    },
+    {
+        title: '告警值',
+        align: 'center',
+        dataIndex: 'value',
+    },
+    {
+        title: '处理状态',
+        align: 'center',
+        dataIndex: 'warnStatus_dictText',
+    },
+    {
+        title: '处理详情',
+        align: 'center',
+        dataIndex: 'warnHandleInfo',
+    },
+];
+
+//查询数据
+export const searchFormSchema: FormSchema[] = [
+    {
+        label: '告警类型',
+        field: 'module',
+        component: 'JDictSelectTag',
+        componentProps: {
+            dictCode: 'aed_module',
+        },
+    },
+];
+
+//表单数据
+export const formSchema: FormSchema[] = [
+    {
+        label: '报警信息',
+        field: 'warnInfo',
+        component: 'InputTextArea',
+        required: true,
+    },
+    {
+        label: '',
+        field: 'id',
+        component: 'Input',
+        show: false,
+    },
+];
+
+/**
+ * 流程表单调用这个方法获取formSchema
+ * @param param
+ */
+export function getBpmFormSchema(_formData): FormSchema[] {
+    // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
+    return formSchema;
+}

src/views/emergency/aed/warnRecord/WarnRecordList.vue

@@ -0,0 +1,89 @@
+<template>
+    <div>
+        <!--引用表格-->
+        <BasicTable @register="registerTable">
+            <!--操作栏-->
+            <template #action="{ record }">
+                <TableAction :actions="getTableAction(record)" />
+            </template>
+            <!--字段回显插槽-->
+            <template #htmlSlot="{ text }">
+                <div v-html="text"></div>
+            </template>
+        </BasicTable>
+        <WarnRecordDrawer @register="registerDrawer" @success="handleSuccess" />
+    </div>
+</template>
+
+<script lang="ts" name="aed-warn" setup>
+    import { ref } from 'vue';
+    import { BasicTable, TableAction } from '/@/components/Table';
+    import { useListPage } from '/@/hooks/system/useListPage';
+    import { columns, searchFormSchema } from './WarnRecord.data';
+    import { list } from './WarnRecord.api';
+    import WarnRecordDrawer from './components/WarnRecordDrawer.vue';;
+    import { useModal } from '/@/components/Modal';
+
+    const checkedKeys = ref<Array<string | number>>([]);
+    //注册model
+    const [registerDrawer, { openModal }] = useModal();
+    //注册table数据
+    const { prefixCls, tableContext } = useListPage({
+        tableProps: {
+            title: '告警管理',
+            api: list,
+            columns,
+            canResize: false,
+            formConfig: {
+                //labelWidth: 120,
+                schemas: searchFormSchema,
+                autoSubmitOnEnter: true,
+                showAdvancedButton: false,
+                fieldMapToNumber: [],
+                fieldMapToTime: [],
+            },
+            actionColumn: {
+                width: 80,
+                fixed: 'right',
+            },
+        },
+    });
+
+    const [registerTable, { reload }, { selectedRowKeys }] = tableContext;
+
+    /**
+     * 编辑事件
+     */
+    function handleEdit(record: Recordable) {
+        openModal(true, {
+            record,
+            title: record.warnStatus === '0' ? '处理' : '修改',
+        });
+    }
+
+    /**
+     * 成功回调
+     */
+    function handleSuccess() {
+        (selectedRowKeys.value = []) && reload();
+    }
+
+    /**
+     * 操作栏
+     */
+    function getTableAction(record) {
+        return [
+            {
+                label: `${record.warnStatus === '0' ? '处理' : '修改'}`,
+                onClick: handleEdit.bind(null, record),
+                // auth: 'emergency:emergency_resource:edit',
+            },
+        ];
+    }
+</script>
+
+<style lang="less" scoped>
+    :deep(.ant-popover-buttons) {
+        display: flex !important;
+    }
+</style>

src/views/emergency/aed/warnRecord/components/WarnRecordDrawer.vue

@@ -0,0 +1,60 @@
+<template>
+    <BasicModal :showFooter="showFooter" :title="title" width="30%" destroyOnClose v-bind="$attrs" @ok="handleSubmit" @register="registerModal">
+        <BasicForm @register="registerForm" />
+    </BasicModal>
+</template>
+
+<script lang="ts" setup>
+    import { ref } from 'vue';
+    import { BasicModal, useModalInner } from '/@/components/Modal';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { formSchema } from '../WarnRecord.data';
+    import { saveOrUpdate } from '../WarnRecord.api';
+
+    // Emits声明
+    const emit = defineEmits(['register', 'success']);
+    const showFooter = ref<boolean>(true);
+    //设置标题
+    const title = ref<string>('');
+    //表单配置
+    const [registerForm, { validate, setFieldsValue }] = useForm({
+        //labelWidth: 150,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+    });
+    //表单赋值
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        title.value = data.title;
+        await setFieldsValue({
+            ...data.record,
+        });
+    });
+
+    //表单提交事件
+    async function handleSubmit() {
+        try {
+            let values = await validate();
+            setModalProps({ confirmLoading: true });
+            //提交表单
+            await saveOrUpdate(values);
+            //关闭弹窗
+            closeModal();
+            //刷新列表
+            emit('success');
+        } finally {
+            setModalProps({ confirmLoading: false });
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    /** 时间和数字输入框样式 */
+    :deep(.ant-input-number) {
+        width: 100%;
+    }
+
+    :deep(.ant-calendar-picker) {
+        width: 100%;
+    }
+</style>