{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\countFlopOne.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\countFlopOne.vue","mtime":1740032704199},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpMi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC50by1zdHJpbmcuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLnJlZ2V4cC50by1zdHJpbmcuanMiKTsKdmFyIF9nZXRNYXRlcmlhbHNEaWFsb2cgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIi4vZ2V0TWF0ZXJpYWxzRGlhbG9nLnZ1ZSIpKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gZXhwb3J0cy5kZWZhdWx0ID0gewogIG5hbWU6ICdjb3VudEZsb3AnLAogIGNvbXBvbmVudHM6IHsKICAgIGdldE1hdGVyaWFsc0RpYWxvZzogX2dldE1hdGVyaWFsc0RpYWxvZy5kZWZhdWx0CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IFtdLAogICAgICBudW1iZXJMaXN0OiBbMCwgMSwgMiwgMywgNCwgNSwgNiwgNywgOCwgOV0sCiAgICAgIGNvbXBLZXk6IDAKICAgIH07CiAgfSwKICBwcm9wczogWyd2YWwnLCAnc3VmZml4JywgJ3NvblRpdGxlJ10sCiAgd2F0Y2g6IHsKICAgIHZhbDogZnVuY3Rpb24gdmFsKCkgewogICAgICB0aGlzLnZhbHVlID0gdGhpcy52YWwudG9TdHJpbmcoKS5zcGxpdCgnJyk7CiAgICAgIHRoaXMuY29tcEtleSArPSAxOwogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMudmFsdWUgPSB0aGlzLnZhbC50b1N0cmluZygpLnNwbGl0KCcnKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGhhbmRsZUNsaWNrOiBmdW5jdGlvbiBoYW5kbGVDbGljayh2YWwpIHsKICAgICAgdmFyIHBhcmFtcyA9IHsKICAgICAgICBvcGVuOiB0cnVlLAogICAgICAgIG1hVHlwZTogdmFsCiAgICAgIH07CiAgICAgIC8vIHRoaXMuJHJlZnMubWF0ZXJpYWxzRGlhbG9nLnNldE9wZW4ocGFyYW1zKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["_getMaterialsDialog","_interopRequireDefault","require","name","components","getMaterialsDialog","data","value","numberList","compKey","props","watch","val","toString","split","mounted","methods","handleClick","params","open","maType"],"sources":["src/components/home/countFlopOne.vue"],"sourcesContent":["<template>\r\n    <div class=\"count-title\">\r\n        <p>{{ sonTitle }}</p>\r\n        <div class=\"count-flop\" :key=\"compKey\">\r\n            <div\r\n                :class=\"item != ',' ? 'count-flop-box' : 'count-flop-point'\"\r\n                v-for=\"(item, index) in value\"\r\n                :key=\"index\"\r\n            >\r\n                <div\r\n                    v-if=\"item != ',' && item != '-'\"\r\n                    class=\"count-flop-content\"\r\n                    :class=\"['rolling_' + item]\"\r\n                >\r\n                    <div\r\n                        v-for=\"(item2, index2) in numberList\"\r\n                        :key=\"index2\"\r\n                        class=\"count-flop-num\"\r\n                    >\r\n                        {{ item2 }}\r\n                    </div>\r\n                </div>\r\n                <div v-else-if=\"item == '-'\" class=\"count-flop-content\">-</div>\r\n                <div v-else class=\"count-flop-content\">,</div>\r\n            </div>\r\n            <div v-if=\"suffix\" class=\"count-flop-unit\">{{ suffix }}</div>\r\n        </div>\r\n\r\n        <!-- <getMaterialsDialog ref=\"materialsDialog\"></getMaterialsDialog> -->\r\n    </div>\r\n</template>\r\n<script>\r\nimport getMaterialsDialog from './getMaterialsDialog.vue'\r\nexport default {\r\n    name: 'countFlop',\r\n    components: {\r\n        getMaterialsDialog,\r\n    },\r\n    data() {\r\n        return {\r\n            value: [],\r\n            numberList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],\r\n            compKey: 0,\r\n        }\r\n    },\r\n    props: ['val', 'suffix', 'sonTitle'],\r\n    watch: {\r\n        val() {\r\n            this.value = this.val.toString().split('')\r\n            this.compKey += 1\r\n        },\r\n    },\r\n    mounted() {\r\n        this.value = this.val.toString().split('')\r\n    },\r\n    methods: {\r\n        handleClick(val) {\r\n            const params = {\r\n                open: true,\r\n                maType: val,\r\n            }\r\n            // this.$refs.materialsDialog.setOpen(params);\r\n        },\r\n    },\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@font-face {\r\n    font-family: 'electronicFont';\r\n    src: url('../../../src/assets/css/DS-Digital/DS-DIGI-1.ttf');\r\n}\r\n.count-title {\r\n    font-size: 18px;\r\n    color: #1fd1ff;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;\r\n    line-height: 21px;\r\n    margin-left: 31px;\r\n}\r\n.count-flop {\r\n    display: inline-block;\r\n    /* 可更改 */\r\n    height: 56px;\r\n    line-height: 56px;\r\n    font-size: 48px;\r\n    color: #4898f1;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    color: aqua;\r\n}\r\n\r\n.count-flop > div {\r\n    position: relative;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.count-flop-box {\r\n    width: 49px;\r\n    height: 56px;\r\n    background: url(../../assets/img/myImage/number_box.png) no-repeat center;\r\n    background-size: 100% 100%;\r\n    color: #fff;\r\n    /* font-family: electronicFont; */\r\n}\r\n.count-flop-box:nth-child(n + 2) {\r\n    margin-left: 8px;\r\n}\r\n\r\n.count-flop-point {\r\n    width: 22px;\r\n    height: 56px;\r\n    margin: 0 9px;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    line-height: 56px;\r\n}\r\n\r\n.count-flop-content {\r\n    text-align: center;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    animation-fill-mode: forwards !important;\r\n    color: #fff;\r\n    font-size: 48px;\r\n    font-family: electronicFont;\r\n    font-weight: bold;\r\n}\r\n\r\n.rolling_0 {\r\n    animation: rolling_0 2.1s ease;\r\n}\r\n\r\n@keyframes rolling_0 {\r\n    from {\r\n        transform: translateY(-90%);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.rolling_1 {\r\n    animation: rolling_1 3s ease;\r\n}\r\n\r\n@keyframes rolling_1 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-10%);\r\n    }\r\n}\r\n\r\n.rolling_2 {\r\n    animation: rolling_2 2.1s ease;\r\n}\r\n\r\n@keyframes rolling_2 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-20%);\r\n    }\r\n}\r\n\r\n.rolling_3 {\r\n    animation: rolling_3 3s ease;\r\n}\r\n\r\n@keyframes rolling_3 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-30%);\r\n    }\r\n}\r\n\r\n.rolling_4 {\r\n    animation: rolling_4 2.1s ease;\r\n}\r\n\r\n@keyframes rolling_4 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-40%);\r\n    }\r\n}\r\n\r\n.rolling_5 {\r\n    animation: rolling_5 3s ease;\r\n}\r\n\r\n@keyframes rolling_5 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-50%);\r\n    }\r\n}\r\n\r\n.rolling_6 {\r\n    animation: rolling_6 2.1s ease;\r\n}\r\n\r\n@keyframes rolling_6 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-60%);\r\n    }\r\n}\r\n\r\n.rolling_7 {\r\n    animation: rolling_7 3.1s ease;\r\n}\r\n\r\n@keyframes rolling_7 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-70%);\r\n    }\r\n}\r\n\r\n.rolling_8 {\r\n    animation: rolling_8 2.1s ease;\r\n}\r\n\r\n@keyframes rolling_8 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-80%);\r\n    }\r\n}\r\n\r\n.rolling_9 {\r\n    animation: rolling_9 3.6s ease;\r\n}\r\n\r\n@keyframes rolling_9 {\r\n    from {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateY(-90%);\r\n    }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;AAgCA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCACA;EACAC,IAAA;EACAC,UAAA;IACAC,kBAAA,EAAAA;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,KAAA;MACAC,UAAA;MACAC,OAAA;IACA;EACA;EACAC,KAAA;EACAC,KAAA;IACAC,GAAA,WAAAA,IAAA;MACA,KAAAL,KAAA,QAAAK,GAAA,CAAAC,QAAA,GAAAC,KAAA;MACA,KAAAL,OAAA;IACA;EACA;EACAM,OAAA,WAAAA,QAAA;IACA,KAAAR,KAAA,QAAAK,GAAA,CAAAC,QAAA,GAAAC,KAAA;EACA;EACAE,OAAA;IACAC,WAAA,WAAAA,YAAAL,GAAA;MACA,IAAAM,MAAA;QACAC,IAAA;QACAC,MAAA,EAAAR;MACA;MACA;IACA;EACA;AACA","ignoreList":[]}]}