{"version":3,"sources":["webpack:///./src/components/app/examImglist/examImglist.vue?eb69","webpack:///./src/views/app/Example/index.vue?2e79","webpack:///./src/views/app/Example/index.vue?cb10","webpack:///src/views/app/Example/index.vue","webpack:///./src/views/app/Example/index.vue?a182","webpack:///./src/views/app/Example/index.vue","webpack:///./src/components/app/examImglist/examImglist.vue?cd63","webpack:///src/components/app/examImglist/examImglist.vue","webpack:///./src/components/app/examImglist/examImglist.vue?82a3","webpack:///./src/components/app/examImglist/examImglist.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","on","closeMenu","_e","class","checkNavTit","$event","navTitChange","_m","_l","navData","item","key","checkCustom","navCheckChange","_v","_s","Name","checkBusiness","caseInfo","length","directives","name","rawName","value","expression","attrs","staticRenderFns","data","subnavShowHide","components","mounted","getSwiperData","getCustoms","getBusiness","methods","$refs","exam","style","overflow","flex","id","params","CustomerId","BusinessTypeId","rs","Success","rows","forEach","Id","component","text","goExampleDetail","img","subText","props","type","Array","default","$router","push"],"mappings":"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","file":"js/chunk-5a50d28a.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../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!./examImglist.vue?vue&type=style&index=0&id=b8f51780&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../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!./index.vue?vue&type=style&index=0&id=4b382460&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"exam\",staticClass:\"exam\"},[(_vm.subnavShowHide)?_c('div',{staticClass:\"opacity-div\",on:{\"click\":_vm.closeMenu}}):_vm._e(),_c('div',{staticClass:\"exam__sel\"},[_c('dl',[_c('dt',{class:[_vm.checkNavTit == '客户' ? 'active' : ''],on:{\"click\":function($event){return _vm.navTitChange('客户')}}},[_vm._m(0),_c('div',{staticClass:\"sub__nav\"},_vm._l((_vm.navData[0]),function(item){return _c('div',{key:item.key,class:[item.key == _vm.checkCustom.key ? 'active' : ''],on:{\"click\":function($event){return _vm.navCheckChange(item)}}},[_vm._v(\" \"+_vm._s(item.Name)+\" \")])}),0)]),_c('dt',{class:[_vm.checkNavTit == '业务' ? 'active' : ''],on:{\"click\":function($event){return _vm.navTitChange('业务')}}},[_vm._m(1),_c('div',{staticClass:\"sub__nav\"},_vm._l((_vm.navData[1]),function(item){return _c('div',{key:item.key,class:[item.key == _vm.checkBusiness.key ? 'active' : ''],on:{\"click\":function($event){return _vm.navCheckChange(item)}}},[_vm._v(\" \"+_vm._s(item.Name)+\" \")])}),0)])])]),_c('div',{staticClass:\"exam__imglist\"},[(_vm.caseInfo.length == 0)?_c('div',{staticClass:\"not-data\"},[_vm._v(\"暂无数据\")]):_vm._e(),_c('exam-imglist',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.caseInfo.length > 0),expression:\"caseInfo.length > 0\"}],attrs:{\"caseInfo\":_vm.caseInfo}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\" 客户 \"),_c('i',{staticClass:\"el-icon-arrow-down\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._v(\" 业务 \"),_c('i',{staticClass:\"el-icon-arrow-down\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"exam\" ref=\"exam\">\r\n    <div class=\"opacity-div\" v-if=\"subnavShowHide\" @click=\"closeMenu\"></div>\r\n    <div class=\"exam__sel\">\r\n      <dl>\r\n        <dt :class=\"[checkNavTit == '客户' ? 'active' : '']\" @click=\"navTitChange('客户')\">\r\n          <span> 客户 <i class=\"el-icon-arrow-down\"></i> </span>\r\n          <div class=\"sub__nav\">\r\n            <div v-for=\"item in navData[0]\" :key=\"item.key\" :class=\"[item.key == checkCustom.key ? 'active' : '']\" @click=\"navCheckChange(item)\">\r\n              {{ item.Name }}\r\n            </div>\r\n          </div>\r\n        </dt>\r\n        <dt :class=\"[checkNavTit == '业务' ? 'active' : '']\" @click=\"navTitChange('业务')\">\r\n          <span> 业务 <i class=\"el-icon-arrow-down\"></i> </span>\r\n          <div class=\"sub__nav\">\r\n            <div v-for=\"item in navData[1]\" :key=\"item.key\" :class=\"[item.key == checkBusiness.key ? 'active' : '']\" @click=\"navCheckChange(item)\">\r\n              {{ item.Name }}\r\n            </div>\r\n          </div>\r\n        </dt>\r\n      </dl>\r\n    </div>\r\n    <div class=\"exam__imglist\">\r\n      <div class=\"not-data\" v-if=\"caseInfo.length == 0\">暂无数据</div>\r\n      <exam-imglist v-show=\"caseInfo.length > 0\" :caseInfo=\"caseInfo\"></exam-imglist>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { examImglist } from '@/components/app/examImglist';\r\nimport axios from 'axios';\r\nexport default {\r\n  data() {\r\n    return {\r\n      navData: [],\r\n      caseInfo: [],\r\n      subnavShowHide: false,\r\n      checkNavTit: '',\r\n      checkCustom: { id: '', key: '' },\r\n      checkBusiness: { id: '', key: '' }\r\n    };\r\n  },\r\n  components: { examImglist },\r\n  mounted() {\r\n    this.getSwiperData();\r\n    this.getCustoms();\r\n    this.getBusiness();\r\n  },\r\n  methods: {\r\n    navTitChange(item) {\r\n      this.checkNavTit = item == this.checkNavTit ? '' : item;\r\n      this.subnavShowHide = this.checkNavTit != '';\r\n      if (this.subnavShowHide) {\r\n        this.$refs.exam.style.overflow = 'hidden';\r\n        this.$refs.exam.style.flex = '1';\r\n      } else this.$refs.exam.style.overflow = 'auto';\r\n    },\r\n    closeMenu() {\r\n      this.checkNavTit = '';\r\n      this.subnavShowHide = false;\r\n      this.$refs.exam.style.overflow = 'auto';\r\n    },\r\n    getSwiperData() {\r\n      const params = { PageIndex: 1, PageSize: 12 };\r\n      if (this.checkCustom.id) {\r\n        params.CustomerId = this.checkCustom.id;\r\n      }\r\n      if (this.checkBusiness.id) {\r\n        params.BusinessTypeId = this.checkBusiness.id;\r\n      }\r\n      axios.get('/api/Cases/Page', { params }).then(rs => {\r\n        this.caseInfo = [];\r\n        if (rs.data.Success) {\r\n          let rows = rs.data.Data.Data;\r\n          rows.forEach(ele => {\r\n            const { Id: id, Title: text, Subtitle: subText, PhoneImgAddress: img } = ele;\r\n            this.caseInfo.push({ ...ele, id, img, text, subText });\r\n          });\r\n        }\r\n      });\r\n    },\r\n    async getCustoms() {\r\n      const params = { Name: '', PageIndex: 1, PageSize: 999 };\r\n      await axios.get('/api/Customer/Page', { params }).then(rs => {\r\n        if (rs.data.Success) {\r\n          let rows = rs.data.Data.Data || [];\r\n          rows.forEach(element => {\r\n            element.key = `custom_${element.Id}`;\r\n          });\r\n          this.navData[0] = rows;\r\n        }\r\n      });\r\n    },\r\n    async getBusiness() {\r\n      await axios.get('/api/BusinessType?Name').then(rs => {\r\n        if (rs.data.Success) {\r\n          let rows = rs.data.Data || [];\r\n          rows.forEach(element => {\r\n            element.key = `buType_${element.Id}`;\r\n          });\r\n          this.navData[1] = rows;\r\n        }\r\n      });\r\n    },\r\n    navCheckChange(item) {\r\n      if (this.checkNavTit == '客户') {\r\n        this.checkCustom.id = this.checkCustom.id == item.Id ? '' : item.Id;\r\n        this.checkCustom.key = this.checkCustom.key == item.key ? '' : item.key;\r\n      } else if (this.checkNavTit == '业务') {\r\n        this.checkBusiness.id = this.checkBusiness.id == item.Id ? '' : item.Id;\r\n        this.checkBusiness.key = this.checkBusiness.key == item.key ? '' : item.key;\r\n      }\r\n\r\n      this.getSwiperData();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.exam {\r\n  &__sel {\r\n    position: relative;\r\n    margin-bottom: 5px;\r\n    padding: 0 3px;\r\n    background: $red;\r\n    z-index: 18;\r\n\r\n    dl {\r\n      position: relative;\r\n      display: flex;\r\n      margin: 0;\r\n\r\n      dt {\r\n        padding: 0 12px;\r\n        line-height: 44px;\r\n        font-size: 16px;\r\n        color: #333;\r\n        & > span > i {\r\n          transform-origin: center;\r\n          transition: all 0.3s;\r\n        }\r\n\r\n        &.active {\r\n          color: #fff;\r\n\r\n          & > span > i {\r\n            transform: rotate(180deg);\r\n          }\r\n\r\n          & > div {\r\n            z-index: 99;\r\n            opacity: 1;\r\n            transform: scaleY(1);\r\n            overflow-y: auto;\r\n          }\r\n        }\r\n      }\r\n\r\n      .sub__nav {\r\n        position: absolute;\r\n        left: -3px;\r\n        right: -3px;\r\n        top: 100%;\r\n        max-height: 330px;\r\n        opacity: 0;\r\n        z-index: -1;\r\n        overflow: hidden;\r\n        transform: scaleY(0);\r\n        transform-origin: left top;\r\n        transition: opacity 0.2s, transform 0.3s, z-index 0.1s 0.1s;\r\n\r\n        & > div {\r\n          padding: 0 30px;\r\n          color: #999999;\r\n          background-color: #444444;\r\n          border-bottom: 1px solid #5e5e5e;\r\n          font-size: 14px;\r\n          transition: all 0.3s;\r\n\r\n          &.active,\r\n          &:hover,\r\n          &:focus {\r\n            color: $red;\r\n            background-color: #333333;\r\n            border-bottom-color: $red;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__imglist {\r\n    padding: 0 15px 15px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    &__sel {\r\n      margin-bottom: 10px;\r\n      padding: 0 6px;\r\n      dl {\r\n        dt {\r\n          padding: 0 24px;\r\n          line-height: 88px;\r\n          font-size: 32px;\r\n        }\r\n        .sub__nav {\r\n          left: -6px;\r\n          right: -6px;\r\n          transform: translateY(-180px) scaleY(0.3);\r\n          & > div {\r\n            padding: 0 60px;\r\n            font-size: 28px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__imglist {\r\n      padding: 0 30px 30px;\r\n    }\r\n  }\r\n}\r\n.opacity-div {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.4);\r\n  z-index: 1;\r\n}\r\n.not-data {\r\n  min-height: 300px;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4b382460&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4b382460&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  \"4b382460\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"case__cont\"},_vm._l((_vm.caseInfo),function(item){return _c('div',{key:item.text},[_c('div',{staticClass:\"case__cont__item\",on:{\"click\":function($event){return _vm.goExampleDetail(item)}}},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"\"}})]),_c('p',{staticClass:\"txt\"},[_vm._v(_vm._s(item.text))]),_c('p',[_vm._v(_vm._s(item.subText))])])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"case__cont\">\r\n    <div v-for=\"item in caseInfo\" :key=\"item.text\">\r\n      <div class=\"case__cont__item\" @click=\"goExampleDetail(item)\">\r\n        <div class=\"img\">\r\n          <img :src=\"item.img\" alt />\r\n        </div>\r\n        <p class=\"txt\">{{ item.text }}</p>\r\n        <p>{{ item.subText }}</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    caseInfo: {\r\n      type: Array,\r\n      default: []\r\n    }\r\n  },\r\n  methods: {\r\n    goExampleDetail({ Id, Type }) {\r\n      this.$router.push({ path: '/ExampleDetail', query: { id: Id, type: Type } });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.case__cont {\r\n  display: flex;\r\n  margin: 0 -4px;\r\n  flex-wrap: wrap;\r\n\r\n  & > div {\r\n    flex-basis: 50%;\r\n    width: 50%;\r\n    padding: 0 4px;\r\n  }\r\n  &__item {\r\n    margin-top: 10px;\r\n    padding: 2px;\r\n    background: $red;\r\n\r\n    .img {\r\n      height: 200px;\r\n      overflow: hidden;\r\n      border-radius: 6px;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n    & > p {\r\n      margin: 0;\r\n      padding-left: 10px;\r\n      padding-right: 10px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      &.txt {\r\n        padding-top: 15px;\r\n        padding-bottom: 8px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      &:last-child {\r\n        padding-bottom: 20px;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  @media (min-width: 768px) {\r\n    margin: 0 -8px;\r\n    & > div {\r\n      padding: 0 8px;\r\n    }\r\n    &__item {\r\n      margin-top: 20px;\r\n      padding: 4px;\r\n      .img {\r\n        height: 400px;\r\n        border-radius: 12px;\r\n      }\r\n\r\n      & > p {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n\r\n        &.txt {\r\n          padding-top: 50px;\r\n          padding-bottom: 16px;\r\n          font-size: 36px;\r\n        }\r\n\r\n        &:last-child {\r\n          padding-bottom: 70px;\r\n          font-size: 28px;\r\n        }\r\n      }\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!./examImglist.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!./examImglist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./examImglist.vue?vue&type=template&id=b8f51780&scoped=true&\"\nimport script from \"./examImglist.vue?vue&type=script&lang=js&\"\nexport * from \"./examImglist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./examImglist.vue?vue&type=style&index=0&id=b8f51780&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  \"b8f51780\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}