@ued_fpi/data-visual/dist/lib/ipes/src/DisasterWarning/index.vue.js

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const cold_wave1 = require('./images/cold_wave1.png.js');
const cold_wave2 = require('./images/cold_wave2.png.js');
const cold_wave3 = require('./images/cold_wave3.png.js');
const cold_wave4 = require('./images/cold_wave4.png.js');
const convectivegust1 = require('./images/convectivegust1.png.js');
const convectivegust2 = require('./images/convectivegust2.png.js');
const convectivegust3 = require('./images/convectivegust3.png.js');
const convectivegust4 = require('./images/convectivegust4.png.js');
const drought1 = require('./images/drought1.png.js');
const drought2 = require('./images/drought2.png.js');
const empty = require('./images/empty.png.js');
const frost2 = require('./images/frost2.png.js');
const frost3 = require('./images/frost3.png.js');
const frost4 = require('./images/frost4.png.js');
const gale1 = require('./images/gale1.png.js');
const gale2 = require('./images/gale2.png.js');
const gale3 = require('./images/gale3.png.js');
const gale4 = require('./images/gale4.png.js');
const hail1 = require('./images/hail1.png.js');
const hail2 = require('./images/hail2.png.js');
const haze2 = require('./images/haze2.png.js');
const haze3 = require('./images/haze3.png.js');
const heat_wave1 = require('./images/heat_wave1.png.js');
const heat_wave2 = require('./images/heat_wave2.png.js');
const heat_wave3 = require('./images/heat_wave3.png.js');
const heavy_fog1 = require('./images/heavy_fog1.png.js');
const heavy_fog2 = require('./images/heavy_fog2.png.js');
const heavy_fog3 = require('./images/heavy_fog3.png.js');
const lightning1 = require('./images/lightning1.png.js');
const lightning2 = require('./images/lightning2.png.js');
const lightning3 = require('./images/lightning3.png.js');
const rain_storm1 = require('./images/rain_storm1.png.js');
const rain_storm2 = require('./images/rain_storm2.png.js');
const rain_storm3 = require('./images/rain_storm3.png.js');
const rain_storm4 = require('./images/rain_storm4.png.js');
const road_icing1 = require('./images/road_icing1.png.js');
const road_icing2 = require('./images/road_icing2.png.js');
const road_icing3 = require('./images/road_icing3.png.js');
const sand_storm1 = require('./images/sand_storm1.png.js');
const sand_storm2 = require('./images/sand_storm2.png.js');
const sand_storm3 = require('./images/sand_storm3.png.js');
const snow_storm1 = require('./images/snow_storm1.png.js');
const snow_storm2 = require('./images/snow_storm2.png.js');
const snow_storm3 = require('./images/snow_storm3.png.js');
const snow_storm4 = require('./images/snow_storm4.png.js');
const typhoon1 = require('./images/typhoon1.png.js');
const typhoon2 = require('./images/typhoon2.png.js');
const typhoon3 = require('./images/typhoon3.png.js');
const typhoon4 = require('./images/typhoon4.png.js');
const unknown = require('./images/unknown.png.js');
const wild_fire1 = require('./images/wild_fire1.png.js');
const wild_fire2 = require('./images/wild_fire2.png.js');
const wild_fire3 = require('./images/wild_fire3.png.js');
const vue = require('vue');
const elementPlusExpand = require('@ued_fpi/element-plus-expand');
const dayjs = require('dayjs');
const request = require('../../service/request.js');
const NoData_vue_vue_type_script_setup_true_lang = require('../common/NoData.vue.js');
require('../common/NoData.vue2.js');
const hooks = require('../../utils/hooks.js');

