| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Customer\\CustomerAdmin\\ClusteringAnalyze.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Customer\\CustomerAdmin\\ClusteringAnalyze.vue","mtime":1678954023526},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucmVkdWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFRpdGx0SXRlbSBmcm9tICJAL2NvbXBvbmVudC9zdHlsZS9UaXRsZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiQ2x1c3RlcmluZ0FuYWx5emUiLAogIGNvbXBvbmVudHM6IHsKICAgIFRpdGx0SXRlbQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBnb29kc19kYXRhOiBbXSwKICAgICAgYWN0aXZlTmFtZTogImZpcnN0IiwKICAgICAgY29sb3JzOiBbIiM1NDk5RjYiXSwKICAgICAgY2hhcnREYXRhOiB7CiAgICAgICAgY29sdW1uczogWyLml6XmnJ8iLCAi6K6/5a6i5Lq65pWwIl0sCiAgICAgICAgcm93czogW10KICAgICAgfSwKICAgICAgY2hlY2tfYmU6ICLorr/lrqLkurrmlbAiLAogICAgICBiZWhhdmlyX2xpc3Q6IFt7CiAgICAgICAgbGFiZWw6ICLorr/lrqLkurrmlbAiLAogICAgICAgIGRlc2NyYXB0aW9uOiAi5pyA6L+RN+Wkqe+8jOivpeS6uue+pOiuv+mXruW6l+mTuueahOe0r+iuoeWOu+mHjeS6uuaVsCIsCiAgICAgICAgbnVtOiAxMDAsCiAgICAgICAgZGVzYzogMjAKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi6aKG5Yi45a6i5oi35pWwIiwKICAgICAgICBkZXNjcmFwdGlvbjogIuacgOi/kTflpKnvvIzor6XkurrnvqTpooblj5bkvJjmg6DliLjnmoTntK/orqHljrvph43kurrmlbAiLAogICAgICAgIG51bTogMTAwLAogICAgICAgIGRlc2M6IDIwCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuWKoOi0reWuouaIt+aVsCIsCiAgICAgICAgZGVzY3JhcHRpb246ICLmnIDov5E35aSp77yM6K+l5Lq6576k5pyJ5bCG5ZWG5ZOB5Yqg5YWl6LSt54mp6L2m6KGM5Li655qE57Sv6K6h5Y676YeN5Lq65pWwIiwKICAgICAgICBudW06IDEwMCwKICAgICAgICBkZXNjOiAyMAogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLmiJDkuqTlrqLmiLfmlbAiLAogICAgICAgIGRlc2NyYXB0aW9uOiAi5pyA6L+RN+Wkqe+8jOivpeS6uue+pOacieW3suS7mOasvuiuouWNleeahOe0r+iuoeWOu+mHjeS6uuaVsCIsCiAgICAgICAgbnVtOiAxMDAsCiAgICAgICAgZGVzYzogMjAKICAgICAgfV0sCiAgICAgIGFjdGl2ZUl0ZW06IHt9CiAgICB9OwogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmluZGV4R2V0RGF0YVRvQmFyQ2hhcnQoKTsKICAgIHRoaXMuYWN0aXZlSXRlbSA9IHsKICAgICAgYm9yZGVyOiAiMXB4IHNvbGlkICIgKyB0aGlzLnRoZW1lQQogICAgfTsKICB9LAoKICBtZXRob2RzOiB7CiAgICAvLyDmipjnur/lm74KICAgIGFzeW5jIGluZGV4R2V0RGF0YVRvQmFyQ2hhcnQoKSB7CiAgICAgIGNvbnN0IGxpbmVEYXRhID0gW3sKICAgICAgICB2YWx1ZTogMCwKICAgICAgICBkYXRlOiAiMjAxOS0xMC0yNCIKICAgICAgfSwgewogICAgICAgIHZhbHVlOiAwLAogICAgICAgIGRhdGU6ICIyMDE5LTEwLTI1IgogICAgICB9LCB7CiAgICAgICAgdmFsdWU6IDAsCiAgICAgICAgZGF0ZTogIjIwMTktMTAtMjYiCiAgICAgIH0sIHsKICAgICAgICB2YWx1ZTogMCwKICAgICAgICBkYXRlOiAiMjAxOS0xMC0yNyIKICAgICAgfSwgewogICAgICAgIHZhbHVlOiAwLAogICAgICAgIGRhdGU6ICIyMDE5LTEwLTI4IgogICAgICB9LCB7CiAgICAgICAgdmFsdWU6IDAsCiAgICAgICAgZGF0ZTogIjIwMTktMTAtMjkiCiAgICAgIH0sIHsKICAgICAgICB2YWx1ZTogMCwKICAgICAgICBkYXRlOiAiMjAxOS0xMC0zMCIKICAgICAgfV07CiAgICAgIHRoaXMuY2hhcnREYXRhLmNvbHVtbnMgPSBbIuaXpeacnyIsIHRoaXMuY2hlY2tfYmVdOwogICAgICB0aGlzLmNoYXJ0RGF0YS5yb3dzID0gbGluZURhdGEucmVkdWNlKChjb250YWluZXIsIGl0ZW0pID0+IHsKICAgICAgICBjb25zdCB7CiAgICAgICAgICB2YWx1ZSwKICAgICAgICAgIGRhdGUKICAgICAgICB9ID0gaXRlbTsKICAgICAgICBsZXQgdGFyZ2V0ID0ge307CiAgICAgICAgdGFyZ2V0WyLml6XmnJ8iXSA9IGRhdGU7CiAgICAgICAgdGFyZ2V0W3RoaXMuY2hlY2tfYmVdID0gdmFsdWU7CiAgICAgICAgY29udGFpbmVyLnB1c2godGFyZ2V0KTsKICAgICAgICByZXR1cm4gY29udGFpbmVyOwogICAgICB9LCBbXSk7CiAgICB9LAoKICAgIHNlbEJlaGF2aXIocm93KSB7CiAgICAgIHRoaXMuY2hlY2tfYmUgPSByb3cubGFiZWw7CiAgICAgIHRoaXMuaW5kZXhHZXREYXRhVG9CYXJDaGFydCgpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;AACA;EACAA,yBADA;EAEAC;IACAC;EADA,CAFA;;EAMAC;IACA;MACAC,cADA;MAEAC,mBAFA;MAGAC,mBAHA;MAIAC;QACAC,uBADA;QAEAC;MAFA,CAJA;MAQAC,gBARA;MASAC,eACA;QACAC,aADA;QAEAC,kCAFA;QAGAC,QAHA;QAIAC;MAJA,CADA,EAOA;QACAH,cADA;QAEAC,mCAFA;QAGAC,QAHA;QAIAC;MAJA,CAPA,EAaA;QACAH,cADA;QAEAC,yCAFA;QAGAC,QAHA;QAIAC;MAJA,CAbA,EAmBA;QACAH,cADA;QAEAC,oCAFA;QAGAC,QAHA;QAIAC;MAJA,CAnBA,CATA;MAmCAC;IAnCA;EAqCA,CA5CA;;EA6CAC;IACA;IACA;MACAC;IADA;EAGA,CAlDA;;EAmDAC;IACA;IACA;MACA,kBACA;QAAAC;QAAAC;MAAA,CADA,EAEA;QAAAD;QAAAC;MAAA,CAFA,EAGA;QAAAD;QAAAC;MAAA,CAHA,EAIA;QAAAD;QAAAC;MAAA,CAJA,EAKA;QAAAD;QAAAC;MAAA,CALA,EAMA;QAAAD;QAAAC;MAAA,CANA,EAOA;QAAAD;QAAAC;MAAA,CAPA;MASA;MACA;QACA;UAAAD;UAAAC;QAAA;QACA;QACAC;QACAA;QACAC;QACA;MACA,CAPA,EAOA,EAPA;IAQA,CArBA;;IAsBAC;MACA;MACA;IACA;;EAzBA;AAnDA","names":["name","components","TitltItem","data","goods_data","activeName","colors","chartData","columns","rows","check_be","behavir_list","label","descraption","num","desc","activeItem","created","border","methods","value","date","target","container","selBehavir"],"sourceRoot":"src/views/Customer/CustomerAdmin","sources":["ClusteringAnalyze.vue"],"sourcesContent":["<template>\n <div style=\"padding: 15px\">\n <el-row :gutter=\"10\" style=\"margin-bottom: 10px\">\n <el-col :span=\"18\">\n <div class=\"group-div\">\n <p>兴趣人群</p>\n <p class=\"group-description\">\n 近7天有加商品到购物车，但是没有购买过商品的客户\n </p>\n </div>\n </el-col>\n <el-col :span=\"6\">\n <div class=\"group-div\">\n <p>\n <span style=\"font-size: 12px; color: #333\">人数</span>\n <el-popover\n placement=\"bottom\"\n width=\"300\"\n trigger=\"hover\"\n content=\"该人群统计人数，统计时间截止至前一天\"\n >\n <i slot=\"reference\" class=\"el-icon-question icon-question\"></i>\n </el-popover>\n </p>\n <p style=\"font-size: 30px\">0</p>\n </div>\n </el-col>\n </el-row>\n <div class=\"info-model\">\n <TitltItem>\n <span slot=\"left\">人群行为</span>\n <div slot=\"right\" style=\"font-size: 12px; color: #2a2a2a\">\n 最近7天统计数据（统计截止至前一天，人数去重）\n </div>\n </TitltItem>\n <div>\n <el-row class=\"group-charts\">\n <el-col\n v-for=\"(item, index) in behavir_list\"\n :key=\"index\"\n class=\"group-board-item\"\n :style=\"[check_be === item.label ? activeItem : '']\"\n :span=\"6\"\n >\n <div class=\"group-board-content\" @click=\"selBehavir(item)\">\n <p class=\"title-p\">\n <span>{{ item.label }}</span>\n <el-popover\n placement=\"bottom\"\n width=\"300\"\n trigger=\"hover\"\n :content=\"item.descraption\"\n >\n <i\n slot=\"reference\"\n class=\"el-icon-question icon-question\"\n ></i>\n </el-popover>\n </p>\n <p class=\"content-p\">\n {{ item.num }}\n </p>\n <p class=\"desc-tip\">\n <span style=\"padding-right: 20px\">占比：</span>\n <span>{{ item.desc }}%</span>\n </p>\n </div>\n </el-col>\n </el-row>\n <div>\n <ve-line\n :colors=\"colors\"\n :legend-visible=\"false\"\n :data=\"chartData\"\n ></ve-line>\n </div>\n </div>\n </div>\n <div class=\"info-model\">\n <TitltItem>\n <span slot=\"left\">商品兴趣</span>\n </TitltItem>\n <el-tabs v-model=\"activeName\" style=\"margin-top: 10px\" type=\"card\">\n <el-tab-pane label=\"防问商品排行\" name=\"first\"></el-tab-pane>\n <el-tab-pane label=\"加购商品排行\" name=\"second\"></el-tab-pane>\n <el-tab-pane label=\"成交商品排行\" name=\"third\"></el-tab-pane>\n </el-tabs>\n <el-table border size=\"mini\" :data=\"goods_data\" style=\"width: 100%\">\n <el-table-column\n prop=\"date\"\n label=\"排名\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"date\"\n label=\"商品\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"date\"\n label=\"价格\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"date\"\n label=\"人数\"\n align=\"center\"\n ></el-table-column>\n </el-table>\n </div>\n </div>\n</template>\n\n<script>\n import TitltItem from \"@/component/style/Title\";\n export default {\n name: \"ClusteringAnalyze\",\n components: {\n TitltItem,\n },\n\n data() {\n return {\n goods_data: [],\n activeName: \"first\",\n colors: [\"#5499F6\"],\n chartData: {\n columns: [\"日期\", \"访客人数\"],\n rows: [],\n },\n check_be: \"访客人数\",\n behavir_list: [\n {\n label: \"访客人数\",\n descraption: \"最近7天，该人群访问店铺的累计去重人数\",\n num: 100,\n desc: 20,\n },\n {\n label: \"领券客户数\",\n descraption: \"最近7天，该人群领取优惠券的累计去重人数\",\n num: 100,\n desc: 20,\n },\n {\n label: \"加购客户数\",\n descraption: \"最近7天，该人群有将商品加入购物车行为的累计去重人数\",\n num: 100,\n desc: 20,\n },\n {\n label: \"成交客户数\",\n descraption: \"最近7天，该人群有已付款订单的累计去重人数\",\n num: 100,\n desc: 20,\n },\n ],\n activeItem: {},\n };\n },\n created() {\n this.indexGetDataToBarChart();\n this.activeItem = {\n border: \"1px solid \" + this.themeA,\n };\n },\n methods: {\n // 折线图\n async indexGetDataToBarChart() {\n const lineData = [\n { value: 0, date: \"2019-10-24\" },\n { value: 0, date: \"2019-10-25\" },\n { value: 0, date: \"2019-10-26\" },\n { value: 0, date: \"2019-10-27\" },\n { value: 0, date: \"2019-10-28\" },\n { value: 0, date: \"2019-10-29\" },\n { value: 0, date: \"2019-10-30\" },\n ];\n this.chartData.columns = [\"日期\", this.check_be];\n this.chartData.rows = lineData.reduce((container, item) => {\n const { value, date } = item;\n let target = {};\n target[\"日期\"] = date;\n target[this.check_be] = value;\n container.push(target);\n return container;\n }, []);\n },\n selBehavir(row) {\n this.check_be = row.label;\n this.indexGetDataToBarChart();\n },\n },\n };\n</script>\n\n<style scoped>\n .group-div {\n padding: 24px;\n line-height: 24px;\n font-size: 16px;\n background-color: #f8f8f8;\n }\n .group-description {\n font-size: 12px;\n color: #666;\n }\n .icon-question {\n font-size: 12px;\n color: #cacaca;\n }\n .group-board-item {\n cursor: pointer;\n position: relative;\n background-color: #fff;\n border-left: 1px solid #eee;\n padding: 14px 0;\n text-align: center;\n color: #333;\n }\n .group-board-item .group-board-content {\n display: inline-block;\n }\n .group-board-item .title-p {\n text-align: left;\n min-width: 82px;\n font-size: 12px;\n padding-bottom: 5px;\n padding-right: 5px;\n }\n .group-board-item .content-p {\n font-size: 26px;\n padding-top: 5px;\n padding-bottom: 12px;\n text-align: left;\n }\n .group-board-item .group-board-content .desc-tip {\n text-align: left;\n font-size: 12px;\n }\n .group-charts {\n border: 1px solid #eee;\n border-left: none;\n margin-top: 10px;\n }\n</style>\n"]}]}
|
