(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{622:function(e,t,o){var content=o(690);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(15).default)("1be4ca1d",content,!1,{sourceMap:!1})},689:function(e,t,o){"use strict";o(622)},690:function(e,t,o){var n=o(14)(!1);n.push([e.i,"@import url(//at.alicdn.com/t/font_2829459_b5oakun9sm.css);"]),n.push([e.i,'.body[data-v-60fa5ef7]{padding:0;margin:0;min-height:100vh;position:relative;background:#f6f6f6}.page[data-v-60fa5ef7]{max-width:1920px;overflow:hidden}.wrapper[data-v-60fa5ef7]{width:1200px;height:100%;margin:0 auto}.sign-up-popup[data-v-60fa5ef7],.sign-up-popup-c[data-v-60fa5ef7],.sign-up-popupc[data-v-60fa5ef7]{display:none}.sign-up-popup-content[data-v-60fa5ef7]{padding:30px!important;box-sizing:content-box;background:#fff!important;border-radius:10px!important}.component[data-v-60fa5ef7]{max-width:1440px;margin:auto;padding-left:6.25rem;padding-right:6.25rem;min-width:1000px}p[data-v-60fa5ef7]:not([class^=antd]){margin:inherit}a[data-v-60fa5ef7]{color:inherit}body[data-v-60fa5ef7]{font:14px/1.42858 "微软雅黑","Microsoft Yahei",sans-serif;line-height:1!important;color:#333}.page[data-v-60fa5ef7]{background:#f6f6f6;padding-bottom:100px;flex-direction:column;align-items:center}.page[data-v-60fa5ef7],.page .top[data-v-60fa5ef7]{width:100%;display:flex}.page .top[data-v-60fa5ef7]{background:url(https://oss.icolor.com.cn/herahome/about/personnel/ServicePersonnel.jpg) no-repeat top;background-size:cover;height:600px;justify-content:center}.page .top .content[data-v-60fa5ef7]{width:1200px;padding-left:36px;color:#000}.page .top .content .title[data-v-60fa5ef7]{padding-top:144px;font-size:54px;font-weight:700}.page .top .content .subtitle[data-v-60fa5ef7]{padding-top:26px;font-size:36px}.page .top .content .btn-sign[data-v-60fa5ef7]{cursor:pointer;width:270px;height:50px;margin-top:63px;border-radius:25px;text-align:center;line-height:50px;font-size:22px;position:relative;color:#fff;background:#45c8d8;top:0;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d}.page .bottom[data-v-60fa5ef7]{width:1200px;height:800px;background:#fff;margin-top:40px;display:flex}.page .bottom .search[data-v-60fa5ef7]{width:564px;padding:50px 70px 70px 106px}.page .bottom .search .title[data-v-60fa5ef7]{font-size:42px;font-weight:700;padding-left:12px}.page .bottom .search .search-input[data-v-60fa5ef7]{margin-top:26px;width:382px;height:50px;display:flex}.page .bottom .search .search-input .input[data-v-60fa5ef7]{border:1px solid #ccc;width:310px;height:50px;line-height:50px;padding-left:20px;color:#000}.page .bottom .search .search-input .i[data-v-60fa5ef7]{width:72px;height:50px;line-height:50px;font-size:34px;background:#45c8d8;color:#fff;text-align:center;display:inline-block;cursor:pointer}.page .bottom .search .position[data-v-60fa5ef7]{margin-top:22px;font-size:18px;font-weight:700}.page .bottom .search .serviceClassesList[data-v-60fa5ef7]{margin-top:14px;overflow:auto;height:216px;display:flex;flex-wrap:wrap;align-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.page .bottom .search .serviceClassesList[data-v-60fa5ef7]::-webkit-scrollbar{display:none}.page .bottom .search .serviceClassesList .serviceClassesItem[data-v-60fa5ef7]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;line-height:32px;font-size:18px;color:#000;width:122px;height:32px;border:1px solid #000;border-radius:14px;cursor:pointer}.page .bottom .search .serviceClassesList .serviceClassesItem[data-v-60fa5ef7]:nth-child(3n - 1){margin:0 10px}.page .bottom .search .serviceClassesList .serviceClassesItem[data-v-60fa5ef7]:not(:last-child){margin-bottom:10px}.page .bottom .search .serviceClassesList .select[data-v-60fa5ef7]{color:#fff;background:#45c8d8;border:none}.page .bottom .search .serviceClassesList .serviceClassesItemLong[data-v-60fa5ef7]{font-size:12px}.page .bottom .search .serviceClassesListMore[data-v-60fa5ef7]{height:420px}.page .bottom .search .positionMore[data-v-60fa5ef7]{cursor:pointer;width:136px;font-size:18px;color:#000;margin-bottom:214px}.page .bottom .search .positionMore[data-v-60fa5ef7]:after{content:"\\e6da";font-family:"iconfont";color:#000;transform:rotate(-90deg);float:right}.page .bottom .search .positionMoreClick[data-v-60fa5ef7]{width:66px;font-size:18px;color:#000;margin-bottom:10px}.page .bottom .search .positionMoreClick[data-v-60fa5ef7]:after{content:"\\e6da";font-family:"iconfont";color:#000;transform:rotate(90deg);float:right}.page .bottom .search .detail[data-v-60fa5ef7]{font-size:16px;line-height:24px;color:#666}.page .bottom .search[data-v-60fa5ef7]:after{content:"";width:1px;height:700px;background:#ccc;display:block;position:relative;right:-458px;top:-740px}.page .bottom .person-list[data-v-60fa5ef7]{width:636px}.page .bottom .person-list #person-card[data-v-60fa5ef7]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:490px;height:700px;overflow-y:scroll;margin:50px 76px 50px 38px}.page .bottom .person-list #person-card[data-v-60fa5ef7]::-webkit-scrollbar{width:10px;height:1px}.page .bottom .person-list #person-card[data-v-60fa5ef7]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ccc}.page .bottom .person-list #person-card[data-v-60fa5ef7]::-webkit-scrollbar-track{background:#fff}.page .bottom .person-list #person-card .person-items[data-v-60fa5ef7]{height:160px;width:440px;display:flex;justify-content:flex-start;align-items:flex-start;background:#fff;box-shadow:2px 0 5px 0 rgba(0,0,0,.15),0 2px 6px 0 transparent;margin-top:4px;margin-bottom:20px}.page .bottom .person-list #person-card .person-items .item-left .item-img[data-v-60fa5ef7]{width:160px;height:160px}.page .bottom .person-list #person-card .person-items .item-right[data-v-60fa5ef7]{margin-left:52px;margin-top:18px;flex-grow:1;color:#333;font-size:18px}.page .bottom .person-list #person-card .person-items .item-right .item-right-top[data-v-60fa5ef7]{display:flex;justify-content:space-between;align-items:flex-end;font-weight:700}.page .bottom .person-list #person-card .person-items .item-right .num[data-v-60fa5ef7],.page .bottom .person-list #person-card .person-items .item-right .position[data-v-60fa5ef7]{margin:8px 0}.page .bottom .person-list #person-card .noPerson[data-v-60fa5ef7]{text-align:center;height:700px;line-height:700px}.page .bottom .person-list #person-card .loadmore[data-v-60fa5ef7]{text-align:center}.page .service[data-v-60fa5ef7]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:16;text-align:right}.page .service .service-icon[data-v-60fa5ef7]{padding:6px;font-size:12px;color:#aad7fe;border:1px solid #aad7fe;border-radius:100%;background:#fff;position:absolute;top:-9px;right:-9px}.page .service .service-img[data-v-60fa5ef7]{width:440px}',""]),e.exports=n},775:function(e,t,o){"use strict";o.r(t);var n=o(191);var r=o(231),c=o(130);function l(e){return function(e){if(Array.isArray(e))return Object(n.a)(e)}(e)||Object(r.a)(e)||Object(c.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}o(54),o(27),o(65);var d=o(13),f={data:function(){return{serviceClasses:null,name:"",showAll:!1,positionTitle:"显示全部职位",serviceClass:"",loading:!1,currentPage:1,totalPages:1,pageSize:15,usersDate:[],url:d.l,resultMsg:void 0,serviceConventionStatus:!1,serviceConventionImg:"about/personnel/serviceConvention.png",formData:{}}},computed:{activeServiceClasses:function(){return this.showAll?this.serviceClasses:this.serviceClasses?this.serviceClasses.slice(0,15):[]}},mounted:function(){this.getServiceClasses(),this.loadMore()},methods:{getServiceClasses:function(){var e=this,t=d.f;this.$axios({api:t,formData:{dictType:"service_type"}}).then((function(t){var data=t.data;e.serviceClasses=data}))},getServiceUsers:function(e){var t=this,o=d.i,n={serviceType:this.serviceClass,cityCode:"",name:this.name,pageNum:this.currentPage,pageSize:this.pageSize};this.formData.name===n.name&&this.formData.serviceType===n.serviceType&&this.formData.pageNum===n.pageNum||(this.formData=n,this.$axios({api:o,formData:n}).then((function(e){t.usersDate=e&&e.rows?[].concat(l(t.usersDate),l(e.rows)):l(t.usersDate),e&&e.rows&&e.rows.length<15?t.resultMsg=d.o:t.resultMsg="下滑加载更多",t.totalPages=Math.ceil(e.total/15),t.currentPage+=1,t.loading=!1})))},getPositionMore:function(){this.positionTitle=this.showAll?"显示全部职位":"收起",this.showAll=!this.showAll},selectPosition:function(e){this.serviceClass=this.serviceClass===e.code?"":e.code,this.currentPage=1,this.totalPages=1,this.usersDate=[],this.getServiceUsers()},searchPosition:function(){this.formData.name!==this.name&&(this.currentPage=1,this.totalPages=1,this.usersDate=[],this.getServiceUsers(!0))},loadMore:function(){this.currentPage<=this.totalPages&&(this.loading=!0,this.getServiceUsers())},showServiceConvention:function(){this.serviceConventionStatus=!this.serviceConventionStatus},closeServiceConvention:function(){this.serviceConventionStatus&&(this.serviceConventionStatus=!1)}}},v=(o(689),o(7)),component=Object(v.a)(f,(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"page"},[o("div",{staticClass:"top"},[o("div",{staticClass:"content"},[o("div",{staticClass:"title"},[e._v("\n        专业团队 品质保证\n      ")]),e._v(" "),o("div",{staticClass:"subtitle"},[e._v("\n        以客为尊 以礼相待\n      ")]),e._v(" "),o("div",{staticClass:"btn-sign",on:{click:e.showServiceConvention}},[e._v("\n        查看爱客服务公约 >\n      ")])])]),e._v(" "),o("div",{staticClass:"bottom"},[o("div",{staticClass:"search"},[o("div",{staticClass:"title"},[e._v("\n        专业团队  品质保证\n      ")]),e._v(" "),o("div",{staticClass:"search-input"},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.name,expression:"name"}],staticClass:"input",attrs:{type:"text",placeholder:"输入员工姓名"},domProps:{value:e.name},on:{input:function(t){t.target.composing||(e.name=t.target.value)}}}),e._v(" "),o("i",{staticClass:"iconfont icon-Magnifier i",on:{click:function(t){return e.searchPosition()}}})]),e._v(" "),o("div",{staticClass:"position"},[e._v("\n        职位选择\n      ")]),e._v(" "),o("div",{staticClass:"serviceClassesList",class:{serviceClassesListMore:e.showAll}},e._l(e.activeServiceClasses,(function(t,n){return o("div",{key:t.code+n,staticClass:"serviceClassesItem",class:{serviceClassesItemLong:t.name.length>6,select:t.code===e.serviceClass},on:{click:function(o){return e.selectPosition(t)}}},[e._v("\n          "+e._s(t.name)+"\n        ")])})),0),e._v(" "),o("div",{staticClass:"positionMore",class:{positionMoreClick:e.showAll},on:{click:e.getPositionMore}},[e._v("\n        "+e._s(e.positionTitle)+"\n      ")]),e._v(" "),o("p",{staticClass:"detail"},[e._v("\n        每一位南宁市安豪卷闸门有限公司的施工人员都经过严格培训，获得认证后才能上岗，他们熟悉南宁市安豪卷闸门有限公司的产品和施工工艺，为您提供更优质和放心的服务。\n      ")])]),e._v(" "),o("div",{staticClass:"person-list"},[o("div",{ref:"person-card",attrs:{id:"person-card"}},[e._l(e.usersDate,(function(t){return o("div",{key:t.userId,staticClass:"person-items"},[o("div",{staticClass:"item-left"},[o("img",{staticClass:"item-img",attrs:{mode:"widthFix",src:t.imageUrl}})]),e._v(" "),o("div",{staticClass:"item-right"},[o("div",{staticClass:"item-right-top"},[o("span",{staticClass:"name"},[e._v("\n                姓名："+e._s(t.name)+"\n              ")])]),e._v(" "),o("p",{staticClass:"position"},[e._v("\n              岗位："+e._s(t.serviceUserType)+"\n            ")]),e._v(" "),o("p",{staticClass:"num"},[e._v("\n              工号："+e._s(t.workNumber)+"\n            ")])])])})),e._v(" "),o("client-only",[o("vueMugenScroll",{attrs:{handler:e.loadMore,"should-handle":!e.loading,"scroll-container":"person-card"}})],1),e._v(" "),e.usersDate&&0===e.usersDate.length?o("div",{staticClass:"noPerson"},[e._v("\n          暂无数据\n        ")]):e._e(),e._v(" "),e.usersDate&&0!==e.usersDate.length?o("div",{staticClass:"loadmore"},[e._v("\n          "+e._s(e.resultMsg)+"\n        ")]):e._e()],2)])]),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.serviceConventionStatus,expression:"serviceConventionStatus"}],staticStyle:{width:"100%",height:"100%",position:"fixed","z-index":"17"},on:{click:function(t){return t.preventDefault(),e.closeServiceConvention()}}},[o("div",{staticClass:"service"},[o("img",{staticClass:"service-img",attrs:{src:e.$setImgUrl(e.serviceConventionImg)}})])])])}),[],!1,null,"60fa5ef7",null);t.default=component.exports}}]);