| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\cards\\cards.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\cards\\cards.vue","mtime":1761614938949},{"path":"D:\\front\\item\\zyAdmin\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjYXJkcycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbHNpemU6IHsKICAgICAgICB4bDogNCwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIKICAgICAgfQogICAgfTsKICB9LAogIHByb3BzOiB7CiAgICBjYXJkTGlzdHM6IEFycmF5CiAgfSwKICBtZXRob2RzOiB7fSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdmFyIGNhcmRsZW5ndGggPSB0aGlzLmNhcmRMaXN0cy5sZW5ndGg7CiAgICBzd2l0Y2ggKGNhcmRsZW5ndGgpIHsKICAgICAgY2FzZSAxOgogICAgICAgIHRoaXMuY29sc2l6ZS54bCA9IDI0OwogICAgICAgIHRoaXMuY29sc2l6ZS5sZyA9IDI0OwogICAgICAgIHRoaXMuY29sc2l6ZS5tZCA9IDI0OwogICAgICAgIGJyZWFrOwogICAgICBjYXNlIDI6CiAgICAgICAgdGhpcy5jb2xzaXplLnhsID0gMTI7CiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gMTI7CiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gMTI7CiAgICAgICAgYnJlYWs7CiAgICAgIGNhc2UgMzoKICAgICAgICB0aGlzLmNvbHNpemUueGwgPSA4OwogICAgICAgIHRoaXMuY29sc2l6ZS5sZyA9IDg7CiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gODsKICAgICAgICBicmVhazsKICAgICAgY2FzZSA0OgogICAgICAgIHRoaXMuY29sc2l6ZS54bCA9IDY7CiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gNjsKICAgICAgICB0aGlzLmNvbHNpemUubWQgPSAxMjsKICAgICAgICBicmVhazsKICAgICAgY2FzZSA1OgogICAgICAgIHRoaXMuY29sc2l6ZS54bCA9IDg7CiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsKICAgICAgICB0aGlzLmNvbHNpemUubWQgPSAxMjsKICAgICAgICBicmVhazsKICAgICAgZGVmYXVsdDoKICAgICAgICB0aGlzLmNvbHNpemUueGwgPSA0OwogICAgICAgIHRoaXMuY29sc2l6ZS5sZyA9IDg7CiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gMTI7CiAgICAgICAgYnJlYWs7CiAgICB9CiAgICBpZiAodGhpcy5jYXJkTGlzdHMubGVuZ3RoID09IDQpIHsKICAgICAgdGhpcy5jb2xzaXplLmxnID0gNjsKICAgIH0gZWxzZSBpZiAodGhpcy5jYXJkTGlzdHMubGVuZ3RoID09IDQpIHsKICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsKICAgIH0KICB9Cn07"},{"version":3,"names":["name","data","colsize","xl","lg","md","props","cardLists","Array","methods","created","cardlength","length"],"sources":["src/components/cards/cards.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!--v-if=\"item.count && item.count!='0.00'\"-->\r\n <el-row align=\"middle\" :gutter=\"16\" class=\"ivu-mt\">\r\n <el-col\r\n :xl=\"item.col || colsize.xl\"\r\n :lg=\"colsize.lg\"\r\n :md=\"colsize.md\"\r\n :sm=\"24\"\r\n :xs=\"24\"\r\n class=\"ivu-mb\"\r\n v-for=\"(item, index) in cardLists\"\r\n :key=\"index\"\r\n >\r\n <el-card shadow=\"never\" class=\"card_cent\">\r\n <div class=\"card_box\">\r\n <div\r\n class=\"card_box_cir\"\r\n :class=\"{\r\n one: index % 5 == 0,\r\n two: index % 5 == 1,\r\n three: index % 5 == 2,\r\n four: index % 5 == 3,\r\n five: index % 5 == 4,\r\n }\"\r\n >\r\n <div\r\n class=\"card_box_cir1\"\r\n :class=\"{\r\n one1: index % 5 == 0,\r\n two1: index % 5 == 1,\r\n three1: index % 5 == 2,\r\n four1: index % 5 == 3,\r\n five1: index % 5 == 4,\r\n }\"\r\n >\r\n <span class=\"iconfont\" :class=\"item.className\"></span>\r\n </div>\r\n </div>\r\n <div class=\"card_box_txt\">\r\n <span class=\"sp1\" v-text=\"item.count || 0\"></span>\r\n <span class=\"sp2\" v-text=\"item.name\"></span>\r\n </div>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'cards',\r\n data() {\r\n return {\r\n colsize: {\r\n xl: 4,\r\n lg: 8,\r\n md: 12,\r\n },\r\n };\r\n },\r\n props: {\r\n cardLists: Array,\r\n },\r\n methods: {},\r\n created() {\r\n let cardlength = this.cardLists.length;\r\n switch (cardlength) {\r\n case 1:\r\n this.colsize.xl = 24;\r\n this.colsize.lg = 24;\r\n this.colsize.md = 24;\r\n break;\r\n case 2:\r\n this.colsize.xl = 12;\r\n this.colsize.lg = 12;\r\n this.colsize.md = 12;\r\n break;\r\n case 3:\r\n this.colsize.xl = 8;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 8;\r\n break;\r\n case 4:\r\n this.colsize.xl = 6;\r\n this.colsize.lg = 6;\r\n this.colsize.md = 12;\r\n break;\r\n case 5:\r\n this.colsize.xl = 8;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 12;\r\n break;\r\n default:\r\n this.colsize.xl = 4;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 12;\r\n break;\r\n }\r\n if (this.cardLists.length == 4) {\r\n this.colsize.lg = 6;\r\n } else if (this.cardLists.length == 4) {\r\n this.colsize.lg = 8;\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card_box_cir1 ::v-deep .iconfont {\r\n font-size: 26px;\r\n color: #fff;\r\n}\r\n.one {\r\n background: #e4ecff;\r\n}\r\n.two {\r\n background: #fff3e0;\r\n}\r\n.three {\r\n background: #eaf9e1;\r\n}\r\n.four {\r\n background: #ffeaf4;\r\n}\r\n.five {\r\n background: #f1e4ff;\r\n}\r\n.one1 {\r\n background: #4d7cfe;\r\n}\r\n.two1 {\r\n background: #ffab2b;\r\n}\r\n.three1 {\r\n background: #6dd230;\r\n}\r\n.four1 {\r\n background: #ff85c0;\r\n}\r\n.five1 {\r\n background: #b37feb;\r\n}\r\n.card_box {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n /*justify-content: center*/\r\n\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n .card_box_cir {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin-right: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .card_box_cir1 {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n }\r\n .card_box_txt {\r\n .sp1 {\r\n display: block;\r\n color: #252631;\r\n font-size: 24px;\r\n }\r\n .sp2 {\r\n display: block;\r\n color: #98a9bc;\r\n font-size: 12px;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":"AAmDA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;MACA;IACA;EACA;EACAC,KAAA;IACAC,SAAA,EAAAC;EACA;EACAC,OAAA;EACAC,OAAA,WAAAA,QAAA;IACA,IAAAC,UAAA,QAAAJ,SAAA,CAAAK,MAAA;IACA,QAAAD,UAAA;MACA;QACA,KAAAT,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;MACA;QACA,KAAAH,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;MACA;QACA,KAAAH,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;MACA;QACA,KAAAH,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;MACA;QACA,KAAAH,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;MACA;QACA,KAAAH,OAAA,CAAAC,EAAA;QACA,KAAAD,OAAA,CAAAE,EAAA;QACA,KAAAF,OAAA,CAAAG,EAAA;QACA;IACA;IACA,SAAAE,SAAA,CAAAK,MAAA;MACA,KAAAV,OAAA,CAAAE,EAAA;IACA,gBAAAG,SAAA,CAAAK,MAAA;MACA,KAAAV,OAAA,CAAAE,EAAA;IACA;EACA;AACA","ignoreList":[]}]}
|
