@ued_fpi/data-visual/dist/lib/ipes/src/TodayWork/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 bgDark = require('./images/bg-dark.png.js');
const bgLight = require('./images/bg-light.png.js');
const diaozhuangzyDark = require('./images/diaozhuangzy-dark.png.js');
const diaozhuangzyLight = require('./images/diaozhuangzy-light.png.js');
const donghuozyDark = require('./images/donghuozy-dark.png.js');
const donghuozyLight = require('./images/donghuozy-light.png.js');
const dongtuzyDark = require('./images/dongtuzy-dark.png.js');
const dongtuzyLight = require('./images/dongtuzy-light.png.js');
const duanluzyDark = require('./images/duanluzy-dark.png.js');
const duanluzyLight = require('./images/duanluzy-light.png.js');
const gaochuzyDark = require('./images/gaochuzy-dark.png.js');
const gaochuzyLight = require('./images/gaochuzy-light.png.js');
const linshiyongdianzyDark = require('./images/linshiyongdianzy-dark.png.js');
const linshiyongdianzyLight = require('./images/linshiyongdianzy-light.png.js');
const mangbanchouduzyDark = require('./images/mangbanchouduzy-dark.png.js');
const mangbanchouduzyLight = require('./images/mangbanchouduzy-light.png.js');
const shouxiankongjianzyDark = require('./images/shouxiankongjianzy-dark.png.js');
const shouxiankongjianzyLight = require('./images/shouxiankongjianzy-light.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 utils = require('../../../utils.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-today-work" };
const _hoisted_2 = { class: "special-work-parkList flex" };
const _hoisted_3 = { class: "iconBg" };
const _hoisted_4 = ["src"];
const _hoisted_5 = { class: "content flex flex-c" };
const _hoisted_6 = { class: "name" };
const _hoisted_7 = { class: "num" };
const __default__ = {
  name: "DvIpesTodayWork",
  title: "今日作业 "
};
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  setup(__props) {
    const { isDark } = utils.useThemeHook();
    const workList = vue.ref([]);
    const getImageUrl = (code) => {
      return new URL((/* #__PURE__ */ Object.assign({"./images/bg-dark.png": bgDark.default,"./images/bg-light.png": bgLight.default,"./images/diaozhuangzy-dark.png": diaozhuangzyDark.default,"./images/diaozhuangzy-light.png": diaozhuangzyLight.default,"./images/donghuozy-dark.png": donghuozyDark.default,"./images/donghuozy-light.png": donghuozyLight.default,"./images/dongtuzy-dark.png": dongtuzyDark.default,"./images/dongtuzy-light.png": dongtuzyLight.default,"./images/duanluzy-dark.png": duanluzyDark.default,"./images/duanluzy-light.png": duanluzyLight.default,"./images/gaochuzy-dark.png": gaochuzyDark.default,"./images/gaochuzy-light.png": gaochuzyLight.default,"./images/linshiyongdianzy-dark.png": linshiyongdianzyDark.default,"./images/linshiyongdianzy-light.png": linshiyongdianzyLight.default,"./images/mangbanchouduzy-dark.png": mangbanchouduzyDark.default,"./images/mangbanchouduzy-light.png": mangbanchouduzyLight.default,"./images/shouxiankongjianzy-dark.png": shouxiankongjianzyDark.default,"./images/shouxiankongjianzy-light.png": shouxiankongjianzyLight.default}))[`./images/${code}-${isDark ? "dark" : "light"}.png`], self.location).href;
    };
    async function getworkList() {
      try {
        const res = await request.default({
          method: "get",
          url: "/ipes-srip-server/api/v3/special-operation-statistics/operation-type-statistics",
          params: {
            beginTime: dayjs().startOf("day").valueOf(),
            endTime: dayjs().endOf("day").valueOf()
          }
        });
        workList.value = res.data;
      } catch (error) {
        console.log(error);
      }
    }
    vue.onMounted(() => {
      getworkList();
    });
    hooks.setIntervalData(getworkList, 5 * 60 * 1e3);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        workList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
          key: 0,
          direction: "x",
          "scroll-able": "",
          time: workList.value.length * 3
        }, {
          default: vue.withCtx(() => [
            vue.createElementVNode("div", _hoisted_2, [
              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(workList.value, (item) => {
                return vue.openBlock(), vue.createElementBlock("div", {
                  key: item.code,
                  class: "special-work-item"
                }, [
                  vue.createElementVNode("div", _hoisted_3, [
                    vue.createElementVNode("img", {
                      src: getImageUrl(item.code),
                      class: "icon"
                    }, null, 8, _hoisted_4)
                  ]),
                  vue.createElementVNode("div", _hoisted_5, [
                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(item.name), 1),
                    vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(item.value), 1)
                  ])
                ]);
              }), 128))
            ])
          ]),
          _: 1
        }, 8, ["time"])) : (vue.openBlock(), vue.createBlock(NoData_vue_vue_type_script_setup_true_lang.default, { key: 1 }))
      ]);
    };
  }
});

exports.default = _sfc_main;