{"version":3,"sources":["webpack:///./src/module/UserProfile/UserCustomerLogNew.vue?1ef6","webpack:///./src/module/UserProfile/UserCustomerLogNew.vue?1056","webpack:///./src/core/Import/service/BzbsMamageUser.js","webpack:///./src/module/UserProfile/UserCustomerLogNew.vue?7866","webpack:///src/module/UserProfile/UserCustomerLogNew.vue","webpack:///./src/module/UserProfile/UserCustomerLogNew.vue?4a3b","webpack:///./src/module/UserProfile/UserCustomerLogNew.vue"],"names":["KEY_COOKIE_USER","config","Vue","bzbsConfig","token","Cache","get","this","Token","agency_id","$cookies","AgencyId","getSearchUserCustomerLog","userid","strUrl","bzbsModuleUrl","client_id","BzbsApi","connectBzbsGet","render","_vm","_h","$createElement","_c","_self","staticClass","class","$store","state","isDashboard","attrs","_v","_s","lbl","on","$event","goto","form","directives","name","rawName","value","filters","expression","domProps","target","composing","$set","handleSearch","columnsDetail","dataDetail","record","rowindex","length","showTotal","total","range","pageSizeOptions","pageSize","defaultPageSize","defaultCurrent","showSizeChanger","hideOnSinglePage","onChange","onChangePageDetail","scopedSlots","_u","key","fn","text","Status","Gender","dateFormat","datetimeFormat","LevelName","staticRenderFns","title","dataIndex","width","customRender","mixins","components","Header","data","totalDetail","currentDetail","user_id","storetype","isBeeBanefit","beforeCreate","onFieldsChange","created","Account","methods","setLocale","_","column","itemRender","getSearchCustomerLog","BzbsMamageUser","then","resolve","catch","moment","year","getYearByLocale","component"],"mappings":"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hI2C,EAAkB,G,kJC8HtB,GACA,CACAC,mBACAC,sBACAV,4BACAW,YACAb,aACAc,wBAGA,CACAH,iBACAC,qBACAV,2BACAW,YACAb,aACAc,wBAGA,CACAH,qBACAC,0BACAV,gCACAF,aACAc,wBAGA,CACAH,cACAC,kBACAV,uBACAF,aACAc,wBAGA,CACAH,cACAC,kBACAV,0BACAF,aACAc,wBAGA,CACAH,eACAC,mBACAV,2BACAF,aACAc,wBAGA,CACAH,kBACAC,0BACAV,gCACAF,aACAc,wBAGA,CACAH,mBACAC,2BACAV,mCACAF,aACAc,wBAGA,CACAH,eACAC,mBACAV,wBACAF,aACAc,qBAGA,CACAH,kBACAC,sBACAV,4BACAF,aACAc,sBAGA,CACAH,kBACAC,sBACAV,8BACAF,aACAc,8BAGA,CACAH,qBACAC,yBACAV,2BACAF,aACAc,sBAGA,CACAH,kBACAC,sBACAV,8BACAF,aACAc,2BAGA,CACAH,yBACAC,6BACAV,qDACAW,UACAb,aACAc,wBAGA,CACAH,oBACAC,wBACAV,iDACAW,UACAb,aACAc,wBAGA,CACAH,sBACAC,0BACAV,iDACAW,UACAb,aACAc,wBAGA,CACAH,qBACAC,yBACAV,gDACAW,UACAb,aACAc,wBAGA,CACAH,uBACAC,2BACAV,kDACAW,UACAb,aACAc,yBAKe,GACfxC,uBACAyC,gBACAC,YACAC,eAEAC,gBACA,OACAA,QACA5B,WACAN,gBACAC,cACAkC,iBACAC,gBACA3C,SACA4C,YAEAC,aACAC,kBAGAC,wBAAA,WACA,sCACAlD,0BACAmD,2BACA,sBACA,oBAKAC,mBAAA,WACA,sBACAC,4BACA,0BACA,qBACA,kBACA,WAEA,+BACA,iBACA,mDAEA,oBACA,oBACA,CACAhB,oBACAC,uBACAV,uBACAW,aAEA,CACAF,mBACAC,sBACAV,4BACAW,YACAb,aACAc,wBAGA,CACAH,iBACAC,qBACAV,2BACAW,YACAb,aACAc,wBAGA,CACAH,qBACAC,0BACAV,gCACAF,aACAc,wBAGA,CACAH,cACAC,kBACAV,uBACAF,aACAc,wBAGA,CACAH,cACAC,kBACAV,0BACAF,aACAc,wBAGA,CACAH,eACAC,mBACAV,2BACAF,aACAc,wBAGA,CACAH,eACAC,mBACAV,wBACAF,aACAc,qBAGA,CACAH,kBACAC,sBACAV,4BACAF,aACAc,sBAGA,CACAH,qBACAC,yBACAV,2BACAF,aACAc,sBAGA,CACAH,kBACAC,sBACAV,8BACAF,aACAc,6BAKA,gDACA,iEACA,GACA,aACA,8BACA,+BAKA,kBAEA,iBAGA,sCAGAc,SACAC,qBAAA,WACAC,4CACAC,yBAGAhC,+BACA,qBACA,qCAEAiC,2BAAA,0BACA,iBACA,mDACA,WACA,mDAEA,GAEAjD,wBAAA,WAEA4C,4BACA,0BACA,qBACA,0BACA,WAEAG,4CACA,6CACAC,yBAIA,qBACA,sDAEAE,iCAAA,WAGA,OAFA,uBAEA,yBACAC,mDACAC,kBACA,oBAEA,4BACA,sBACA,2BAEAC,aAEAC,mBACA,oBAEAD,YAIA7B,uBACA+B,mCACA,oCACA,6BAGA,OAFAC,0BAEA,KAEA/B,2BACA8B,mCACA,oCACA,6BACAC,0BACA,qCAEA,kBAEAC,4BACA,mCACA,EAEA,iBAGArE,iBACAwD,4BACA,sBACA,qBACA,gCACA,YAEA,mBAAArD,YCvhB2W,I,mCCSvWmE,EAAY,eACd,EACAvF,EACAwD,GACA,EACA,KACA,WACA,MAIa,aAAA+B,E","file":"js/chunk-915df850.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCustomerLogNew.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCustomerLogNew.vue?vue&type=style&index=1&id=7ac0fcb2&lang=scss&scoped=true&\"","import Vue from 'vue';\r\nimport BzbsApi from '@/core/Http/BzbsApi.js';\r\nimport Cache from '@/helper/Cache.js';\r\n/**\r\n * @method validateAdjustFile\r\n */\r\nexport default {\r\n\tKEY_COOKIE_USER: 'CRMUser',\r\n\tconfig: function() {\r\n\t\treturn Vue.bzbsConfig;\r\n\t},\r\n\ttoken: function() {\r\n\t\treturn Cache.get(this.KEY_COOKIE_USER).Token;\r\n\t},\r\n\tagency_id: function() {\r\n\t\treturn Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n\t\t\t? Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n\t\t\t: this.config().agency_id;\r\n\t},\r\n\tgetSearchUserCustomerLog: function(userid) {\r\n\t\tvar strUrl =\r\n\t\t\tthis.config().bzbsModuleUrl +\r\n\t\t\t'/crmplusoffice/userlog?device_app_id=' +\r\n\t\t\tthis.config().client_id +\r\n\t\t\t'&agencyId=' +\r\n\t\t\tthis.agency_id() +\r\n\t\t\t'&userId=' +\r\n\t\t\tuserid;\r\n\t\treturn BzbsApi.connectBzbsGet(strUrl, this.token(), null);\r\n\t}\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\",class:{ 'content-dashboard': _vm.$store.state.isDashboard }},[_c('div',{staticClass:\"mx-auto content-inner-container\"},[_c('div',{staticClass:\"wrap-userCustomerLog\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 page-header\"},[_c('img',{attrs:{\"src\":require('@/assets/images/ico-import.svg'),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl['user-customer-log-title'])+\" \")])]),_c('div',{staticClass:\"text-center my-3\",attrs:{\"ng-controller\":\"ImportUserCtrl\"}},[_c('div',{staticClass:\"btn-group\",attrs:{\"role\":\"group\",\"aria-label\":\"Button group\"}},[_c('a-button-group',[_c('a-button',{on:{\"click\":function($event){return _vm.goto('UserCustomerManage')}}},[_vm._v(\" \"+_vm._s(_vm.lbl['manage-usr-edit-profile'])+\" \")]),_c('a-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\" \"+_vm._s(_vm.lbl['manage-usr-edit-log'])+\" \")])],1)],1),_c('div',{staticClass:\"mt-5 p-3 search-box\"},[_c('a-form',{staticClass:\"search-form\",attrs:{\"form\":_vm.form}},[_c('div',{staticClass:\"row pt-5 pb-2\"},[_c('div',{staticClass:\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12\"},[_c('label',{staticClass:\"text-left w-100\"},[_vm._v(_vm._s(_vm.lbl['import-search-userid']))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filters.user_id),expression:\"filters.user_id\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.filters.user_id)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.filters, \"user_id\", $event.target.value)}}})]),_c('div',{staticClass:\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mt-4\"},[_c('div',{staticClass:\"form-button text-left\"},[_c('a-button',{staticClass:\"width-120 mt-1\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.handleSearch()}}},[_vm._v(\" \"+_vm._s(_vm.lbl['import-search-button'])+\" \")])],1)])])])],1),_c('div',{staticClass:\"pt-3 table-box\"},[_c('a-table',{attrs:{\"row-key\":\"RowKey\",\"columns\":_vm.columnsDetail,\"data-source\":_vm.dataDetail,\"row-class-name\":function (record, rowindex) {\n                  if (rowindex == _vm.dataDetail.length - 1) {\n                    return 'tableHighlightlog'\n                  }\n                },\"pagination\":{\n                showTotal: function (total, range) { return ((range[0]) + \"-\" + (range[1]) + \" \" + (_vm.lbl['pagination-of-text']) + \" \" + total); },\n                pageSizeOptions: _vm.pageSizeOptions,\n                pageSize: _vm.defaultPageSize,\n                defaultCurrent: 1,\n                showSizeChanger: true,\n                hideOnSinglePage: false,\n                onChange: _vm.onChangePageDetail,\n              }},scopedSlots:_vm._u([{key:\"status\",fn:function(text, record){return [(record.Status == 'Active')?_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['active']))]):(record.Status == 'Inactive')?_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['inactive']))]):(record.Status == 'Cancel Member')?_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['cancel-member']))]):(record.Status == 'Inactive by BOF')?_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['inactive-by-bof']))]):_c('span',[_vm._v(\" \"+_vm._s(text ? text : '-'))])]}},{key:\"sex\",fn:function(text, record){return [(record.Gender == 'male')?_c('span',[_vm._v(_vm._s(_vm.lbl['Male']))]):(record.Gender == 'female')?_c('span',[_vm._v(_vm._s(_vm.lbl['Female']))]):_c('span',[_vm._v(_vm._s(_vm.lbl['Other']))])]}},{key:\"date\",fn:function(text){return [_vm._v(\" \"+_vm._s(text ? _vm.dateFormat(text) : '-')+\" \")]}},{key:\"date-time\",fn:function(text){return [_vm._v(\" \"+_vm._s(text ? _vm.datetimeFormat(text) : '-')+\" \")]}},{key:\"isdata\",fn:function(text){return [_vm._v(\" \"+_vm._s(text ? text : '-')+\" \")]}},{key:\"isdata_level\",fn:function(text, record){return [(\n                    record.LevelName != null && record.LevelName != 'null'\n                  )?_c('span',[_vm._v(_vm._s(text ? text : '-')+\" \")]):_c('span',[_vm._v(\" \"+_vm._s('-')+\" \")])]}}])})],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n      :class=\"{ 'content-dashboard': $store.state.isDashboard }\"\r\n    >\r\n      <div class=\"mx-auto content-inner-container\">\r\n        <div class=\"wrap-userCustomerLog\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 page-header\">\r\n              <img\r\n                :src=\"require('@/assets/images/ico-import.svg')\"\r\n                alt=\"image\"\r\n              />\r\n              {{ lbl['user-customer-log-title'] }}\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"text-center my-3\" ng-controller=\"ImportUserCtrl\">\r\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Button group\">\r\n              <a-button-group>\r\n                <a-button @click=\"goto('UserCustomerManage')\">\r\n                  {{ lbl['manage-usr-edit-profile'] }}\r\n                </a-button>\r\n                <a-button type=\"primary\">\r\n                  {{ lbl['manage-usr-edit-log'] }}\r\n                </a-button>\r\n              </a-button-group>\r\n            </div>\r\n            <div class=\"mt-5 p-3 search-box\">\r\n              <a-form :form=\"form\" class=\"search-form\">\r\n                <div class=\"row pt-5 pb-2\">\r\n                  <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12\">\r\n                    <label class=\"text-left w-100\">{{\r\n                      lbl['import-search-userid']\r\n                    }}</label>\r\n                    <input\r\n                      v-model=\"filters.user_id\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mt-4\">\r\n                    <div class=\"form-button text-left\">\r\n                      <a-button\r\n                        type=\"primary\"\r\n                        class=\"width-120 mt-1\"\r\n                        @click=\"handleSearch()\"\r\n                      >\r\n                        {{ lbl['import-search-button'] }}\r\n                      </a-button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </a-form>\r\n            </div>\r\n            <div class=\"pt-3 table-box\">\r\n              <a-table\r\n                row-key=\"RowKey\"\r\n                :columns=\"columnsDetail\"\r\n                :data-source=\"dataDetail\"\r\n                :row-class-name=\"\r\n                  (record, rowindex) => {\r\n                    if (rowindex == dataDetail.length - 1) {\r\n                      return 'tableHighlightlog'\r\n                    }\r\n                  }\r\n                \"\r\n                :pagination=\"{\r\n                  showTotal: (total, range) =>\r\n                    `${range[0]}-${range[1]} ${lbl['pagination-of-text']} ${total}`,\r\n                  pageSizeOptions: pageSizeOptions,\r\n                  pageSize: defaultPageSize,\r\n                  defaultCurrent: 1,\r\n                  showSizeChanger: true,\r\n                  hideOnSinglePage: false,\r\n                  onChange: onChangePageDetail,\r\n                }\"\r\n              >\r\n                <template slot=\"status\" slot-scope=\"text, record\">\r\n                  <span v-if=\"record.Status == 'Active'\">\r\n                    {{ lbl['active'] }}</span\r\n                  >\r\n                  <span v-else-if=\"record.Status == 'Inactive'\">\r\n                    {{ lbl['inactive'] }}</span\r\n                  >\r\n                  <span v-else-if=\"record.Status == 'Cancel Member'\">\r\n                    {{ lbl['cancel-member'] }}</span\r\n                  >\r\n                  <span v-else-if=\"record.Status == 'Inactive by BOF'\">\r\n                    {{ lbl['inactive-by-bof'] }}</span\r\n                  >\r\n                  <span v-else> {{ text ? text : '-' }}</span>\r\n                </template>\r\n                <template slot=\"sex\" slot-scope=\"text, record\">\r\n                  <span v-if=\"record.Gender == 'male'\">{{ lbl['Male'] }}</span>\r\n                  <span v-else-if=\"record.Gender == 'female'\">{{\r\n                    lbl['Female']\r\n                  }}</span>\r\n                  <span v-else>{{ lbl['Other'] }}</span>\r\n                </template>\r\n                <template slot=\"date\" slot-scope=\"text\">\r\n                  {{ text ? dateFormat(text) : '-' }}\r\n                </template>\r\n                <template slot=\"date-time\" slot-scope=\"text\">\r\n                  {{ text ? datetimeFormat(text) : '-' }}\r\n                </template>\r\n                <template slot=\"isdata\" slot-scope=\"text\">\r\n                  {{ text ? text : '-' }}\r\n                </template>\r\n                <template slot=\"isdata_level\" slot-scope=\"text, record\">\r\n                  <span\r\n                    v-if=\"\r\n                      record.LevelName != null && record.LevelName != 'null'\r\n                    \"\r\n                    >{{ text ? text : '-' }}\r\n                  </span>\r\n                  <span v-else>\r\n                    {{ '-' }}\r\n                  </span>\r\n                </template>\r\n              </a-table>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsMamageUser from '@/core/Import/service/BzbsMamageUser'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Header from '@/components/Layout/Header'\r\nimport moment from 'moment'\r\nimport Locale from '@/helper/locale.js'\r\nimport Vue from 'vue'\r\n\r\nconst columnsDetail = [\r\n  {\r\n    title: 'First Name',\r\n    dataIndex: 'FirstName',\r\n    key: 'manage-usr-first-name',\r\n    width: '12%',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'LastName',\r\n    dataIndex: 'LastName',\r\n    key: 'manage-usr-last-name',\r\n    width: '12%',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'MobileNumber',\r\n    dataIndex: 'ContactNumber',\r\n    key: 'manage-usr-contact-number',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'Email',\r\n    dataIndex: 'Email',\r\n    key: 'manage-usr-email',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'Point',\r\n    dataIndex: 'Point',\r\n    key: 'import-search-point',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'Status',\r\n    dataIndex: 'Status',\r\n    key: 'import-search-status',\r\n    scopedSlots: {\r\n      customRender: 'status',\r\n    },\r\n  },\r\n  {\r\n    title: 'Reference',\r\n    dataIndex: 'ReferenceInfo',\r\n    key: 'manage-usr-reference-code',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'Reference2',\r\n    dataIndex: 'ReferenceInfo2',\r\n    key: 'manage-usr-reference-number2',\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'Gender',\r\n    dataIndex: 'Gender',\r\n    key: 'manage-usr-gender',\r\n    scopedSlots: {\r\n      customRender: 'sex',\r\n    },\r\n  },\r\n  {\r\n    title: 'BirthDate',\r\n    dataIndex: 'BirthDate',\r\n    key: 'manage-usr-birth-date',\r\n    scopedSlots: {\r\n      customRender: 'date',\r\n    },\r\n  },\r\n  {\r\n    title: 'UserLevel',\r\n    dataIndex: 'LevelName',\r\n    key: 'import-search-userlevel',\r\n    scopedSlots: {\r\n      customRender: 'isdata_level',\r\n    },\r\n  },\r\n  {\r\n    title: 'RegisterDate',\r\n    dataIndex: 'RegisterDate',\r\n    key: 'register-date-header',\r\n    scopedSlots: {\r\n      customRender: 'date',\r\n    },\r\n  },\r\n  {\r\n    title: 'TimeStamp',\r\n    dataIndex: 'Timestamp',\r\n    key: 'manage-usr-time-stamped',\r\n    scopedSlots: {\r\n      customRender: 'date-time',\r\n    },\r\n  },\r\n  {\r\n    title: 'TermAndCondition',\r\n    dataIndex: 'TermAndCondition',\r\n    key: 'dashboard-insight-user-info-term-and-condition',\r\n    width: 180,\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'DataPrivacy',\r\n    dataIndex: 'DataPrivacy',\r\n    key: 'dashboard-insight-user-info-privacy-policy',\r\n    width: 180,\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'LineMarketing',\r\n    dataIndex: 'LineMarketing',\r\n    key: 'dashboard-insight-user-info-line-marketing',\r\n    width: 150,\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'SMSMarketing',\r\n    dataIndex: 'SMSMarketing',\r\n    key: 'dashboard-insight-user-info-sms-marketing',\r\n    width: 150,\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n  {\r\n    title: 'EmailMarketing',\r\n    dataIndex: 'EmailMarketing',\r\n    key: 'dashboard-insight-user-info-email-marketing',\r\n    width: 150,\r\n    scopedSlots: {\r\n      customRender: 'isdata',\r\n    },\r\n  },\r\n]\r\n\r\nexport default {\r\n  name: 'userCustomerLog',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n  },\r\n  data: function () {\r\n    return {\r\n      data: [],\r\n      total: null,\r\n      columnsDetail,\r\n      dataDetail: [],\r\n      totalDetail: null,\r\n      currentDetail: 1,\r\n      filters: {\r\n        user_id: '',\r\n      },\r\n      storetype: '',\r\n      isBeeBanefit: false,\r\n    }\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'import-user-search',\r\n      onFieldsChange: prop => {\r\n        if (prop.isFieldsTouched()) {\r\n          this.formTouch = true\r\n        }\r\n      },\r\n    })\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    Account.bzbsAnalyticTracking(\r\n      'member_details_log_page',\r\n      'member_details_log',\r\n      'view_member_log',\r\n      'on view',\r\n    )\r\n    var crmPackage = Account.getCachePackage()\r\n    if (crmPackage && crmPackage.PackageId) {\r\n      this.isBeeBanefit = crmPackage.PackageId.includes('benefit')\r\n    }\r\n    if (this.isBeeBanefit) {\r\n      this.columnsDetail = [\r\n        {\r\n          title: 'Employee Id',\r\n          dataIndex: 'employeeId',\r\n          key: 'view-employee-id',\r\n          width: '12%',\r\n        },\r\n        {\r\n          title: 'First Name',\r\n          dataIndex: 'FirstName',\r\n          key: 'manage-usr-first-name',\r\n          width: '12%',\r\n          scopedSlots: {\r\n            customRender: 'isdata',\r\n          },\r\n        },\r\n        {\r\n          title: 'LastName',\r\n          dataIndex: 'LastName',\r\n          key: 'manage-usr-last-name',\r\n          width: '12%',\r\n          scopedSlots: {\r\n            customRender: 'isdata',\r\n          },\r\n        },\r\n        {\r\n          title: 'MobileNumber',\r\n          dataIndex: 'ContactNumber',\r\n          key: 'manage-usr-contact-number',\r\n          scopedSlots: {\r\n            customRender: 'isdata',\r\n          },\r\n        },\r\n        {\r\n          title: 'Email',\r\n          dataIndex: 'Email',\r\n          key: 'manage-usr-email',\r\n          scopedSlots: {\r\n            customRender: 'isdata',\r\n          },\r\n        },\r\n        {\r\n          title: 'Point',\r\n          dataIndex: 'Point',\r\n          key: 'import-search-point',\r\n          scopedSlots: {\r\n            customRender: 'isdata',\r\n          },\r\n        },\r\n        {\r\n          title: 'Status',\r\n          dataIndex: 'Status',\r\n          key: 'import-search-status',\r\n          scopedSlots: {\r\n            customRender: 'status',\r\n          },\r\n        },\r\n        {\r\n          title: 'Gender',\r\n          dataIndex: 'Gender',\r\n          key: 'manage-usr-gender',\r\n          scopedSlots: {\r\n            customRender: 'sex',\r\n          },\r\n        },\r\n        {\r\n          title: 'BirthDate',\r\n          dataIndex: 'BirthDate',\r\n          key: 'manage-usr-birth-date',\r\n          scopedSlots: {\r\n            customRender: 'date',\r\n          },\r\n        },\r\n        {\r\n          title: 'RegisterDate',\r\n          dataIndex: 'RegisterDate',\r\n          key: 'register-date-header',\r\n          scopedSlots: {\r\n            customRender: 'date',\r\n          },\r\n        },\r\n        {\r\n          title: 'TimeStamp',\r\n          dataIndex: 'Timestamp',\r\n          key: 'manage-usr-time-stamped',\r\n          scopedSlots: {\r\n            customRender: 'date-time',\r\n          },\r\n        },\r\n      ]\r\n    }\r\n    if (Vue.bzbsConfig.businessRule.webFor.PH) {\r\n      this.columnsDetail = _.forEach(this.columnsDetail, (column, index) => {\r\n        if (column) {\r\n          if (column.dataIndex) {\r\n            if (column.dataIndex == 'LineMarketing') {\r\n              this.columnsDetail.splice(index, 1)\r\n            }\r\n          }\r\n        }\r\n      })\r\n      this.setLocale()\r\n    } else {\r\n      this.setLocale()\r\n    }\r\n\r\n    this.storetype = Account.getStoreType()\r\n    console.log('storetype : ', this.storetype)\r\n  },\r\n  methods: {\r\n    setLocale() {\r\n      _.forEach(this.columnsDetail, column => {\r\n        column.title = this.lbl[column.key]\r\n      })\r\n    },\r\n    onChangePageDetail(page) {\r\n      this.currentDetail = page\r\n      this.getSearchCustomerLog((page - 1) * 10)\r\n    },\r\n    itemRender(current, type, originalElement) {\r\n      if (type === 'prev') {\r\n        return <a class=\"ant-pagination-item-link\"> &#60;&#60; </a>\r\n      } else if (type === 'next') {\r\n        return <a class=\"ant-pagination-item-link\"> &#62;&#62; </a>\r\n      }\r\n      return originalElement\r\n    },\r\n    handleSearch() {\r\n      console.log('columnsDetail : ', this.columnsDetail)\r\n      Account.bzbsAnalyticTracking(\r\n        'member_details_log_page',\r\n        'member_details_log',\r\n        'click_member_log_search',\r\n        'on view',\r\n      )\r\n      _.forEach(this.columnsDetail, column => {\r\n        if (column.dataIndex == 'Point' && this.storetype == 'stamp') {\r\n          column.className = 'd-none'\r\n        }\r\n      })\r\n\r\n      this.currentDetail = 1\r\n      this.getSearchCustomerLog((this.currentDetail - 1) * 10)\r\n    },\r\n    getSearchCustomerLog(skip) {\r\n      this.handleLoading(true)\r\n\r\n      return new Promise(resolve => {\r\n        BzbsMamageUser.getSearchUserCustomerLog(this.filters.user_id)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            console.log('res : ', res)\r\n            this.totalDetail = res.data.length\r\n            const data_skip = res.data.slice(skip)\r\n            this.dataDetail = data_skip.slice(0, 10)\r\n\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            console.log('getSearchUserCustomerLog error', error)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    dateFormat: function (timestamp) {\r\n      moment.locale(Locale.getLocaleCode())\r\n      var strDate = moment.unix(timestamp).format('DD MMM ')\r\n      var year = moment.unix(timestamp).format('YYYY')\r\n      year = this.getYearByLocale(year)\r\n\r\n      return strDate + year\r\n    },\r\n    datetimeFormat: function (timestamp) {\r\n      moment.locale(Locale.getLocaleCode())\r\n      var strDate = moment.unix(timestamp).format('DD MMM ')\r\n      var year = moment.unix(timestamp).format('YYYY')\r\n      year = this.getYearByLocale(year)\r\n      var time = moment.unix(timestamp).format('HH:mm:ss')\r\n\r\n      return strDate + year + ' ' + time\r\n    },\r\n    getYearByLocale: function (year) {\r\n      if (Locale.getLocaleCode() == 'en') {\r\n        return year\r\n      } else {\r\n        return parseInt(year) + 543\r\n      }\r\n    },\r\n    goto(page) {\r\n      Account.bzbsAnalyticTracking(\r\n        'member_details_page',\r\n        'member_details_log',\r\n        'click_member_details_page_tab',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: page })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.wrap-userCustomerLog {\r\n  .ant-table-body {\r\n    overflow-x: auto;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n.tableHighlightlog {\r\n  background-color: #eee;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.wrap-userCustomerLog {\r\n  .form-control {\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .search-box {\r\n    border-left: 1px solid #aaa;\r\n    border-top: 2px solid black;\r\n    border-right: 1px solid #aaa;\r\n    border-bottom: 1px solid #aaa;\r\n    border-radius: 0.5em;\r\n  }\r\n\r\n  .text-left {\r\n    text-align: left;\r\n  }\r\n\r\n  .width-120 {\r\n    width: 120px;\r\n  }\r\n\r\n  .ico-excel {\r\n    background-color: #217346;\r\n    height: 1.5vw;\r\n    padding: 0.25vw;\r\n  }\r\n\r\n  .button-import {\r\n    height: 45px;\r\n    padding: 5px;\r\n    width: 130px;\r\n    background-color: #ebecf0;\r\n    border-color: #ebecf0;\r\n    color: #000;\r\n  }\r\n\r\n  .button-import:hover {\r\n    background-color: #e5e5e5;\r\n    border-color: #e5e5e5;\r\n  }\r\n\r\n  .div-import {\r\n    float: right;\r\n  }\r\n\r\n  .ant-pagination-prev .ant-pagination-item-link,\r\n  .ant-pagination-next .ant-pagination-item-link {\r\n    border-color: #d9d9d9;\r\n    color: rgba(0, 0, 0, 0.65);\r\n    font-size: 10px;\r\n    &:hover {\r\n      color: common.$primary-hover !important;\r\n      border-color: common.$primary-hover !important;\r\n    }\r\n  }\r\n\r\n  .ant-select-dropdown-menu-item:hover,\r\n  .ant-select-dropdown-menu-item-selected {\r\n    background-color: #fff7e6;\r\n  }\r\n\r\n  .ant-pagination-item-active,\r\n  .ant-pagination-item:focus,\r\n  .ant-pagination-item:hover {\r\n    border-color: common.$primary-hover !important;\r\n  }\r\n\r\n  //แนวตั้ง mobile\r\n  @media only screen and (max-device-width: 767px) and (orientation: portrait) {\r\n    .box-pagination {\r\n      display: inline-grid;\r\n      width: 100%;\r\n      text-align: end;\r\n      margin: 0 0 20px 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCustomerLogNew.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserCustomerLogNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserCustomerLogNew.vue?vue&type=template&id=7ac0fcb2&scoped=true&\"\nimport script from \"./UserCustomerLogNew.vue?vue&type=script&lang=js&\"\nexport * from \"./UserCustomerLogNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserCustomerLogNew.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./UserCustomerLogNew.vue?vue&type=style&index=1&id=7ac0fcb2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ac0fcb2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}