const _hoisted_1 = { class: "dv-ipes-disaster-warning" };
const _hoisted_2 = ["src"];
const _hoisted_3 = { class: "item-content" };
const _hoisted_4 = { class: "item-title" };
const _hoisted_5 = { class: "item-time" };
const __default__ = {
  name: "DvIpesDisasterWarning",
  title: "灾害预警"
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    beginTime: { default: +dayjs().startOf("d") },
    endTime: { default: +dayjs() },
    type: {},
    cityCode: { default: "" },
    level: {}
  },
  setup(__props) {
    const props = __props;
    const disasterList = vue.ref([]);
    async function getData() {
      try {
        const { data } = await request.default({
          method: "get",
          url: "/ipes-data-aggregation-server/api/v1/emergency-warning-record/recent",
          params: props
        });
        const { list } = data;
        const arr = [];
        list.forEach((item) => {
          const suffix = [1, 2, 3, 4].includes(item.level) ? item.type + item.level : "unknown";
          console.log(suffix);
          arr.push(
            {
              title: item.title,
              id: item.id,
              publishTimeStr: dayjs(item.publishTimeStr).format("YYYY年MM月DD日HH时mm分"),
              type: item.type,
              level: item.level,
              imgUrl: new URL((/* #__PURE__ */ Object.assign({"./images/cold_wave1.png": cold_wave1.default,"./images/cold_wave2.png": cold_wave2.default,"./images/cold_wave3.png": cold_wave3.default,"./images/cold_wave4.png": cold_wave4.default,"./images/convectivegust1.png": convectivegust1.default,"./images/convectivegust2.png": convectivegust2.default,"./images/convectivegust3.png": convectivegust3.default,"./images/convectivegust4.png": convectivegust4.default,"./images/drought1.png": drought1.default,"./images/drought2.png": drought2.default,"./images/empty.png": empty.default,"./images/frost2.png": frost2.default,"./images/frost3.png": frost3.default,"./images/frost4.png": frost4.default,"./images/gale1.png": gale1.default,"./images/gale2.png": gale2.default,"./images/gale3.png": gale3.default,"./images/gale4.png": gale4.default,"./images/hail1.png": hail1.default,"./images/hail2.png": hail2.default,"./images/haze2.png": haze2.default,"./images/haze3.png": haze3.default,"./images/heat_wave1.png": heat_wave1.default,"./images/heat_wave2.png": heat_wave2.default,"./images/heat_wave3.png": heat_wave3.default,"./images/heavy_fog1.png": heavy_fog1.default,"./images/heavy_fog2.png": heavy_fog2.default,"./images/heavy_fog3.png": heavy_fog3.default,"./images/lightning1.png": lightning1.default,"./images/lightning2.png": lightning2.default,"./images/lightning3.png": lightning3.default,"./images/rain_storm1.png": rain_storm1.default,"./images/rain_storm2.png": rain_storm2.default,"./images/rain_storm3.png": rain_storm3.default,"./images/rain_storm4.png": rain_storm4.default,"./images/road_icing1.png": road_icing1.default,"./images/road_icing2.png": road_icing2.default,"./images/road_icing3.png": road_icing3.default,"./images/sand_storm1.png": sand_storm1.default,"./images/sand_storm2.png": sand_storm2.default,"./images/sand_storm3.png": sand_storm3.default,"./images/snow_storm1.png": snow_storm1.default,"./images/snow_storm2.png": snow_storm2.default,"./images/snow_storm3.png": snow_storm3.default,"./images/snow_storm4.png": snow_storm4.default,"./images/typhoon1.png": typhoon1.default,"./images/typhoon2.png": typhoon2.default,"./images/typhoon3.png": typhoon3.default,"./images/typhoon4.png": typhoon4.default,"./images/unknown.png": unknown.default,"./images/wild_fire1.png": wild_fire1.default,"./images/wild_fire2.png": wild_fire2.default,"./images/wild_fire3.png": wild_fire3.default}))[`./images/${suffix}.png`], self.location).href
            }
          );
        });
        disasterList.value = arr;
      } catch (error) {
        console.log(error);
      }
    }
    vue.watch([() => props.beginTime, () => props.endTime, () => props.cityCode], () => {
      getData();
    });
    vue.onMounted(() => {
      getData();
    });
    hooks.setIntervalData(getData, 5 * 60 * 1e3);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.unref(disasterList).length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
          key: 0,
          class: "box",
          direction: "y",
          time: vue.unref(disasterList).length * 5
        }, {
          default: vue.withCtx(() => [
            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(disasterList), (item, index) => {
              return vue.openBlock(), vue.createElementBlock("div", {
                key: index,
                class: "item"
              }, [
                vue.createElementVNode("img", {
                  src: item.imgUrl
                }, null, 8, _hoisted_2),
                vue.createElementVNode("div", _hoisted_3, [
                  vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.title), 1),
                  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.publishTimeStr), 1)
                ])
              ]);
            }), 128))
          ]),
          _: 1
        }, 8, ["time"])) : (vue.openBlock(), vue.createBlock(NoData_vue_vue_type_script_setup_true_lang.default, {
          key: 1,
          type: "noDataTime",
          class: "box"
        }))
      ]);
    };
  }
});

exports.default = _sfc_main;