| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\statistic\\product\\components\\productRanking.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\statistic\\product\\components\\productRanking.vue","mtime":1677828270241},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9hc3luY1RvR2VuZXJhdG9yIGZyb20gIkU6L2l0ZW0vbmV3SXRlbS9hZG1pbi9ub2RlX21vZHVsZXMvQHZ1ZS9iYWJlbC1wcmVzZXQtYXBwL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9hc3luY1RvR2VuZXJhdG9yLmpzIjsKaW1wb3J0ICJyZWdlbmVyYXRvci1ydW50aW1lL3J1bnRpbWUuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5qb2luLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnNvcnQuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBzdGF0aXN0aWNQcm9kdWN0TGlzdEFwaSB9IGZyb20gJ0AvYXBpL3N0YXRpc3RpYyc7CmltcG9ydCBnb29kc0RldGFpbCBmcm9tICcuLi9jb21wb25lbnRzL2dvb2RzRGV0YWlsJzsKaW1wb3J0IHsgZm9ybWF0RGF0ZSB9IGZyb20gJ0AvdXRpbHMvdmFsaWRhdGUnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3Byb2R1Y3RSYW5raW5nJywKICBjb21wb25lbnRzOiB7CiAgICBnb29kc0RldGFpbDogZ29vZHNEZXRhaWwKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB2YWxpZGF0ZUZ1bjogdGhpcy4kdmFsaWRhdGVGdW4sCiAgICAgIG9wdGlvbnM6IHRoaXMuJHRpbWVPcHRpb25zLAogICAgICBuYW1lOiAn6L+RMzDlpKknLAogICAgICB0aW1lVmFsOiBbXSwKICAgICAgZGF0YVRpbWU6ICcnLAogICAgICBmb3JtVmFsaWRhdGU6IHsKICAgICAgICBsaW1pdDogMTAsCiAgICAgICAgcGFnZTogMSwKICAgICAgICBzb3J0OiAndmlzaXQnLAogICAgICAgIGRhdGE6ICcnCiAgICAgIH0sCiAgICAgIGxvYWRpbmc6IGZhbHNlLAogICAgICB0YWJMaXN0OiBbXSwKICAgICAgdG90YWw6IDAsCiAgICAgIGNvbHVtbnM0OiBbewogICAgICAgIHRpdGxlOiAn5ZWG5ZOB5Zu+54mHJywKICAgICAgICBzbG90OiAnaW1hZ2UnLAogICAgICAgIG1pbldpZHRoOiA4MAogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICfllYblk4HlkI3np7AnLAogICAgICAgIHdpZHRoOiAxODAsCiAgICAgICAga2V5OiAnc3RvcmVfbmFtZScKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn5rWP6KeI6YePJywKICAgICAgICBrZXk6ICd2aXNpdCcsCiAgICAgICAgbWluV2lkdGg6IDEwMAogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICforr/lrqLmlbAnLAogICAgICAgIGtleTogJ3VzZXInLAogICAgICAgIG1pbldpZHRoOiAxMDAKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn5Yqg6LSt5Lu25pWwJywKICAgICAgICBrZXk6ICdjYXJ0JywKICAgICAgICBtaW5XaWR0aDogMTAwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+S4i+WNleS7tuaVsCcsCiAgICAgICAga2V5OiAnb3JkZXJzJywKICAgICAgICBtaW5XaWR0aDogMTAwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+aUr+S7mOS7tuaVsCcsCiAgICAgICAga2V5OiAncGF5JywKICAgICAgICBtaW5XaWR0aDogMTAwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+aUr+S7mOmHkeminScsCiAgICAgICAga2V5OiAncHJpY2UnLAogICAgICAgIG1pbldpZHRoOiAxMDAKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn5q+b5Yip546HKCUpJywKICAgICAgICBzbG90OiAncHJvZml0JywKICAgICAgICBtaW5XaWR0aDogMTAwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+aUtuiXj+aVsCcsCiAgICAgICAga2V5OiAnY29sbGVjdCcsCiAgICAgICAgbWluV2lkdGg6IDEwMAogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICforr/lrqIt5pSv5LuY6L2s5YyW546HKCUpJywKICAgICAgICBzbG90OiAnY2hhbmdlcycsCiAgICAgICAgbWluV2lkdGg6IDEyMAogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICfmk43kvZwnLAogICAgICAgIHNsb3Q6ICdhY3Rpb24nLAogICAgICAgIGZpeGVkOiAncmlnaHQnLAogICAgICAgIG1pbldpZHRoOiA4MAogICAgICB9XSwKICAgICAgZ29vZHNJZDogJycsCiAgICAgIGlzUHJvZHVjdEJveDogZmFsc2UsCiAgICAgIGxpc3Q6IFt7CiAgICAgICAgdmFsOiAndmlzaXQnLAogICAgICAgIG5hbWU6ICfmtY/op4jph48nCiAgICAgIH0sIHsKICAgICAgICB2YWw6ICd1c2VyJywKICAgICAgICBuYW1lOiAn6K6/5a6i5pWwJwogICAgICB9LCB7CiAgICAgICAgdmFsOiAnY2FydCcsCiAgICAgICAgbmFtZTogJ+WKoOi0reS7tuaVsCcKICAgICAgfSwgewogICAgICAgIHZhbDogJ29yZGVycycsCiAgICAgICAgbmFtZTogJ+S4i+WNleS7tuaVsCcKICAgICAgfSwgewogICAgICAgIHZhbDogJ3ByaWNlJywKICAgICAgICBuYW1lOiAn5pSv5LuY6YeR6aKdJwogICAgICB9LCB7CiAgICAgICAgdmFsOiAncHJvZml0JywKICAgICAgICBuYW1lOiAn5q+b5Yip546HJwogICAgICB9LCB7CiAgICAgICAgdmFsOiAnY29sbGVjdCcsCiAgICAgICAgbmFtZTogJ+aUtuiXj+aVsCcKICAgICAgfSwgewogICAgICAgIHZhbDogJ2NoYW5nZXMnLAogICAgICAgIG5hbWU6ICforr/lrqIt5pSv5LuY6L2s5YyW546HJwogICAgICB9XQogICAgfTsKICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB2YXIgZW5kID0gbmV3IERhdGUoKTsKICAgIHZhciBzdGFydCA9IG5ldyBEYXRlKCk7CiAgICBzdGFydC5zZXRUaW1lKHN0YXJ0LnNldFRpbWUobmV3IERhdGUobmV3IERhdGUoKS5nZXRGdWxsWWVhcigpLCBuZXcgRGF0ZSgpLmdldE1vbnRoKCksIG5ldyBEYXRlKCkuZ2V0RGF0ZSgpIC0gMjkpKSk7CiAgICB0aGlzLnRpbWVWYWwgPSBbc3RhcnQsIGVuZF07CiAgICB0aGlzLmZvcm1WYWxpZGF0ZS5kYXRhID0gZm9ybWF0RGF0ZShzdGFydCwgJ3l5eXkvTU0vZGQnKSArICctJyArIGZvcm1hdERhdGUoZW5kLCAneXl5eS9NTS9kZCcpOwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZ2V0TGlzdCgpOwogIH0sCiAgbWV0aG9kczogewogICAgLy8g5YW35L2T5pel5pyfCiAgICBvbmNoYW5nZVRpbWU6IGZ1bmN0aW9uIG9uY2hhbmdlVGltZShlKSB7CiAgICAgIHRoaXMudGltZVZhbCA9IGU7CiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmRhdGEgPSB0aGlzLnRpbWVWYWwuam9pbignLScpOwogICAgICB0aGlzLm5hbWUgPSB0aGlzLmZvcm1WYWxpZGF0ZS5kYXRhOwogICAgfSwKICAgIGNoYW5nZU1lbnU6IGZ1bmN0aW9uIGNoYW5nZU1lbnUobmFtZSkgewogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5zb3J0ID0gbmFtZTsKICAgICAgdGhpcy5nZXRMaXN0KCk7CiAgICB9LAogICAgLy8g5YiX6KGoCiAgICBnZXRMaXN0OiBmdW5jdGlvbiBnZXRMaXN0KCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsKICAgICAgc3RhdGlzdGljUHJvZHVjdExpc3RBcGkodGhpcy5mb3JtVmFsaWRhdGUpLnRoZW4oIC8qI19fUFVSRV9fKi9mdW5jdGlvbiAoKSB7CiAgICAgICAgdmFyIF9yZWYgPSBfYXN5bmNUb0dlbmVyYXRvciggLyojX19QVVJFX18qL3JlZ2VuZXJhdG9yUnVudGltZS5tYXJrKGZ1bmN0aW9uIF9jYWxsZWUocmVzKSB7CiAgICAgICAgICB2YXIgZGF0YTsKICAgICAgICAgIHJldHVybiByZWdlbmVyYXRvclJ1bnRpbWUud3JhcChmdW5jdGlvbiBfY2FsbGVlJChfY29udGV4dCkgewogICAgICAgICAgICB3aGlsZSAoMSkgewogICAgICAgICAgICAgIHN3aXRjaCAoX2NvbnRleHQucHJldiA9IF9jb250ZXh0Lm5leHQpIHsKICAgICAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICAgICAgZGF0YSA9IHJlcy5kYXRhOwogICAgICAgICAgICAgICAgICBfdGhpcy50YWJMaXN0ID0gZGF0YTsKICAgICAgICAgICAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwoKICAgICAgICAgICAgICAgIGNhc2UgMzoKICAgICAgICAgICAgICAgIGNhc2UgImVuZCI6CiAgICAgICAgICAgICAgICAgIHJldHVybiBfY29udGV4dC5zdG9wKCk7CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LCBfY2FsbGVlKTsKICAgICAgICB9KSk7CgogICAgICAgIHJldHVybiBmdW5jdGlvbiAoX3gpIHsKICAgICAgICAgIHJldHVybiBfcmVmLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7CiAgICAgICAgfTsKICAgICAgfSgpKS5jYXRjaChmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwoKICAgICAgICBfdGhpcy4kTWVzc2FnZS5lcnJvcihyZXMubXNnKTsKICAgICAgfSk7CiAgICB9LAogICAgbG9vazogZnVuY3Rpb24gbG9vayhyb3cpIHsKICAgICAgdGhpcy5nb29kc0lkID0gcm93LnByb2R1Y3RfaWQ7CiAgICAgIHRoaXMuaXNQcm9kdWN0Qm94ID0gdHJ1ZTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AACA;AACA;EACAA,sBADA;EAEAC;IACAC;EADA,CAFA;EAKAC,IALA,kBAKA;IACA;MACAC,8BADA;MAEAC,0BAFA;MAGAL,YAHA;MAIAM,WAJA;MAKAC,YALA;MAMAC;QACAC,SADA;QAEAC,OAFA;QAGAC,aAHA;QAIAR;MAJA,CANA;MAYAS,cAZA;MAaAC,WAbA;MAcAC,QAdA;MAeAC,WACA;QACAC,aADA;QAEAC,aAFA;QAGAC;MAHA,CADA,EAMA;QACAF,aADA;QAEAG,UAFA;QAGAC;MAHA,CANA,EAWA;QACAJ,YADA;QAEAI,YAFA;QAGAF;MAHA,CAXA,EAgBA;QACAF,YADA;QAEAI,WAFA;QAGAF;MAHA,CAhBA,EAqBA;QACAF,aADA;QAEAI,WAFA;QAGAF;MAHA,CArBA,EA0BA;QACAF,aADA;QAEAI,aAFA;QAGAF;MAHA,CA1BA,EA+BA;QACAF,aADA;QAEAI,UAFA;QAGAF;MAHA,CA/BA,EAoCA;QACAF,aADA;QAEAI,YAFA;QAGAF;MAHA,CApCA,EAyCA;QACAF,eADA;QAEAC,cAFA;QAGAC;MAHA,CAzCA,EA8CA;QACAF,YADA;QAEAI,cAFA;QAGAF;MAHA,CA9CA,EAmDA;QACAF,oBADA;QAEAC,eAFA;QAGAC;MAHA,CAnDA,EAwDA;QACAF,WADA;QAEAC,cAFA;QAGAI,cAHA;QAIAH;MAJA,CAxDA,CAfA;MA8EAI,WA9EA;MA+EAC,mBA/EA;MAgFAC,OACA;QACAC,YADA;QAEAzB;MAFA,CADA,EAKA;QACAyB,WADA;QAEAzB;MAFA,CALA,EASA;QACAyB,WADA;QAEAzB;MAFA,CATA,EAaA;QACAyB,aADA;QAEAzB;MAFA,CAbA,EAiBA;QACAyB,YADA;QAEAzB;MAFA,CAjBA,EAqBA;QACAyB,aADA;QAEAzB;MAFA,CArBA,EAyBA;QACAyB,cADA;QAEAzB;MAFA,CAzBA,EA6BA;QACAyB,cADA;QAEAzB;MAFA,CA7BA;IAhFA;EAmHA,CAzHA;EA0HA0B,OA1HA,qBA0HA;IACA;IACA;IACAC;IACA;IACA;EACA,CAhIA;EAiIAC,OAjIA,qBAiIA;IACA;EACA,CAnIA;EAoIAC;IACA;IACAC,YAFA,wBAEAC,CAFA,EAEA;MACA;MACA;MACA;IACA,CANA;IAOAC,UAPA,sBAOAhC,IAPA,EAOA;MACA;MACA;IACA,CAVA;IAWA;IACAiC,OAZA,qBAYA;MAAA;;MACA;MACAC,2CACAC,IADA;QAAA,mEACA;UAAA;UAAA;YAAA;cAAA;gBAAA;kBACAhC,IADA,GACAiC,QADA;kBAEA;kBACA;;gBAHA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CADA;;QAAA;UAAA;QAAA;MAAA,KAMAC,KANA,CAMA;QACA;;QACA;MACA,CATA;IAUA,CAxBA;IAyBAC,IAzBA,gBAyBAC,GAzBA,EAyBA;MACA;MACA;IACA;EA5BA;AApIA","names":["name","components","goodsDetail","data","validateFun","options","timeVal","dataTime","formValidate","limit","page","sort","loading","tabList","total","columns4","title","slot","minWidth","width","key","fixed","goodsId","isProductBox","list","val","created","start","mounted","methods","onchangeTime","e","changeMenu","getList","statisticProductListApi","then","res","catch","look","row"],"sourceRoot":"src/pages/statistic/product/components","sources":["productRanking.vue"],"sourcesContent":["<template>\r\n <Card :bordered=\"false\" dis-hover class=\"ivu-mt\">\r\n <div class=\"acea-row row-between-wrapper mb20\">\r\n <div class=\"header-title\">商品排行</div>\r\n <div class=\"acea-row\">\r\n <Select v-model=\"formValidate.sort\" style=\"width: 200px\" class=\"mr20\" @on-change=\"changeMenu\">\r\n <Option v-for=\"item in list\" :value=\"item.val\" :key=\"item.val\">{{ item.name }}</Option>\r\n </Select>\r\n <DatePicker\r\n :editable=\"false\"\r\n :clearable=\"false\"\r\n @on-change=\"onchangeTime\"\r\n :value=\"timeVal\"\r\n format=\"yyyy/MM/dd\"\r\n type=\"datetimerange\"\r\n placement=\"bottom-start\"\r\n placeholder=\"请选择时间\"\r\n style=\"width: 200px\"\r\n :options=\"options\"\r\n class=\"mr20\"\r\n ></DatePicker>\r\n <Button type=\"primary\" class=\"mr20\" @click=\"getList\">查询</Button>\r\n </div>\r\n </div>\r\n <Table\r\n ref=\"selection\"\r\n :columns=\"columns4\"\r\n :data=\"tabList\"\r\n :loading=\"loading\"\r\n no-data-text=\"暂无数据\"\r\n highlight-row\r\n no-filtered-data-text=\"暂无筛选结果\"\r\n >\r\n <template slot-scope=\"{ row, index }\" slot=\"image\">\r\n <div class=\"tabBox_img\" v-viewer>\r\n <img v-lazy=\"row.image\" />\r\n </div>\r\n </template>\r\n <template slot-scope=\"{ row, index }\" slot=\"profit\">\r\n <span v-text=\"$tools.accMul(row.profit, 100).toFixed(2) + '%'\"></span>\r\n </template>\r\n <template slot-scope=\"{ row, index }\" slot=\"repeats\">\r\n <span v-text=\"$tools.accMul(row.repeats, 100) + '%'\"></span>\r\n </template>\r\n <template slot-scope=\"{ row, index }\" slot=\"changes\">\r\n <span>{{ $tools.accMul(row.changes, 100) + '%' }}</span>\r\n </template>\r\n <template slot-scope=\"{ row, index }\" slot=\"action\">\r\n <a @click=\"look(row)\">查看</a>\r\n </template>\r\n </Table>\r\n <!-- 商品弹窗 -->\r\n <div v-if=\"isProductBox\">\r\n <div class=\"bg\" @click=\"isProductBox = false\"></div>\r\n <goodsDetail :goodsId=\"goodsId\"></goodsDetail>\r\n </div>\r\n </Card>\r\n</template>\r\n\r\n<script>\r\nimport { statisticProductListApi } from '@/api/statistic';\r\nimport goodsDetail from '../components/goodsDetail';\r\nimport { formatDate } from '@/utils/validate';\r\nexport default {\r\n name: 'productRanking',\r\n components: {\r\n goodsDetail,\r\n },\r\n data() {\r\n return {\r\n validateFun: this.$validateFun,\r\n options: this.$timeOptions,\r\n name: '近30天',\r\n timeVal: [],\r\n dataTime: '',\r\n formValidate: {\r\n limit: 10,\r\n page: 1,\r\n sort: 'visit',\r\n data: '',\r\n },\r\n loading: false,\r\n tabList: [],\r\n total: 0,\r\n columns4: [\r\n {\r\n title: '商品图片',\r\n slot: 'image',\r\n minWidth: 80,\r\n },\r\n {\r\n title: '商品名称',\r\n width: 180,\r\n key: 'store_name',\r\n },\r\n {\r\n title: '浏览量',\r\n key: 'visit',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '访客数',\r\n key: 'user',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '加购件数',\r\n key: 'cart',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '下单件数',\r\n key: 'orders',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '支付件数',\r\n key: 'pay',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '支付金额',\r\n key: 'price',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '毛利率(%)',\r\n slot: 'profit',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '收藏数',\r\n key: 'collect',\r\n minWidth: 100,\r\n },\r\n {\r\n title: '访客-支付转化率(%)',\r\n slot: 'changes',\r\n minWidth: 120,\r\n },\r\n {\r\n title: '操作',\r\n slot: 'action',\r\n fixed: 'right',\r\n minWidth: 80,\r\n },\r\n ],\r\n goodsId: '',\r\n isProductBox: false,\r\n list: [\r\n {\r\n val: 'visit',\r\n name: '浏览量',\r\n },\r\n {\r\n val: 'user',\r\n name: '访客数',\r\n },\r\n {\r\n val: 'cart',\r\n name: '加购件数',\r\n },\r\n {\r\n val: 'orders',\r\n name: '下单件数',\r\n },\r\n {\r\n val: 'price',\r\n name: '支付金额',\r\n },\r\n {\r\n val: 'profit',\r\n name: '毛利率',\r\n },\r\n {\r\n val: 'collect',\r\n name: '收藏数',\r\n },\r\n {\r\n val: 'changes',\r\n name: '访客-支付转化率',\r\n },\r\n ],\r\n };\r\n },\r\n created() {\r\n const end = new Date();\r\n const start = new Date();\r\n start.setTime(start.setTime(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 29)));\r\n this.timeVal = [start, end];\r\n this.formValidate.data = formatDate(start, 'yyyy/MM/dd') + '-' + formatDate(end, 'yyyy/MM/dd');\r\n },\r\n mounted() {\r\n this.getList();\r\n },\r\n methods: {\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.timeVal = e;\r\n this.formValidate.data = this.timeVal.join('-');\r\n this.name = this.formValidate.data;\r\n },\r\n changeMenu(name) {\r\n this.formValidate.sort = name;\r\n this.getList();\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n statisticProductListApi(this.formValidate)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$Message.error(res.msg);\r\n });\r\n },\r\n look(row) {\r\n this.goodsId = row.product_id;\r\n this.isProductBox = true;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.header {\r\n &-title {\r\n font-size: 16px;\r\n color: rgba(0, 0, 0, 0.85);\r\n }\r\n &-time {\r\n font-size: 12px;\r\n color: #000000;\r\n opacity: 0.45;\r\n }\r\n}\r\n</style>\r\n<style scoped lang=\"stylus\">\r\n.bg\r\n position fixed\r\n left 0\r\n top 0\r\n width 100%\r\n height 100%\r\n background rgba(0,0,0,0.5)\r\n z-index: 11;\r\n/deep/.happy-scroll-content\r\n width 100%\r\n .demo-spin-icon-load{\r\n animation: ani-demo-spin 1s linear infinite;\r\n }\r\n @keyframes ani-demo-spin {\r\n from { transform: rotate(0deg);}\r\n 50% { transform: rotate(180deg);}\r\n to { transform: rotate(360deg);}\r\n }\r\n .demo-spin-col{\r\n height: 100px;\r\n position: relative;\r\n border: 1px solid #eee;\r\n }\r\n</style>\r\n"]}]}
|
