{"ast":null,"code":"import \"core-js/modules/es.number.constructor.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: \"IncomeItem\",\n  props: {\n    good: Object,\n    index: Number,\n    categories: Array\n  }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACAA,oBADA;AAEAC;AACAC,gBADA;AAEAC,iBAFA;AAGAC;AAHA;AAFA","names":["name","props","good","index","categories"],"sourceRoot":"src/components","sources":["IncomeItem.vue"],"sourcesContent":["<!--\r\n * @Description: \r\n * @Author: Rabbiter\r\n * @Date: 2023-03-26 15:27:05\r\n-->\r\n<template>\r\n  <div>\r\n    <div class=\"header\">\r\n      销量第{{index}}\r\n    </div>\r\n    <div class=\"body\">\r\n      <div style=\"display: inline-block;margin-left: 40px\">\r\n        <router-link :to=\"'/goodview/'+good.id\">\r\n          <img :src=\"good.imgs\" style=\"width: 120px;height:120px\">\r\n        </router-link>\r\n      </div>\r\n      <div style=\"display: inline-block;line-height: 40px;padding: 20px\" >\r\n        <table>\r\n          <tr>\r\n            <th>商品id</th>\r\n            <th style=\"width: 300px\">商品名称</th>\r\n            <th>分类</th>\r\n            <th>销售额</th>\r\n          </tr>\r\n          <tr>\r\n            <td>{{good.id}}</td>\r\n            <router-link :to=\"'/goodview/'+good.id\">\r\n              <td style=\"width: 300px\">{{good.name}}</td>\r\n            </router-link>\r\n            <td>{{categories[good.categoryId-1].name}}</td>\r\n            <td>￥{{good.saleMoney}}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"IncomeItem\",\r\n  props:{\r\n    good: Object,\r\n    index: Number,\r\n    categories: Array\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.header{\r\n  background-image: linear-gradient(to bottom right, #e0f8bc,rgba(0,183,255,0.43));\r\n  padding: 10px;\r\n  color: #e04d76;\r\n  font-size: 20px;\r\n  font-weight: bolder;\r\n}\r\n.body{\r\n  background-color: #daf3ff;\r\n  padding: 5px;\r\n}\r\ntd{\r\n  width: 120px;\r\n  text-align: center;\r\n  font-size: 20px;\r\n  font-weight: lighter;\r\n}\r\nth{\r\n  width: 120px;\r\n  text-align: center;\r\n  font-size: 18px;\r\n  color: #00b7ff;\r\n  font-weight: normal;\r\n}\r\na{\r\ntext-decoration: none;\r\n\r\n}\r\n</style>"]},"metadata":{},"sourceType":"module"}