{"remainingRequest":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js!D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js??vue-loader-options!D:\\guoan\\ts-bigscreen-vue\\src\\components\\AssetOverview.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\AssetOverview.vue","mtime":1741247585703},{"path":"D:\\guoan\\ts-bigscreen-vue\\babel.config.js","mtime":1740967860001},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740984332670},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740984332280},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740984469533}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF90b0NvbnN1bWFibGVBcnJheSBmcm9tICJEOi9ndW9hbi90cy1iaWdzY3JlZW4tdnVlL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS90b0NvbnN1bWFibGVBcnJheS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmNvbmNhdC5qcyI7CmltcG9ydCB7IGFzc2V0RGF0YSB9IGZyb20gIi4uL2RhdGEvZGFzaGJvYXJkRGF0YSI7CmltcG9ydCB7IGZvcm1hdE51bWJlciwgZm9ybWF0Q3VycmVuY3kgfSBmcm9tICIuLi91dGlscy9mb3JtYXQiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkFzc2V0T3ZlcnZpZXciLAogIGNvbXBvbmVudHM6IHt9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBhc3NldERhdGE6IGFzc2V0RGF0YQogICAgfTsKICB9LAogIGNvbXB1dGVkOiB7CiAgICBkaXNwbGF5RGF0YTogZnVuY3Rpb24gZGlzcGxheURhdGEoKSB7CiAgICAgIHJldHVybiBbXS5jb25jYXQoX3RvQ29uc3VtYWJsZUFycmF5KHRoaXMuYXNzZXREYXRhLmFzc2V0VHJlbmREYXRhLnJvd3MpLCBfdG9Db25zdW1hYmxlQXJyYXkodGhpcy5hc3NldERhdGEuYXNzZXRUcmVuZERhdGEucm93cykpOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgZm9ybWF0TnVtYmVyOiBmb3JtYXROdW1iZXIsCiAgICBmb3JtYXRDdXJyZW5jeTogZm9ybWF0Q3VycmVuY3ksCiAgICB0YWJsZVJvd0NsYXNzTmFtZTogZnVuY3Rpb24gdGFibGVSb3dDbGFzc05hbWUoX3JlZikgewogICAgICB2YXIgcm93SW5kZXggPSBfcmVmLnJvd0luZGV4OwogICAgICByZXR1cm4gInJvdy0iLmNvbmNhdChyb3dJbmRleCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["assetData","formatNumber","formatCurrency","name","components","data","computed","displayData","concat","_toConsumableArray","assetTrendData","rows","methods","tableRowClassName","_ref","rowIndex"],"sources":["src/components/AssetOverview.vue"],"sourcesContent":["<template>\r\n  <div class=\"asset-overview\">\r\n    <div class=\"content\">\r\n      <div class=\"asset-summary\">\r\n        <div class=\"total-assets\">\r\n          <div class=\"value\">{{ formatCurrency(assetData.totalAssets) }}</div>\r\n          <div class=\"label\">总资产（万元）</div>\r\n        </div>\r\n\r\n        <div class=\"asset-categories\">\r\n          <div\r\n            class=\"category-item\"\r\n            v-for=\"(item, index) in assetData.assetCategories\"\r\n            :key=\"index\"\r\n          >\r\n            <span class=\"label\">{{ item.name }}</span>\r\n            <span class=\"value\">{{ formatNumber(item.value) }}万</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"table-container\">\r\n        <el-table\r\n          :data=\"displayData\"\r\n          style=\"width: 100%\"\r\n          class=\"animated-table custom-table\"\r\n          :row-class-name=\"tableRowClassName\"\r\n          :header-cell-style=\"{\r\n            background: 'transparent',\r\n            color: '#4a90e2',\r\n            height: '40px',\r\n            fontWeight: 'bold',\r\n            fontSize: '14px',\r\n          }\"\r\n          :row-style=\"{ height: '35px' }\"\r\n          :cell-style=\"{ padding: '0' }\"\r\n        >\r\n          <el-table-column\r\n            prop=\"月份\"\r\n            label=\"月份\"\r\n            width=\"180\"\r\n            align=\"center\"\r\n          />\r\n          <el-table-column\r\n            prop=\"资产总值\"\r\n            label=\"资产总值（万元）\"\r\n            align=\"center\"\r\n          >\r\n            <template #default=\"scope\">\r\n              {{ formatNumber(scope.row.资产总值) }}\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { assetData } from \"../data/dashboardData\";\r\nimport { formatNumber, formatCurrency } from \"../utils/format\";\r\n\r\nexport default {\r\n  name: \"AssetOverview\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      assetData,\r\n    };\r\n  },\r\n  computed: {\r\n    displayData() {\r\n      return [\r\n        ...this.assetData.assetTrendData.rows,\r\n        ...this.assetData.assetTrendData.rows,\r\n      ];\r\n    },\r\n  },\r\n  methods: {\r\n    formatNumber,\r\n    formatCurrency,\r\n    tableRowClassName({ rowIndex }) {\r\n      return `row-${rowIndex}`;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.asset-overview {\r\n  height: 100%;\r\n  color: #fff;\r\n\r\n  .content {\r\n    height: calc(100% - 80px);\r\n    margin-top: 15px;\r\n    .asset-summary {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 20px;\r\n\r\n      .total-assets {\r\n        text-align: center;\r\n        &:hover {\r\n          transform: translateY(-2px);\r\n          .label {\r\n            color: rgba(255, 255, 255, 0.9);\r\n          }\r\n        }\r\n        .value {\r\n          font-size: 24px;\r\n          font-weight: bold;\r\n          background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .label {\r\n          font-size: 14px;\r\n          color: rgba(255, 255, 255, 0.7);\r\n          margin-top: 5px;\r\n        }\r\n      }\r\n\r\n      .asset-categories {\r\n        display: flex;\r\n        gap: 20px;\r\n\r\n        .category-item {\r\n          text-align: center;\r\n\r\n          .label {\r\n            display: block;\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n          }\r\n\r\n          .value {\r\n            display: block;\r\n            font-size: 16px;\r\n            background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-top: 5px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .table-container {\r\n      height: 160px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n      background: rgba(74, 144, 226, 0.05);\r\n      backdrop-filter: blur(5px);\r\n\r\n      .custom-table {\r\n        ::v-deep {\r\n          .el-table__cell {\r\n            border: none !important;\r\n            transition: all 0.3s ease;\r\n          }\r\n\r\n          .el-table__header-wrapper {\r\n            th {\r\n              background: transparent;\r\n              border: none;\r\n              position: relative;\r\n\r\n              &::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 10%;\r\n                width: 80%;\r\n                height: 2px;\r\n                background: linear-gradient(\r\n                  90deg,\r\n                  transparent 0%,\r\n                  rgba(74, 144, 226, 0.5) 50%,\r\n                  transparent 100%\r\n                );\r\n              }\r\n\r\n              .cell {\r\n                font-weight: bold;\r\n                background: linear-gradient(to top, #4a90e2, #ffffff);\r\n                -webkit-background-clip: text;\r\n                -webkit-text-fill-color: transparent;\r\n              }\r\n            }\r\n          }\r\n\r\n          .el-table__body-wrapper {\r\n            background: transparent;\r\n            overflow: hidden;\r\n\r\n            td {\r\n              background: transparent;\r\n              border: none;\r\n              position: relative;\r\n\r\n              &::after {\r\n                content: \"\";\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 5%;\r\n                width: 90%;\r\n                height: 1px;\r\n                background: linear-gradient(\r\n                  90deg,\r\n                  transparent 0%,\r\n                  rgba(74, 144, 226, 0.1) 50%,\r\n                  transparent 100%\r\n                );\r\n              }\r\n            }\r\n\r\n            .el-table__row {\r\n              transition: all 0.3s ease;\r\n\r\n              &:hover {\r\n                background: rgba(74, 144, 226, 0.1);\r\n                transform: scale(1.01);\r\n                td {\r\n                  color: #4a90e2;\r\n                }\r\n              }\r\n            }\r\n\r\n            .el-table__body {\r\n              animation: scroll 20s linear infinite;\r\n              &:hover {\r\n                animation-play-state: paused;\r\n              }\r\n            }\r\n          }\r\n\r\n          @keyframes scroll {\r\n            0% {\r\n              transform: translateY(0);\r\n            }\r\n            100% {\r\n              transform: translateY(-50%);\r\n            }\r\n          }\r\n\r\n          .el-table__inner-wrapper::after,\r\n          .el-table--border::after {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .el-table {\r\n    background-color: transparent;\r\n  }\r\n\r\n  ::v-deep .el-table th,\r\n  ::v-deep .el-table tr,\r\n  ::v-deep .el-table td {\r\n    background-color: transparent;\r\n    border: none;\r\n    color: rgba(255, 255, 255, 0.8);\r\n  }\r\n}\r\n</style> "],"mappings":";;AA2DA,SAAAA,SAAA;AACA,SAAAC,YAAA,EAAAC,cAAA;AAEA;EACAC,IAAA;EACAC,UAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAL,SAAA,EAAAA;IACA;EACA;EACAM,QAAA;IACAC,WAAA,WAAAA,YAAA;MACA,UAAAC,MAAA,CAAAC,kBAAA,CACA,KAAAT,SAAA,CAAAU,cAAA,CAAAC,IAAA,GAAAF,kBAAA,CACA,KAAAT,SAAA,CAAAU,cAAA,CAAAC,IAAA;IAEA;EACA;EACAC,OAAA;IACAX,YAAA,EAAAA,YAAA;IACAC,cAAA,EAAAA,cAAA;IACAW,iBAAA,WAAAA,kBAAAC,IAAA;MAAA,IAAAC,QAAA,GAAAD,IAAA,CAAAC,QAAA;MACA,cAAAP,MAAA,CAAAO,QAAA;IACA;EACA;AACA","ignoreList":[]}]}