1 |
- {"remainingRequest":"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\\CustomerClustering.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Customer\\CustomerAdmin\\CustomerClustering.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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDdXN0b21lckNsdXN0ZXJpbmciLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgcXVuX2xpc3RfdG9wOiBbewogICAgICAgIG5hbWU6ICLlhbTotqPkurrnvqQiLAogICAgICAgIGljb246ICJmYSBmYS1oZWFydC1vIiwKICAgICAgICBkZXNjcmlwdGlvbjogIui/kTflpKnmnInliqDllYblk4HliLDotK3nianovabvvIzkvYbmmK/msqHmnInotK3kubDov4fllYblk4HnmoTlrqLmiLciLAogICAgICAgIGNvbG9yOiAicmdiKDM4LCAxNTksIDI1NSkiCiAgICAgIH0sIHsKICAgICAgICBuYW1lOiAi5paw5oiQ5Lqk5a6i5oi35Lq6576kIiwKICAgICAgICBpY29uOiAiZmEgZmEtaGFuZHNoYWtlLW8iLAogICAgICAgIGRlc2NyaXB0aW9uOiAi6L+RNzIw5aSp5pyJ5LiU5LuF5pyJ5LiA5qyh5oiQ5Lqk77yM5LiU5oiQ5Lqk5Y+R55Sf5Zyo6L+ROTDlpKnlhoXnmoTlrqLmiLciLAogICAgICAgIGNvbG9yOiAicmdiKDQ3LCAxNzQsIDY4KSIKICAgICAgfV0sCiAgICAgIGFjdGl2ZU5hbWU6ICJmaXJzdCIsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgdG90YWw6IDAsCiAgICAgIHBhZ2U6IDEsCiAgICAgIHF1bl9saXN0OiBbewogICAgICAgIG5hbWU6ICLmnIDlhbfotK3kubDlipvkurrnvqQiLAogICAgICAgIG51bTogMTAsCiAgICAgICAgdXBkYXRlVGltZTogIjIwMTktMTAtMzEgMDk6NDc6NDUiLAogICAgICAgIGhhbmRlbHJlbjogIuWwj+exsyIsCiAgICAgICAgZGluZ3lpOiAi5pyA6L+RN+WkqeWGheacieiuv+mXrjtcbiIgKyAiXG4iICsgIuacgOi/kTLlpKnlhoXmnInliqDlhaXotK3nianovaY7XG4iICsgIlxuIiArICLmnIDov5Ey5aSp5YaF5pyJ5LiL5Y2VO1xuIiArICJcbiIgKyAi5pyA6L+RM+WkqeWGheaciei0reS5sDtcbiIgKyAiXG4iICsgIue0r+iuoea2iOi0ueiuouWNleaVsO+8iDLlubTlhoXvvInlpKfkuo4xMDAwO1xuIiArICJcbiIgKyAi5oCn5Yir77yI55S377yJO1xuIiArICJcbiIgKyAi5p2l5rqQW+aJi+W3peW9leWFpV07IgogICAgICB9XSwKICAgICAgcXVuX25hbWU6ICIiCiAgICB9OwogIH0sCgogIG1ldGhvZHM6IHsKICAgIHBhZ2VDaGFuZ2UocGFnZSkgewogICAgICB0aGlzLnBhZ2UgPSBwYWdlOwogICAgfSwKCiAgICBzaXplQ2hhbmdlKHNpemUpIHsKICAgICAgdGhpcy5wYWdlU2l6ZSA9IHNpemU7CiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgZWRpdERhdGEoKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvQ3VzdG9tZXIvQ3VzdG9tZXJBZG1pbi9FZGl0Q2x1c3RlcmluZy8xIik7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA;EACAA,0BADA;;EAEAC;IACA;MACAC,eACA;QACAF,YADA;QAEAG,qBAFA;QAGAC,uCAHA;QAIAC;MAJA,CADA,EAQA;QACAL,eADA;QAEAG,yBAFA;QAGAC,2CAHA;QAIAC;MAJA,CARA,CADA;MAgBAC,mBAhBA;MAiBAC,YAjBA;MAkBAC,QAlBA;MAmBAC,OAnBA;MAoBAC,WACA;QACAV,eADA;QAEAW,OAFA;QAGAC,iCAHA;QAIAC,eAJA;QAKAC,QACA,gBACA,IADA,GAEA,gBAFA,GAGA,IAHA,GAIA,aAJA,GAKA,IALA,GAMA,aANA,GAOA,IAPA,GAQA,uBARA,GASA,IATA,GAUA,UAVA,GAWA,IAXA,GAYA;MAlBA,CADA,CApBA;MA0CAC;IA1CA;EA4CA,CA/CA;;EAgDAC;IACAC;MACA;IACA,CAHA;;IAIAC;MACA;MACA;IACA,CAPA;;IAQAC;MACA;IACA;;EAVA;AAhDA","names":["name","data","qun_list_top","icon","description","color","activeName","pageSize","total","page","qun_list","num","updateTime","handelren","dingyi","qun_name","methods","pageChange","sizeChange","editData"],"sourceRoot":"src/views/Customer/CustomerAdmin","sources":["CustomerClustering.vue"],"sourcesContent":["<template>\n <div style=\"padding: 15px\">\n <div class=\"view-model\">\n <div class=\"title-view\">\n <span class=\"tit-line\" :style=\"{ backgroundColor: themeA }\"></span>\n 重点运营人群\n </div>\n <el-row :gutter=\"20\">\n <el-col v-for=\"(item, index) in qun_list_top\" :key=\"index\" :span=\"8\">\n <div class=\"qun-li\">\n <div\n class=\"clearfix qun-top-view\"\n :style=\"{ backgroundColor: item.color }\"\n >\n <div class=\"float_left icon-div\">\n <i :class=\"item.icon\"></i>\n </div>\n <div class=\"float_left qun-info-view\">\n <p class=\"qun-name-p\">\n {{ item.name }}\n </p>\n <p class=\"qun-description-p\">\n {{ item.description }}\n </p>\n </div>\n </div>\n <ul class=\"qun-num-ul\">\n <li class=\"qun-num-li\">\n <p>人群总数</p>\n <p class=\"num-text-p\">0</p>\n </li>\n <li class=\"qun-num-li\">\n <p>昨日访问</p>\n <p class=\"num-text-p\">0</p>\n </li>\n <li class=\"qun-num-li\">\n <p>昨日成交</p>\n <p class=\"num-text-p\">0</p>\n </li>\n </ul>\n <ul class=\"qun-btn-ul\">\n <li\n @click=\"\n $router.push('/Customer/CustomerAdmin/ClusteringAnalyze/1')\n \"\n >\n 人群分析\n </li>\n <li @click=\"$router.push('/Customer/CustomerAdmin/CustomerList')\">\n 客户列表\n </li>\n </ul>\n </div>\n </el-col>\n </el-row>\n </div>\n <div class=\"view-model\">\n <div class=\"title-view\">\n <span class=\"tit-line\" :style=\"{ backgroundColor: themeA }\"></span>\n 我的人群库\n </div>\n <div>\n <el-tabs v-model=\"activeName\" type=\"card\">\n <el-tab-pane name=\"first\" label=\"自定义人群\">\n <div class=\"clearfix\" style=\"padding-bottom: 10px\">\n <div class=\"float_left\">\n <el-input\n v-model=\"qun_name\"\n size=\"mini\"\n placeholder=\"请输入人群名称\"\n >\n <el-button slot=\"append\" icon=\"el-icon-search\"></el-button>\n </el-input>\n </div>\n <el-button\n class=\"float_right\"\n type=\"primary\"\n size=\"mini\"\n @click=\"$router.push('/Customer/CustomerAdmin/AddClustering')\"\n >\n 新建人群\n </el-button>\n </div>\n </el-tab-pane>\n <el-tab-pane name=\"second\" label=\"系统推荐人群\"></el-tab-pane>\n </el-tabs>\n <el-table border :data=\"qun_list\" style=\"width: 100%\">\n <el-table-column\n prop=\"name\"\n label=\"人群名称\"\n width=\"180\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"dingyi\"\n label=\"人群定义\"\n min-width=\"300\"\n align=\"center\"\n show-overflow-tooltip\n ></el-table-column>\n <el-table-column\n prop=\"num\"\n label=\"人群数量\"\n width=\"180\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"updateTime\"\n label=\"更新时间\"\n width=\"180\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n prop=\"handelren\"\n label=\"操作人\"\n width=\"180\"\n align=\"center\"\n ></el-table-column>\n <el-table-column\n fixed=\"right\"\n label=\"操作\"\n width=\"200\"\n align=\"center\"\n >\n <template slot-scope=\"scope\">\n <el-tooltip effect=\"dark\" content=\"短信群发\" placement=\"top\">\n <el-button type=\"warning\" size=\"mini\">\n <i class=\"el-icon-chat-dot-square\"></i>\n </el-button>\n </el-tooltip>\n <el-tooltip\n v-if=\"activeName === 'first'\"\n effect=\"dark\"\n content=\"编辑\"\n placement=\"top\"\n >\n <el-button\n type=\"primary\"\n size=\"mini\"\n @click=\"editData(scope.row)\"\n >\n <i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i>\n </el-button>\n </el-tooltip>\n <el-tooltip\n v-if=\"activeName === 'first'\"\n effect=\"dark\"\n content=\"删除\"\n placement=\"top\"\n >\n <el-button type=\"danger\" size=\"mini\">\n <i class=\"el-icon-delete\"></i>\n </el-button>\n </el-tooltip>\n </template>\n </el-table-column>\n </el-table>\n <FooterPage\n :page-size=\"pageSize\"\n :total-page.sync=\"total\"\n :current-page.sync=\"page\"\n @pageChange=\"pageChange\"\n @sizeChange=\"sizeChange\"\n ></FooterPage>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n export default {\n name: \"CustomerClustering\",\n data() {\n return {\n qun_list_top: [\n {\n name: \"兴趣人群\",\n icon: \"fa fa-heart-o\",\n description: \"近7天有加商品到购物车,但是没有购买过商品的客户\",\n color: \"rgb(38, 159, 255)\",\n },\n\n {\n name: \"新成交客户人群\",\n icon: \"fa fa-handshake-o\",\n description: \"近720天有且仅有一次成交,且成交发生在近90天内的客户\",\n color: \"rgb(47, 174, 68)\",\n },\n ],\n activeName: \"first\",\n pageSize: 10,\n total: 0,\n page: 1,\n qun_list: [\n {\n name: \"最具购买力人群\",\n num: 10,\n updateTime: \"2019-10-31 09:47:45\",\n handelren: \"小米\",\n dingyi:\n \"最近7天内有访问;\\n\" +\n \"\\n\" +\n \"最近2天内有加入购物车;\\n\" +\n \"\\n\" +\n \"最近2天内有下单;\\n\" +\n \"\\n\" +\n \"最近3天内有购买;\\n\" +\n \"\\n\" +\n \"累计消费订单数(2年内)大于1000;\\n\" +\n \"\\n\" +\n \"性别(男);\\n\" +\n \"\\n\" +\n \"来源[手工录入];\",\n },\n ],\n qun_name: \"\",\n };\n },\n methods: {\n pageChange(page) {\n this.page = page;\n },\n sizeChange(size) {\n this.pageSize = size;\n this.pageChange(1);\n },\n editData() {\n this.$router.push(\"/Customer/CustomerAdmin/EditClustering/1\");\n },\n },\n };\n</script>\n\n<style scoped>\n .qun-li {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 0 4px 0 hsla(0, 0%, 73%, 0.5);\n margin: -10px 16px 33px 0;\n }\n .qun-top-view {\n background: rgb(38, 159, 255);\n padding: 14px;\n color: #fff;\n }\n .icon-div {\n width: 48px;\n height: 48px;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n color: #fff;\n text-align: center;\n line-height: 48px;\n font-size: 26px;\n margin-right: 10px;\n }\n .qun-description-p {\n height: 28px;\n line-height: 14px;\n font-size: 10px;\n opacity: 0.7;\n padding-top: 6px;\n }\n .qun-info-view {\n width: calc(100% - 80px);\n }\n .qun-num-ul {\n display: flex;\n padding: 11px 5px 2px;\n }\n .qun-num-li {\n flex: 3;\n text-align: center;\n color: #666;\n font-size: 12px;\n }\n .qun-num-li:nth-child(2) {\n border-left: 1px solid #eee;\n border-right: 1px solid #eee;\n }\n .num-text-p {\n font-size: 18px;\n color: #333;\n }\n .qun-btn-ul {\n display: flex;\n padding: 8px 11px;\n }\n .qun-btn-ul > li {\n flex: 2;\n text-align: center;\n color: #38f;\n border: 1px solid #38f;\n line-height: 30px;\n font-size: 12px;\n cursor: pointer;\n }\n .qun-btn-ul > li:first-child {\n margin-right: 5px;\n }\n .qun-btn-ul > li:last-child {\n margin-left: 5px;\n }\n .title-view {\n margin-bottom: 20px;\n font-size: 14px;\n padding: 15px;\n background: #f8f8f8;\n }\n .title-view .tit-line {\n display: inline-block;\n width: 4px;\n height: 16px;\n /*background: green;*/\n margin-right: 5px;\n\n transform: translateY(3px);\n }\n</style>\n"]}]}
|