Commit c535e7df by 无尘

add: 增加会员分组选择插件

parent d86fcd85
{
"presets": [
["env", { "modules": false }],
"stage-3"
]
}
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
.DS_Store
node_modules/
npm-debug.log
yarn-error.log
package-lock.json
# Editor directories and files
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
# *src
会员分组插件
\ No newline at end of file
# vue-gic-member-group
> A Vue.js vue-gic-member-group Plugin
## Install
```shell
npm install @gic-test/vue-gic-member-group -S
```
## how to use
```
// main.js
import vueGicMemberGroup from 'vue-gic-member-group'
Vue.use(vueGicMemberGroup)
// 使用页面
<vue-gic-member-group :selectedArr="selectedArr" @selectGroup="selectGroup"></vue-gic-member-group>
data() {
return {
// 可传参数
selectedArr: []
}
}
methods: {
/**
* 选择分组后子组件触发的事件
*/
selectGroup(data) {
const that = this
}
},
```
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("vue-gic-member-group",[],t):"object"==typeof exports?exports["vue-gic-member-group"]=t():e["vue-gic-member-group"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=1)}([function(e,t,n){"use strict";t.a={name:"vue-gic-member-group",props:{tagLibName:{type:String},selectedArr:Array},data:function(){return{tagTableData:[{id:1,descipe:"标签列表数据",name:"123",isRealTime:1,recentUpdateDate:"2018-09-30 14:30:28",updateRate:"-",state:1,peopleCover:"456566",createTime:"2018-09-30 14:30:28",expiredTime:"2018-09-30 14:30:28",popVisible:!1}],totalPeople:575775,multipleSelection:[]}},filters:{formatTimeYMD:function(e){return"--"!=e?e.split(" ")[0]:"--"},formatTimeHMS:function(e){return"--"!=e?e.split(" ")[1]:"--"},formatNum:function(e){return(e+"").replace(/\d{1,3}(?=(\d{3})+$)/g,"$&,")}},methods:{handleSelectionChange:function(e){var t=this;t.multipleSelection=e,console.log(e),t.$emit("selectGroup",e)}},watch:{selectedArr:function(e){this.imgSrc=e,that.multipleSelection=e,console.log(e),e.length&&that.tagTableData.forEach(function(e){that.selectedArr.forEach(function(t){t.id==e.id&&that.$refs.multipleTable.toggleRowSelection(e)})})}},mounted:function(){var e=this;e.multipleSelection=e.selectedArr,console.log(e.selectedArr),e.selectedArr.length&&e.tagTableData.forEach(function(t){e.selectedArr.forEach(function(n){n.id==t.id&&e.$refs.multipleTable.toggleRowSelection(t)})})}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),o={install:function(e,t){e.component(r.a.name,r.a)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(o),t.default=o},function(e,t,n){"use strict";function r(e){n(3)}var o=n(0),a=n(9),i=n(8),s=r,l=i(o.a,a.a,!1,s,"data-v-710ca970",null);t.a=l.exports},function(e,t,n){var r=n(4);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(6)("6764c2f6",r,!0,{})},function(e,t,n){t=e.exports=n(5)(!1),t.push([e.i,".member-group-wrap[data-v-710ca970]{padding-top:20px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.member-group-wrap .member-group__people__num[data-v-710ca970]{padding:20px 0}",""])},function(e,t){function n(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var a=r(o);return[n].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([a]).join("\n")}return[n].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];"number"==typeof i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=c[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(a(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(a(n.parts[o]));c[n.id]={id:n.id,refs:1,parts:i}}}}function o(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function a(e){var t,n,r=document.querySelector("style["+g+'~="'+e.id+'"]');if(r){if(m)return v;r.parentNode.removeChild(r)}if(b){var a=d++;r=p||(p=o()),t=i.bind(null,r,a,!1),n=i.bind(null,r,a,!0)}else r=o(),t=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function i(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=_(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function s(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),h.ssrId&&e.setAttribute(g,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var u=n(7),c={},f=l&&(document.head||document.getElementsByTagName("head")[0]),p=null,d=0,m=!1,v=function(){},h=null,g="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,o){m=n,h=o||{};var a=u(e,t);return r(a),function(t){for(var n=[],o=0;o<a.length;o++){var i=a[o],s=c[i.id];s.refs--,n.push(s)}t?(a=u(e,t),r(a)):a=[];for(var o=0;o<n.length;o++){var s=n[o];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete c[s.id]}}}};var _=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],i=a[0],s=a[1],l=a[2],u=a[3],c={id:e+":"+o,css:s,media:l,sourceMap:u};r[i]?r[i].parts.push(c):n.push(r[i]={id:i,parts:[c]})}return n}},function(e,t){e.exports=function(e,t,n,r,o,a){var i,s=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(i=e,s=e.default);var u="function"==typeof s?s.options:s;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns,u._compiled=!0),n&&(u.functional=!0),o&&(u._scopeId=o);var c;if(a?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):r&&(c=r),c){var f=u.functional,p=f?u.render:u.beforeCreate;f?(u._injectStyles=c,u.render=function(e,t){return c.call(t),p(e,t)}):u.beforeCreate=p?[].concat(p,c):[c]}return{esModule:i,exports:s,options:u}}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"member-group-wrap"},[n("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:e.tagTableData,"tooltip-effect":"dark",height:"357px"},on:{"selection-change":e.handleSelectionChange}},[n("el-table-column",{attrs:{type:"selection"}}),e._v(" "),n("el-table-column",{attrs:{label:"分组名称",width:"150px","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[n("el-popover",{attrs:{placement:"top-start",width:"200",trigger:"hover"}},[n("span",[e._v(e._s(t.row.descipe))]),e._v(" "),n("a",{staticClass:"pointer",attrs:{slot:"reference",href:"/memberGroupDetail?id="+t.row.id},slot:"reference"},[e._v(e._s(t.row.name))])])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"是否实时"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(1==t.row.isRealTime?"实时":"非实时")+"\n ")]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"最近更新时间","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(e._f("formatTimeYMD")(t.row.recentUpdateDate))+"\n "),n("p",[e._v(e._s(e._f("formatTimeHMS")(t.row.recentUpdateDate)))])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"更新频率","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(t.row.updateRate)+"\n ")]}}])}),e._v(" "),n("el-table-column",{attrs:{prop:"state",label:"状态"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(1==t.row.state?"有效":"失效")+"\n ")]}}])}),e._v(" "),n("el-table-column",{attrs:{prop:"recentUpdateDate",label:"到期时间","show-overflow-tooltip":""},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v("\n "+e._s(e._f("formatTimeYMD")(t.row.recentUpdateDate))+"\n "),n("p",[e._v(e._s(e._f("formatTimeHMS")(t.row.recentUpdateDate)))])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"操作"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("a",{staticClass:"edit-btn el-button--text",attrs:{href:"/member-tag/#/memberGroupDetail"+t.row.id}},[e._v("详情")])]}}])})],1),e._v(" "),n("div",{staticClass:"member-group__people__num"},[e._v("共覆盖人数: "+e._s(e._f("formatNum")(e.totalPeople))+" ")])],1)},o=[],a={render:r,staticRenderFns:o};t.a=a}])});
//# sourceMappingURL=vue-gic-member-group.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///vue-gic-member-group.js","webpack:///webpack/bootstrap bfe85304360c356085ac","webpack:///src/lib/vue-gic-member-group.vue","webpack:///./src/lib/index.js","webpack:///./src/lib/vue-gic-member-group.vue","webpack:///./src/lib/vue-gic-member-group.vue?e214","webpack:///./src/lib/vue-gic-member-group.vue?fb55","webpack:///./node_modules/css-loader/lib/css-base.js","webpack:///./node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///./node_modules/vue-style-loader/lib/listToStyles.js","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///./src/lib/vue-gic-member-group.vue?8f29"],"names":["root","factory","exports","module","define","amd","self","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__webpack_exports__","props","tagLibName","type","String","selectedArr","Array","data","tagTableData","id","descipe","isRealTime","recentUpdateDate","updateRate","state","peopleCover","createTime","expiredTime","popVisible","totalPeople","multipleSelection","filters","formatTimeYMD","split","formatTimeHMS","formatNum","replace","methods","handleSelectionChange","val","that","console","log","$emit","watch","newVal","imgSrc","length","forEach","el","ele","$refs","multipleTable","toggleRowSelection","mounted","value","__WEBPACK_IMPORTED_MODULE_0__vue_gic_member_group_vue__","GicMemberGroup","install","Vue","options","component","vueGicMemberGroup","window","use","injectStyle","ssrContext","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_vue_gic_member_group_vue__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_710ca970_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_vue_gic_member_group_vue__","normalizeComponent","__vue_styles__","Component","content","locals","push","cssWithMappingToString","item","useSourceMap","cssMapping","btoa","sourceMapping","toComment","concat","sources","map","source","sourceRoot","join","sourceMap","unescape","encodeURIComponent","JSON","stringify","list","toString","mediaQuery","alreadyImportedModules","addStylesToDom","styles","domStyle","stylesInDom","refs","j","parts","addStyle","createStyleElement","styleElement","document","createElement","head","appendChild","obj","update","remove","querySelector","ssrIdKey","isProduction","noop","parentNode","removeChild","isOldIE","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","css","media","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","firstChild","hasDocument","DEBUG","Error","listToStyles","getElementsByTagName","navigator","test","userAgent","toLowerCase","parentId","_isProduction","_options","newList","mayRemove","textStore","replacement","filter","Boolean","newStyles","part","rawScriptExports","compiledTemplate","functionalTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","default","render","staticRenderFns","_compiled","functional","_scopeId","hook","context","$vnode","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","existing","beforeCreate","_injectStyles","h","_vm","_h","$createElement","_c","_self","staticClass","ref","staticStyle","width","attrs","tooltip-effect","height","on","selection-change","_v","label","show-overflow-tooltip","scopedSlots","_u","key","fn","scope","placement","trigger","_s","row","slot","href","_f","prop","esExports"],"mappings":"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","file":"vue-gic-member-group.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"vue-gic-member-group\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue-gic-member-group\"] = factory();\n\telse\n\t\troot[\"vue-gic-member-group\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"vue-gic-member-group\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue-gic-member-group\"] = factory();\n\telse\n\t\troot[\"vue-gic-member-group\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/dist/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\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//\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//\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/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: \"vue-gic-member-group\",\n props: {\n tagLibName: {\n type: String\n },\n selectedArr: Array\n },\n data: function data() {\n return {\n // 标签列表数据\n tagTableData: [{\n id: 1,\n descipe: '标签列表数据',\n name: '123',\n isRealTime: 1,\n recentUpdateDate: '2018-09-30 14:30:28',\n updateRate: '-',\n state: 1,\n peopleCover: '456566',\n createTime: '2018-09-30 14:30:28',\n expiredTime: '2018-09-30 14:30:28',\n popVisible: false\n }],\n\n totalPeople: 575775, //覆盖人数\n\n // 已选的对象\n multipleSelection: []\n };\n },\n\n filters: {\n formatTimeYMD: function formatTimeYMD(data) {\n // console.log(data,data != '--' ? data.split(' ')[0] : '--')\n return data != '--' ? data.split(' ')[0] : '--';\n },\n formatTimeHMS: function formatTimeHMS(data) {\n return data != '--' ? data.split(' ')[1] : '--';\n },\n formatNum: function formatNum(data) {\n var reg = /\\d{1,3}(?=(\\d{3})+$)/g;\n return (data + '').replace(reg, '$&,');\n }\n },\n methods: {\n /**\n * 选择分组后\n */\n handleSelectionChange: function handleSelectionChange(val) {\n var that = this;\n that.multipleSelection = val;\n console.log(val);\n that.$emit('selectGroup', val);\n }\n },\n watch: {\n selectedArr: function selectedArr(newVal) {\n this.imgSrc = newVal;\n that.multipleSelection = newVal;\n console.log(newVal);\n if (!!newVal.length) {\n that.tagTableData.forEach(function (el) {\n that.selectedArr.forEach(function (ele) {\n if (ele.id == el.id) {\n that.$refs.multipleTable.toggleRowSelection(el);\n }\n });\n });\n }\n }\n },\n mounted: function mounted() {\n var that = this;\n that.multipleSelection = that.selectedArr;\n console.log(that.selectedArr);\n if (!!that.selectedArr.length) {\n that.tagTableData.forEach(function (el) {\n that.selectedArr.forEach(function (ele) {\n if (ele.id == el.id) {\n that.$refs.multipleTable.toggleRowSelection(el);\n }\n });\n });\n }\n }\n});\n\n/***/ }),\n/* 1 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__vue_gic_member_group_vue__ = __webpack_require__(2);\n // 导入组件\n\nvar GicMemberGroup = {\n install: function install(Vue, options) {\n Vue.component(__WEBPACK_IMPORTED_MODULE_0__vue_gic_member_group_vue__[\"a\" /* default */].name, __WEBPACK_IMPORTED_MODULE_0__vue_gic_member_group_vue__[\"a\" /* default */]); // vueImagesToast.name 组件的name属性\n // 类似通过 this.$xxx 方式调用插件的 其实只是挂载到原型上而已\n // Vue.prototype.$xxx // 最终可以在任何地方通过 this.$xxx 调用\n // 虽然没有明确规定用$开头 但是大家都默认遵守这个规定\n }\n};\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use(GicMemberGroup);\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (GicMemberGroup);\n\n// export {\n// vueImagesToasts\n// }\n\n/***/ }),\n/* 2 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_vue_gic_member_group_vue__ = __webpack_require__(0);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_710ca970_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_vue_gic_member_group_vue__ = __webpack_require__(9);\nfunction injectStyle (ssrContext) {\n __webpack_require__(3)\n}\nvar normalizeComponent = __webpack_require__(8)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-710ca970\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_vue_gic_member_group_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_710ca970_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_vue_gic_member_group_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(4);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(6)(\"6764c2f6\", content, true, {});\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(5)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".member-group-wrap[data-v-710ca970]{padding-top:20px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.member-group-wrap .member-group__people__num[data-v-710ca970]{padding:20px 0}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n ) }\n}\n\nvar listToStyles = __webpack_require__(7)\n\n/*\ntype StyleObject = {\n id: number;\n parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n css: string;\n media: string;\n sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n [id: number]: {\n id: number,\n refs: number,\n parts: Array<(obj?: StyleObjectPart) => void>\n }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction, _options) {\n isProduction = _isProduction\n\n options = _options || {}\n\n var styles = listToStyles(parentId, list)\n addStylesToDom(styles)\n\n return function update (newList) {\n var mayRemove = []\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i]\n var domStyle = stylesInDom[item.id]\n domStyle.refs--\n mayRemove.push(domStyle)\n }\n if (newList) {\n styles = listToStyles(parentId, newList)\n addStylesToDom(styles)\n } else {\n styles = []\n }\n for (var i = 0; i < mayRemove.length; i++) {\n var domStyle = mayRemove[i]\n if (domStyle.refs === 0) {\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j]()\n }\n delete stylesInDom[domStyle.id]\n }\n }\n }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i]\n var domStyle = stylesInDom[item.id]\n if (domStyle) {\n domStyle.refs++\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j](item.parts[j])\n }\n for (; j < item.parts.length; j++) {\n domStyle.parts.push(addStyle(item.parts[j]))\n }\n if (domStyle.parts.length > item.parts.length) {\n domStyle.parts.length = item.parts.length\n }\n } else {\n var parts = []\n for (var j = 0; j < item.parts.length; j++) {\n parts.push(addStyle(item.parts[j]))\n }\n stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n }\n }\n}\n\nfunction createStyleElement () {\n var styleElement = document.createElement('style')\n styleElement.type = 'text/css'\n head.appendChild(styleElement)\n return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n var update, remove\n var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n if (styleElement) {\n if (isProduction) {\n // has SSR styles and in production mode.\n // simply do nothing.\n return noop\n } else {\n // has SSR styles but in dev mode.\n // for some reason Chrome can't handle source map in server-rendered\n // style tags - source maps in <style> only works if the style tag is\n // created and inserted dynamically. So we remove the server rendered\n // styles and inject new ones.\n styleElement.parentNode.removeChild(styleElement)\n }\n }\n\n if (isOldIE) {\n // use singleton mode for IE9.\n var styleIndex = singletonCounter++\n styleElement = singletonElement || (singletonElement = createStyleElement())\n update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n } else {\n // use multi-style-tag mode in all other cases\n styleElement = createStyleElement()\n update = applyToTag.bind(null, styleElement)\n remove = function () {\n styleElement.parentNode.removeChild(styleElement)\n }\n }\n\n update(obj)\n\n return function updateStyle (newObj /* StyleObjectPart */) {\n if (newObj) {\n if (newObj.css === obj.css &&\n newObj.media === obj.media &&\n newObj.sourceMap === obj.sourceMap) {\n return\n }\n update(obj = newObj)\n } else {\n remove()\n }\n }\n}\n\nvar replaceText = (function () {\n var textStore = []\n\n return function (index, replacement) {\n textStore[index] = replacement\n return textStore.filter(Boolean).join('\\n')\n }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n var css = remove ? '' : obj.css\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = replaceText(index, css)\n } else {\n var cssNode = document.createTextNode(css)\n var childNodes = styleElement.childNodes\n if (childNodes[index]) styleElement.removeChild(childNodes[index])\n if (childNodes.length) {\n styleElement.insertBefore(cssNode, childNodes[index])\n } else {\n styleElement.appendChild(cssNode)\n }\n }\n}\n\nfunction applyToTag (styleElement, obj) {\n var css = obj.css\n var media = obj.media\n var sourceMap = obj.sourceMap\n\n if (media) {\n styleElement.setAttribute('media', media)\n }\n if (options.ssrId) {\n styleElement.setAttribute(ssrIdKey, obj.id)\n }\n\n if (sourceMap) {\n // https://developer.chrome.com/devtools/docs/javascript-debugging\n // this makes source maps inside style tags work properly in Chrome\n css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n // http://stackoverflow.com/a/26603875\n css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n }\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild)\n }\n styleElement.appendChild(document.createTextNode(css))\n }\n}\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n var styles = []\n var newStyles = {}\n for (var i = 0; i < list.length; i++) {\n var item = list[i]\n var id = item[0]\n var css = item[1]\n var media = item[2]\n var sourceMap = item[3]\n var part = {\n id: parentId + ':' + i,\n css: css,\n media: media,\n sourceMap: sourceMap\n }\n if (!newStyles[id]) {\n styles.push(newStyles[id] = { id: id, parts: [part] })\n } else {\n newStyles[id].parts.push(part)\n }\n }\n return styles\n}\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"member-group-wrap\"},[_c('el-table',{ref:\"multipleTable\",staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tagTableData,\"tooltip-effect\":\"dark\",\"height\":\"357px\"},on:{\"selection-change\":_vm.handleSelectionChange}},[_c('el-table-column',{attrs:{\"type\":\"selection\"}}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"分组名称\",\"width\":\"150px\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-popover',{attrs:{\"placement\":\"top-start\",\"width\":\"200\",\"trigger\":\"hover\"}},[_c('span',[_vm._v(_vm._s(scope.row.descipe))]),_vm._v(\" \"),_c('a',{staticClass:\"pointer\",attrs:{\"slot\":\"reference\",\"href\":'/memberGroupDetail?id='+scope.row.id},slot:\"reference\"},[_vm._v(_vm._s(scope.row.name))])])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"是否实时\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.isRealTime == 1? '实时':'非实时')+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"最近更新时间\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(_vm._f(\"formatTimeYMD\")(scope.row.recentUpdateDate))+\"\\n \"),_c('p',[_vm._v(_vm._s(_vm._f(\"formatTimeHMS\")(scope.row.recentUpdateDate)))])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"更新频率\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.updateRate)+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"prop\":\"state\",\"label\":\"状态\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.state == 1? '有效':'失效')+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"prop\":\"recentUpdateDate\",\"label\":\"到期时间\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(_vm._f(\"formatTimeYMD\")(scope.row.recentUpdateDate))+\"\\n \"),_c('p',[_vm._v(_vm._s(_vm._f(\"formatTimeHMS\")(scope.row.recentUpdateDate)))])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"操作\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('a',{staticClass:\"edit-btn el-button--text\",attrs:{\"href\":'/member-tag/#/memberGroupDetail'+scope.row.id}},[_vm._v(\"详情\")])]}}])})],1),_vm._v(\" \"),_c('div',{staticClass:\"member-group__people__num\"},[_vm._v(\"共覆盖人数: \"+_vm._s(_vm._f(\"formatNum\")(_vm.totalPeople))+\" \")])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// vue-gic-member-group.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap bfe85304360c356085ac","<!--\n 会员分组组件\n <vue-gic-member-group :selectedArr=\"selectedArr\" @selectGroup=\"selectGroup\"></vue-gic-member-group>\n\n methods: {\n /**\n * 选择分组后子组件触发的事件\n */\n selectGroup(data) {\n const that = this\n }\n }\n -->\n<template>\n <div class=\"member-group-wrap\">\n <el-table\n ref=\"multipleTable\"\n :data=\"tagTableData\"\n tooltip-effect=\"dark\"\n style=\"width: 100%\"\n height=\"357px\"\n @selection-change=\"handleSelectionChange\">\n <el-table-column\n type=\"selection\">\n </el-table-column>\n <el-table-column\n label=\"分组名称\"\n width=\"150px\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n <el-popover\n placement=\"top-start\"\n width=\"200\"\n trigger=\"hover\">\n <span>{{ scope.row.descipe }}</span>\n <a slot=\"reference\" class=\"pointer\" :href=\"'/memberGroupDetail?id='+scope.row.id\">{{ scope.row.name }}</a>\n </el-popover>\n </template>\n </el-table-column>\n <el-table-column\n label=\"是否实时\"\n >\n <template slot-scope=\"scope\">\n {{scope.row.isRealTime == 1? '实时':'非实时'}}\n </template>\n </el-table-column>\n <el-table-column\n label=\"最近更新时间\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n {{ scope.row.recentUpdateDate | formatTimeYMD }}\n <p>{{ scope.row.recentUpdateDate | formatTimeHMS }}</p>\n </template>\n </el-table-column>\n <el-table-column\n label=\"更新频率\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n {{ scope.row.updateRate }}\n </template>\n </el-table-column>\n <el-table-column\n prop=\"state\"\n label=\"状态\"\n >\n <template slot-scope=\"scope\">\n {{scope.row.state == 1? '有效':'失效'}}\n </template>\n </el-table-column>\n <!-- <el-table-column\n prop=\"peopleCover\"\n label=\"覆盖人数\"\n width=\"150px\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n {{scope.row.peopleCover | formatNum }} 人\n </template>\n </el-table-column> -->\n <!-- <el-table-column\n prop=\"createTime\"\n label=\"创建时间\"\n width=\"150px\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n {{ scope.row.createTime | formatTimeYMD }}\n <p>{{ scope.row.createTime | formatTimeHMS }}</p>\n </template>\n </el-table-column> -->\n <el-table-column\n prop=\"recentUpdateDate\"\n label=\"到期时间\"\n show-overflow-tooltip>\n <template slot-scope=\"scope\">\n {{ scope.row.recentUpdateDate | formatTimeYMD }}\n <p>{{ scope.row.recentUpdateDate | formatTimeHMS }}</p>\n </template>\n </el-table-column>\n <el-table-column\n label=\"操作\">\n <template slot-scope=\"scope\">\n <a :href=\"'/member-tag/#/memberGroupDetail'+scope.row.id\" class=\"edit-btn el-button--text\">详情</a>\n </template>\n </el-table-column>\n </el-table>\n <div class=\"member-group__people__num\">共覆盖人数: {{ totalPeople | formatNum }} </div>\n </div>\n</template>\n<script>\n\n export default {\n name: \"vue-gic-member-group\",\n props: {\n tagLibName: {\n type: String\n },\n selectedArr: Array\n },\n data() {\n return {\n // 标签列表数据\n tagTableData: [\n {\n id: 1,\n descipe: '标签列表数据',\n name: '123',\n isRealTime: 1,\n recentUpdateDate: '2018-09-30 14:30:28',\n updateRate: '-',\n state: 1,\n peopleCover: '456566',\n createTime: '2018-09-30 14:30:28',\n expiredTime: '2018-09-30 14:30:28',\n popVisible: false,\n }\n ],\n\n totalPeople: 575775, //覆盖人数\n\n // 已选的对象\n multipleSelection: [],\n }\n },\n filters: {\n formatTimeYMD(data) {\n // console.log(data,data != '--' ? data.split(' ')[0] : '--')\n return data != '--' ? data.split(' ')[0] : '--';\n },\n formatTimeHMS(data) {\n return data != '--' ? data.split(' ')[1] : '--';\n },\n formatNum(data){\n const reg=/\\d{1,3}(?=(\\d{3})+$)/g;\n return (data + '').replace(reg, '$&,');\n }\n },\n methods: {\n /**\n * 选择分组后\n */\n handleSelectionChange(val) {\n const that = this\n that.multipleSelection = val;\n console.log(val)\n that.$emit('selectGroup',val)\n },\n\n },\n watch:{\n selectedArr:function(newVal) {\n this.imgSrc = newVal\n that.multipleSelection = newVal;\n console.log(newVal)\n if (!!newVal.length) {\n that.tagTableData.forEach(function(el){\n that.selectedArr.forEach(function(ele){\n if (ele.id == el.id) {\n that.$refs.multipleTable.toggleRowSelection(el)\n }\n\n })\n })\n }\n },\n },\n mounted() {\n const that = this\n that.multipleSelection = that.selectedArr;\n console.log(that.selectedArr)\n if (!!that.selectedArr.length) {\n that.tagTableData.forEach(function(el){\n that.selectedArr.forEach(function(ele){\n if (ele.id == el.id) {\n that.$refs.multipleTable.toggleRowSelection(el)\n }\n\n })\n })\n }\n\n\n }\n }\n</script>\n<style lang=\"scss\" scoped>\n .member-group-wrap {\n padding-top: 20px;\n background: #fff;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n .member-group__people__num {\n padding: 20px 0;\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/lib/vue-gic-member-group.vue","import vueGicMemberGroup from './vue-gic-member-group.vue' // 导入组件\n\nconst GicMemberGroup = {\n install(Vue, options) {\n Vue.component(vueGicMemberGroup.name, vueGicMemberGroup) // vueImagesToast.name 组件的name属性\n // 类似通过 this.$xxx 方式调用插件的 其实只是挂载到原型上而已\n // Vue.prototype.$xxx // 最终可以在任何地方通过 this.$xxx 调用\n // 虽然没有明确规定用$开头 但是大家都默认遵守这个规定\n }\n}\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use(GicMemberGroup);\n}\nexport default GicMemberGroup\n\n// export {\n// vueImagesToasts\n// }\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/index.js","function injectStyle (ssrContext) {\n require(\"!!vue-style-loader!css-loader!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-710ca970\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-gic-member-group.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-gic-member-group.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-gic-member-group.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-710ca970\\\",\\\"hasScoped\\\":true,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-gic-member-group.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-710ca970\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/lib/vue-gic-member-group.vue\n// module id = 2\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-710ca970\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../node_modules/sass-loader/lib/loader.js!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./vue-gic-member-group.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"6764c2f6\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-710ca970\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/lib/vue-gic-member-group.vue\n// module id = 3\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".member-group-wrap[data-v-710ca970]{padding-top:20px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.member-group-wrap .member-group__people__num[data-v-710ca970]{padding:20px 0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-710ca970\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/lib/vue-gic-member-group.vue\n// module id = 4\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader/lib/css-base.js\n// module id = 5\n// module chunks = 0","/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n id: number;\n parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n css: string;\n media: string;\n sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n [id: number]: {\n id: number,\n refs: number,\n parts: Array<(obj?: StyleObjectPart) => void>\n }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction, _options) {\n isProduction = _isProduction\n\n options = _options || {}\n\n var styles = listToStyles(parentId, list)\n addStylesToDom(styles)\n\n return function update (newList) {\n var mayRemove = []\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i]\n var domStyle = stylesInDom[item.id]\n domStyle.refs--\n mayRemove.push(domStyle)\n }\n if (newList) {\n styles = listToStyles(parentId, newList)\n addStylesToDom(styles)\n } else {\n styles = []\n }\n for (var i = 0; i < mayRemove.length; i++) {\n var domStyle = mayRemove[i]\n if (domStyle.refs === 0) {\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j]()\n }\n delete stylesInDom[domStyle.id]\n }\n }\n }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n for (var i = 0; i < styles.length; i++) {\n var item = styles[i]\n var domStyle = stylesInDom[item.id]\n if (domStyle) {\n domStyle.refs++\n for (var j = 0; j < domStyle.parts.length; j++) {\n domStyle.parts[j](item.parts[j])\n }\n for (; j < item.parts.length; j++) {\n domStyle.parts.push(addStyle(item.parts[j]))\n }\n if (domStyle.parts.length > item.parts.length) {\n domStyle.parts.length = item.parts.length\n }\n } else {\n var parts = []\n for (var j = 0; j < item.parts.length; j++) {\n parts.push(addStyle(item.parts[j]))\n }\n stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n }\n }\n}\n\nfunction createStyleElement () {\n var styleElement = document.createElement('style')\n styleElement.type = 'text/css'\n head.appendChild(styleElement)\n return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n var update, remove\n var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n if (styleElement) {\n if (isProduction) {\n // has SSR styles and in production mode.\n // simply do nothing.\n return noop\n } else {\n // has SSR styles but in dev mode.\n // for some reason Chrome can't handle source map in server-rendered\n // style tags - source maps in <style> only works if the style tag is\n // created and inserted dynamically. So we remove the server rendered\n // styles and inject new ones.\n styleElement.parentNode.removeChild(styleElement)\n }\n }\n\n if (isOldIE) {\n // use singleton mode for IE9.\n var styleIndex = singletonCounter++\n styleElement = singletonElement || (singletonElement = createStyleElement())\n update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n } else {\n // use multi-style-tag mode in all other cases\n styleElement = createStyleElement()\n update = applyToTag.bind(null, styleElement)\n remove = function () {\n styleElement.parentNode.removeChild(styleElement)\n }\n }\n\n update(obj)\n\n return function updateStyle (newObj /* StyleObjectPart */) {\n if (newObj) {\n if (newObj.css === obj.css &&\n newObj.media === obj.media &&\n newObj.sourceMap === obj.sourceMap) {\n return\n }\n update(obj = newObj)\n } else {\n remove()\n }\n }\n}\n\nvar replaceText = (function () {\n var textStore = []\n\n return function (index, replacement) {\n textStore[index] = replacement\n return textStore.filter(Boolean).join('\\n')\n }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n var css = remove ? '' : obj.css\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = replaceText(index, css)\n } else {\n var cssNode = document.createTextNode(css)\n var childNodes = styleElement.childNodes\n if (childNodes[index]) styleElement.removeChild(childNodes[index])\n if (childNodes.length) {\n styleElement.insertBefore(cssNode, childNodes[index])\n } else {\n styleElement.appendChild(cssNode)\n }\n }\n}\n\nfunction applyToTag (styleElement, obj) {\n var css = obj.css\n var media = obj.media\n var sourceMap = obj.sourceMap\n\n if (media) {\n styleElement.setAttribute('media', media)\n }\n if (options.ssrId) {\n styleElement.setAttribute(ssrIdKey, obj.id)\n }\n\n if (sourceMap) {\n // https://developer.chrome.com/devtools/docs/javascript-debugging\n // this makes source maps inside style tags work properly in Chrome\n css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n // http://stackoverflow.com/a/26603875\n css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n }\n\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild)\n }\n styleElement.appendChild(document.createTextNode(css))\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/addStylesClient.js\n// module id = 6\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n var styles = []\n var newStyles = {}\n for (var i = 0; i < list.length; i++) {\n var item = list[i]\n var id = item[0]\n var css = item[1]\n var media = item[2]\n var sourceMap = item[3]\n var part = {\n id: parentId + ':' + i,\n css: css,\n media: media,\n sourceMap: sourceMap\n }\n if (!newStyles[id]) {\n styles.push(newStyles[id] = { id: id, parts: [part] })\n } else {\n newStyles[id].parts.push(part)\n }\n }\n return styles\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/listToStyles.js\n// module id = 7\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 8\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"member-group-wrap\"},[_c('el-table',{ref:\"multipleTable\",staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tagTableData,\"tooltip-effect\":\"dark\",\"height\":\"357px\"},on:{\"selection-change\":_vm.handleSelectionChange}},[_c('el-table-column',{attrs:{\"type\":\"selection\"}}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"分组名称\",\"width\":\"150px\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-popover',{attrs:{\"placement\":\"top-start\",\"width\":\"200\",\"trigger\":\"hover\"}},[_c('span',[_vm._v(_vm._s(scope.row.descipe))]),_vm._v(\" \"),_c('a',{staticClass:\"pointer\",attrs:{\"slot\":\"reference\",\"href\":'/memberGroupDetail?id='+scope.row.id},slot:\"reference\"},[_vm._v(_vm._s(scope.row.name))])])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"是否实时\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.isRealTime == 1? '实时':'非实时')+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"最近更新时间\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(_vm._f(\"formatTimeYMD\")(scope.row.recentUpdateDate))+\"\\n \"),_c('p',[_vm._v(_vm._s(_vm._f(\"formatTimeHMS\")(scope.row.recentUpdateDate)))])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"更新频率\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.updateRate)+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"prop\":\"state\",\"label\":\"状态\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.state == 1? '有效':'失效')+\"\\n \")]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"prop\":\"recentUpdateDate\",\"label\":\"到期时间\",\"show-overflow-tooltip\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(_vm._f(\"formatTimeYMD\")(scope.row.recentUpdateDate))+\"\\n \"),_c('p',[_vm._v(_vm._s(_vm._f(\"formatTimeHMS\")(scope.row.recentUpdateDate)))])]}}])}),_vm._v(\" \"),_c('el-table-column',{attrs:{\"label\":\"操作\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('a',{staticClass:\"edit-btn el-button--text\",attrs:{\"href\":'/member-tag/#/memberGroupDetail'+scope.row.id}},[_vm._v(\"详情\")])]}}])})],1),_vm._v(\" \"),_c('div',{staticClass:\"member-group__people__num\"},[_vm._v(\"共覆盖人数: \"+_vm._s(_vm._f(\"formatNum\")(_vm.totalPeople))+\" \")])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-710ca970\",\"hasScoped\":true,\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/lib/vue-gic-member-group.vue\n// module id = 9\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>vue-gic-member-group</title>
</head>
<body>
<div id="app"></div>
<!-- <script src="/dist/build.js"></script> -->
<script src="/dist/vue-gic-member-group.js"></script>
</body>
</html>
{
"name": "@gic-test/vue-gic-member-group",
"description": "vue-gic-member-group Plugin",
"version": "1.0.12",
"license": "MIT",
"private": false,
"author": "fairyly",
"main": "dist/vue-gic-member-group.js",
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
"dependencies": {
"element-ui": "^2.4.9",
"vue": "^2.5.11"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
],
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-3": "^6.24.1",
"cross-env": "^5.0.5",
"css-loader": "^0.28.7",
"file-loader": "^1.1.4",
"node-sass": "^4.5.3",
"sass-loader": "^6.0.6",
"vue-loader": "^13.0.5",
"vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1"
}
}
<template>
<div id="app">
<vue-gic-member-group :selectedArr="selectedArr" @selectGroup="selectGroup"></vue-gic-member-group>
</div>
</template>
<script>
import vueGicMemberGroup from './lib/vue-gic-member-group'
export default {
name: 'app',
data () {
return {
selectedArr: [ {
id: 1,
descipe: '标签列表数据',
name: '123',
isRealTime: 1,
recentUpdateDate: '2018-09-30 14:30:28',
updateRate: '-',
state: 1,
peopleCover: '456566',
createTime: '2018-09-30 14:30:28',
expiredTime: '2018-09-30 14:30:28',
popVisible: false,
}],
}
},
components: {
vueGicMemberGroup
},
methods: {
/**
* 选择分组后子组件触发的事件
*/
selectGroup(data) {
const that = this
}
}
}
</script>
<style lang="scss">
* {
margin: 0;
padding: 0;
}
</style>
import vueGicMemberGroup from './vue-gic-member-group.vue' // 导入组件
const GicMemberGroup = {
install(Vue, options) {
Vue.component(vueGicMemberGroup.name, vueGicMemberGroup) // vueImagesToast.name 组件的name属性
// 类似通过 this.$xxx 方式调用插件的 其实只是挂载到原型上而已
// Vue.prototype.$xxx // 最终可以在任何地方通过 this.$xxx 调用
// 虽然没有明确规定用$开头 但是大家都默认遵守这个规定
}
}
if (typeof window !== 'undefined' && window.Vue) {
window.Vue.use(GicMemberGroup);
}
export default GicMemberGroup
// export {
// vueImagesToasts
// }
<!--
会员分组组件
<vue-gic-member-group :selectedArr="selectedArr" @selectGroup="selectGroup"></vue-gic-member-group>
methods: {
/**
* 选择分组后子组件触发的事件
*/
selectGroup(data) {
const that = this
}
}
-->
<template>
<div class="member-group-wrap">
<el-table
ref="multipleTable"
:data="tagTableData"
tooltip-effect="dark"
style="width: 100%"
height="357px"
@selection-change="handleSelectionChange">
<el-table-column
type="selection">
</el-table-column>
<el-table-column
label="分组名称"
width="150px"
show-overflow-tooltip>
<template slot-scope="scope">
<el-popover
placement="top-start"
width="200"
trigger="hover">
<span>{{ scope.row.descipe }}</span>
<a slot="reference" class="pointer" :href="'/memberGroupDetail?id='+scope.row.id">{{ scope.row.name }}</a>
</el-popover>
</template>
</el-table-column>
<el-table-column
label="是否实时"
>
<template slot-scope="scope">
{{scope.row.isRealTime == 1? '实时':'非实时'}}
</template>
</el-table-column>
<el-table-column
label="最近更新时间"
show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.recentUpdateDate | formatTimeYMD }}
<p>{{ scope.row.recentUpdateDate | formatTimeHMS }}</p>
</template>
</el-table-column>
<el-table-column
label="更新频率"
show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.updateRate }}
</template>
</el-table-column>
<el-table-column
prop="state"
label="状态"
>
<template slot-scope="scope">
{{scope.row.state == 1? '有效':'失效'}}
</template>
</el-table-column>
<!-- <el-table-column
prop="peopleCover"
label="覆盖人数"
width="150px"
show-overflow-tooltip>
<template slot-scope="scope">
{{scope.row.peopleCover | formatNum }} 人
</template>
</el-table-column> -->
<!-- <el-table-column
prop="createTime"
label="创建时间"
width="150px"
show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.createTime | formatTimeYMD }}
<p>{{ scope.row.createTime | formatTimeHMS }}</p>
</template>
</el-table-column> -->
<el-table-column
prop="recentUpdateDate"
label="到期时间"
show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.recentUpdateDate | formatTimeYMD }}
<p>{{ scope.row.recentUpdateDate | formatTimeHMS }}</p>
</template>
</el-table-column>
<el-table-column
label="操作">
<template slot-scope="scope">
<a :href="'/member-tag/#/memberGroupDetail'+scope.row.id" class="edit-btn el-button--text">详情</a>
</template>
</el-table-column>
</el-table>
<div class="member-group__people__num">共覆盖人数: {{ totalPeople | formatNum }} </div>
</div>
</template>
<script>
export default {
name: "vue-gic-member-group",
props: {
tagLibName: {
type: String
},
selectedArr: Array
},
data() {
return {
// 标签列表数据
tagTableData: [
{
id: 1,
descipe: '标签列表数据',
name: '123',
isRealTime: 1,
recentUpdateDate: '2018-09-30 14:30:28',
updateRate: '-',
state: 1,
peopleCover: '456566',
createTime: '2018-09-30 14:30:28',
expiredTime: '2018-09-30 14:30:28',
popVisible: false,
}
],
totalPeople: 575775, //覆盖人数
// 已选的对象
multipleSelection: [],
}
},
filters: {
formatTimeYMD(data) {
// console.log(data,data != '--' ? data.split(' ')[0] : '--')
return data != '--' ? data.split(' ')[0] : '--';
},
formatTimeHMS(data) {
return data != '--' ? data.split(' ')[1] : '--';
},
formatNum(data){
const reg=/\d{1,3}(?=(\d{3})+$)/g;
return (data + '').replace(reg, '$&,');
}
},
methods: {
/**
* 选择分组后
*/
handleSelectionChange(val) {
const that = this
that.multipleSelection = val;
console.log(val)
that.$emit('selectGroup',val)
},
},
watch:{
selectedArr:function(newVal) {
this.imgSrc = newVal
that.multipleSelection = newVal;
console.log(newVal)
if (!!newVal.length) {
that.tagTableData.forEach(function(el){
that.selectedArr.forEach(function(ele){
if (ele.id == el.id) {
that.$refs.multipleTable.toggleRowSelection(el)
}
})
})
}
},
},
mounted() {
const that = this
that.multipleSelection = that.selectedArr;
console.log(that.selectedArr)
if (!!that.selectedArr.length) {
that.tagTableData.forEach(function(el){
that.selectedArr.forEach(function(ele){
if (ele.id == el.id) {
that.$refs.multipleTable.toggleRowSelection(el)
}
})
})
}
}
}
</script>
<style lang="scss" scoped>
.member-group-wrap {
padding-top: 20px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.member-group__people__num {
padding: 20px 0;
}
}
</style>
import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
render: h => h(App)
})
var path = require('path')
var webpack = require('webpack')
module.exports = {
// entry: './src/main.js',
entry: './src/lib/index.js',
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
// filename: 'build.js',
filename: 'vue-gic-member-group.js',
library: 'vue-gic-member-group',
libraryTarget: 'umd',
umdNamedDefine: true
},
module: {
rules: [
{
test: /\.css$/,
use: [
'vue-style-loader',
'css-loader'
],
},
{
test: /\.scss$/,
use: [
'vue-style-loader',
'css-loader',
'sass-loader'
],
},
{
test: /\.sass$/,
use: [
'vue-style-loader',
'css-loader',
'sass-loader?indentedSyntax'
],
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
// Since sass-loader (weirdly) has SCSS as its default parse mode, we map
// the "scss" and "sass" values for the lang attribute to the right configs here.
// other preprocessors should work out of the box, no loader config like this necessary.
'scss': [
'vue-style-loader',
'css-loader',
'sass-loader'
],
'sass': [
'vue-style-loader',
'css-loader',
'sass-loader?indentedSyntax'
]
}
// other vue-loader options go here
}
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
]
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
},
extensions: ['*', '.js', '.vue', '.json']
},
devServer: {
historyApiFallback: true,
noInfo: true,
overlay: true
},
performance: {
hints: false
},
devtool: '#eval-source-map'
}
if (process.env.NODE_ENV === 'production') {
module.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
sourceMap: true,
compress: {
warnings: false
}
}),
new webpack.LoaderOptionsPlugin({
minimize: true
})
])
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment