{"version":3,"sources":["webpack:///./src/views/semtest/components/pc/OrgList.vue?689a","webpack:///src/views/semtest/components/pc/OrgList.vue","webpack:///./src/views/semtest/components/pc/OrgList.vue?a0b1","webpack:///./src/views/semtest/components/pc/OrgList.vue","webpack:///./src/views/semtest/components/pc/OrgList.vue?9ac0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","_l","item","index","key","class","actIndex","on","$event","selectBar","ref","img","attrs","staticRenderFns","props","String","orgTypeList","Array","imgs","data","mySwiper","mounted","direction","loop","autoplay","slideChange","that","activeIndex","methods","slideTo","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUL,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYN,EAAIU,GAAIV,EAAe,aAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAME,MAAM,CAAC,MAAOd,EAAIe,WAAaH,EAAQ,SAAW,IAAII,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,UAAUN,MAAU,CAACZ,EAAIO,GAAG,eAAeP,EAAIQ,GAAGG,GAAM,mBAAkB,GAAGP,EAAG,MAAM,CAACe,IAAI,WAAWb,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBN,EAAIU,GAAIV,EAAQ,MAAE,SAASoB,EAAIR,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAMN,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMe,MAAM,CAAC,IAAMD,UAAW,YACrwBE,EAAkB,G,YC6BtB,GACEC,MAAO,CACLd,MAAOe,OACPC,YAAaC,MACbC,KAAMD,OAERE,KANF,WAOI,MAAO,CACLb,SAAU,EACVc,SAAU,KAGdC,QAZF,WAaI,IAAJ,OACI7B,KAAK4B,SAAW,IAAI,EAAxB,0BACME,UAAW,aACXC,MAAM,EAENC,UAAU,EACVjB,GAAI,CACFkB,YAAa,WACXC,EAAKpB,SAAWd,KAAKmC,iBAM7BC,QAAS,CAEPnB,UAFJ,SAEA,GACUjB,KAAKmC,cAAgBxB,IACvBX,KAAKmC,YAAcxB,EACnBX,KAAK4B,SAASS,QAAQ1B,EAAO,KAAM,OC9DmV,I,wBCQ1X2B,EAAY,eACd,EACAxC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,oECnBf,yBAAomB,EAAG","file":"prod/1.42.1/js/chunk-f621ea66.e9614fc6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"con\"},[_c('div',{staticClass:\"con-wrap\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"con_box\"},[_c('div',{staticClass:\"bar-list\"},_vm._l((_vm.orgTypeList),function(item,index){return _c('div',{key:index,class:['bar', _vm.actIndex === index ? 'active' : ''],on:{\"click\":function($event){return _vm.selectBar(index)}}},[_vm._v(\"\\n          \"+_vm._s(item)+\"\\n        \")])}),0),_c('div',{ref:\"mySwiper\",staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.imgs),function(img,index){return _c('div',{key:index,staticClass:\"swiper-slide\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":img}})])}),0)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"con\">\n    <div class=\"con-wrap\">\n      <div class=\"title\">{{ title }}</div>\n      <div class=\"con_box\">\n        <div class=\"bar-list\">\n          <div\n            @click=\"selectBar(index)\"\n            :class=\"['bar', actIndex === index ? 'active' : '']\"\n            v-for=\"(item, index) in orgTypeList\"\n            :key=\"index\"\n          >\n            {{ item }}\n          </div>\n        </div>\n        <div ref=\"mySwiper\" class=\"swiper-container\">\n          <div class=\"swiper-wrapper\">\n            <div class=\"swiper-slide\" v-for=\"(img, index) in imgs\" :key=\"index\">\n              <img class=\"img\" :src=\"img\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Swiper from 'swiper'\n\nexport default {\n  props: {\n    title: String,\n    orgTypeList: Array,\n    imgs: Array,\n  },\n  data() {\n    return {\n      actIndex: 0,\n      mySwiper: '',\n    }\n  },\n  mounted() {\n    let that = this\n    this.mySwiper = new Swiper('.swiper-container', {\n      direction: 'horizontal', // 垂直切换选项\n      loop: false, // 循环模式选项\n      // pagination: { el: '.swiper-pagination' },\n      autoplay: false,\n      on: {\n        slideChange: function() {\n          that.actIndex = this.activeIndex\n        },\n      },\n    })\n    // console.info(swiper)\n  },\n  methods: {\n    // 选中tab\n    selectBar(index) {\n      if (this.activeIndex !== index) {\n        this.activeIndex = index\n        this.mySwiper.slideTo(index, 1000, false)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"less\" scoped>\n@import '../../../../assets/css/swiper.min.css';\n.con {\n  background-color: #fff;\n  padding-top: 60px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .con-wrap {\n    width: 1200px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .title {\n    text-align: center;\n    font-size: 36px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n    color: #333333;\n    line-height: 50px;\n    margin-bottom: 60px;\n  }\n  .con_box {\n    .bar-list {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-bottom: 1px solid rgba(153, 153, 153, 0.3);\n      margin-bottom: 19px;\n      padding-bottom: 29px;\n      .active {\n        color: #E61717;\n        &::after {\n          content: ' ';\n          width: 64px;\n          height: 3px;\n          background: #E61717;\n          position: absolute;\n          bottom: -29px;\n          left: 0;\n        }\n      }\n      .bar {\n        position: relative;\n        font-size: 16px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 400;\n        color: #333333;\n        line-height: 22px;\n        margin-right: 50px;\n        cursor: default;\n        &:hover {\n          color: #E61717;\n          &::after {\n            content: ' ';\n            width: 64px;\n            height: 3px;\n            background: #E61717;\n            position: absolute;\n            bottom: -29px;\n            left: 0;\n          }\n        }\n      }\n    }\n    .swiper-container {\n      width: 1200px;\n    }\n  }\n}\n</style>\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!./OrgList.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!./OrgList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrgList.vue?vue&type=template&id=0afb8614&scoped=true&\"\nimport script from \"./OrgList.vue?vue&type=script&lang=js&\"\nexport * from \"./OrgList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrgList.vue?vue&type=style&index=0&id=0afb8614&lang=less&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  \"0afb8614\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgList.vue?vue&type=style&index=0&id=0afb8614&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrgList.vue?vue&type=style&index=0&id=0afb8614&lang=less&scoped=true&\""],"sourceRoot":""}