{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\home\\countFlopOne.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\home\\countFlopOne.vue","mtime":1740032704199},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2ludGVyb3BSZXF1aXJlRGVmYXVsdC5qcyIpLmRlZmF1bHQ7Ck9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCAiX19lc01vZHVsZSIsIHsKICB2YWx1ZTogdHJ1ZQp9KTsKZXhwb3J0cy5kZWZhdWx0ID0gdm9pZCAwOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMucmVnZXhwLnRvLXN0cmluZy5qcyIpOwp2YXIgX2dldE1hdGVyaWFsc0RpYWxvZyA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiLi9nZXRNYXRlcmlhbHNEaWFsb2cudnVlIikpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSBleHBvcnRzLmRlZmF1bHQgPSB7CiAgbmFtZTogJ2NvdW50RmxvcCcsCiAgY29tcG9uZW50czogewogICAgZ2V0TWF0ZXJpYWxzRGlhbG9nOiBfZ2V0TWF0ZXJpYWxzRGlhbG9nLmRlZmF1bHQKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTogW10sCiAgICAgIG51bWJlckxpc3Q6IFswLCAxLCAyLCAzLCA0LCA1LCA2LCA3LCA4LCA5XSwKICAgICAgY29tcEtleTogMAogICAgfTsKICB9LAogIHByb3BzOiBbJ3ZhbCcsICdzdWZmaXgnLCAnc29uVGl0bGUnXSwKICB3YXRjaDogewogICAgdmFsOiBmdW5jdGlvbiB2YWwoKSB7CiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLnZhbC50b1N0cmluZygpLnNwbGl0KCcnKTsKICAgICAgdGhpcy5jb21wS2V5ICs9IDE7CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsLnRvU3RyaW5nKCkuc3BsaXQoJycpOwogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlQ2xpY2s6IGZ1bmN0aW9uIGhhbmRsZUNsaWNrKHZhbCkgewogICAgICB2YXIgcGFyYW1zID0gewogICAgICAgIG9wZW46IHRydWUsCiAgICAgICAgbWFUeXBlOiB2YWwKICAgICAgfTsKICAgICAgLy8gdGhpcy4kcmVmcy5tYXRlcmlhbHNEaWFsb2cuc2V0T3BlbihwYXJhbXMpOwogICAgfQogIH0KfTs="},{"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":[]}]}