{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Customer\\CustomerAdmin\\CustomerClustering.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Customer\\CustomerAdmin\\CustomerClustering.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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"]}]}