{"version":3,"sources":["webpack:///./src/views/newGroup/common/page/contact.vue?f425","webpack:///src/views/newGroup/common/page/contact.vue","webpack:///./src/views/newGroup/common/page/contact.vue?8779","webpack:///./src/views/newGroup/common/page/contact.vue","webpack:///./src/views/newGroup/common/page/contact.vue?2436"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","on","$event","handleTradeTitle","class","isActive","_s","news_title","domProps","content","staticRenderFns","data","teachersArr","teachersArr0","teachersArr1","teachersArr2","isOpen","lpou","activeNames","created","computed","mounted","methods","open","putaway","handleChange","val","console","getNewsLists","then","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,KAAK,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,UAAUP,EAAIQ,GAAIR,EAAQ,MAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,KAAK,CAACO,IAAID,EAAME,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,iBAAiBL,EAAKC,MAAU,CAACN,EAAG,KAAK,CAACW,MAAML,GAASV,EAAIgB,SAAU,SAAS,UAAU,CAAChB,EAAIO,GAAGP,EAAIiB,GAAGR,YAAc,GAAGL,EAAG,MAAM,CAACE,YAAY,UAAUN,EAAIQ,GAAIR,EAAe,aAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAID,EAAMJ,YAAY,OAAO,CAACF,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIiB,GAAGR,EAAKS,eAAed,EAAG,IAAI,CAACE,YAAY,IAAIa,SAAS,CAAC,UAAYnB,EAAIiB,GAAGR,EAAKW,iBAAgB,KAAKhB,EAAG,MAAM,CAACE,YAAY,iBACn0Be,EAAkB,GCwBtB,GACAC,KADA,WAEA,OACAC,eACAC,gBACAC,gBACAC,gBACAC,UACAC,6CACAC,kBACAb,aAGAc,QAbA,WAcA,qBAEAC,YAGAC,QAnBA,aAsBAC,SACAC,KADA,WAEA,gBAEAC,QAJA,WAKA,gBAEAC,aAPA,SAOAC,GACAC,gBAEAC,aAVA,WAUA,WACA,6GAIAC,MAAA,YACA,cACA,gCACA,iCACA,iCACA,iCACA,iCACA,sCAKA1B,iBA3BA,SA2BAL,EAAAC,GAGA,OAFA4B,qBACA,gBACA,GACA,YACA,mCAEA,MACA,YACA,mCAEA,MACA,YACA,mCAEA,MACA,WACA,mCAEA,MACA,WACA,mCAEA,UCjG8X,I,wBCQ1XG,EAAY,eACd,EACA1C,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,2CCnBf","file":"js/chunk-77bbaeb0.9e9f0db1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact common-box\"},[_c('div',{staticClass:\"w\"},[_c('div',{staticClass:\"left-yu\"},[_c('div',{staticClass:\"shopMallBg\"},[_c('div',{staticClass:\"shop-a\"},[_c('div',{staticClass:\"shop-b\"},[_vm._v(\"版权指南\")]),_vm._l((_vm.lpou),function(item,index){return _c('ul',{key:index,on:{\"click\":function($event){return _vm.handleTradeTitle(item,index)}}},[_c('li',{class:index == _vm.isActive? \"shop-d\":\"shop-c\"},[_vm._v(_vm._s(item))])])})],2),_c('div',{staticClass:\"sjok-p\"},_vm._l((_vm.teachersArr),function(item,index){return _c('div',{key:index,staticClass:\"aaa\"},[_c('p',{staticClass:\"span\"},[_vm._v(_vm._s(item.news_title))]),_c('p',{staticClass:\"p\",domProps:{\"innerHTML\":_vm._s(item.content)}})])}),0)]),_c('div',{staticClass:\"block\"})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"contact common-box\">\r\n    <div class=\"w\">\r\n      <div class=\"left-yu\">\r\n        <div class=\"shopMallBg\">\r\n          <div class=\"shop-a\">\r\n            <div class=\"shop-b\">版权指南</div>\r\n            <ul v-for=\"(item, index) in lpou\" :key=\"index\" @click=\"handleTradeTitle(item,index)\">\r\n                <li :class='index == isActive? \"shop-d\":\"shop-c\"' >{{item}}</li>\r\n            </ul>\r\n          </div>\r\n          <div  class=\"sjok-p\">\r\n            <div v-for=\"(item, index) in teachersArr\" :key=\"index\" class=\"aaa\">\r\n              <p class=\"span\">{{item.news_title}}</p>\r\n              <p v-html=\"item.content\" class=\"p\"></p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"block\">\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default{\r\n    data(){\r\n      return{\r\n        teachersArr:[],\r\n        teachersArr0:[],\r\n        teachersArr1:[],\r\n        teachersArr2:[],\r\n        isOpen:false,//默认折叠\r\n        lpou:['著作权登记', '著作权转让', '著作权权利', '热点问题', '常见问题'],\r\n        activeNames: ['1'],\r\n        isActive:0\r\n      }\r\n    },\r\n    created(){\r\n      this.getNewsLists()\r\n    },\r\n    computed: {\r\n\r\n    },\r\n    mounted(){\r\n      \r\n    },\r\n    methods:{\r\n       open () {\r\n       this.isOpen = true\r\n      },\r\n     putaway() {\r\n       this.isOpen = false\r\n      },\r\n      handleChange(val) {\r\n        console.log(val);\r\n      },\r\n      getNewsLists () {\r\n       this.$axiosGet(\"https://cms.ccibs.cn/news/findTransactInfo?menu_name=ccibs_15&pageSize=10&currentPage=1\",{\r\n        // headers:{\r\n        //   'usn':'11'\r\n        // }\r\n      }).then(res => {\r\n        if(res.code == 200){\r\n          this.teachersArr = res.data.ccibs_15_1\r\n           this.teachersArr0 = res.data.ccibs_15_1\r\n           this.teachersArr1 = res.data.ccibs_15_2\r\n           this.teachersArr2 = res.data.ccibs_15_3\r\n           this.teachersArr3 = res.data.ccibs_15_4\r\n           this.teachersArr4 = res.data.ccibs_15_5\r\n        }\r\n        })\r\n    },\r\n    //页数\r\n    handleTradeTitle( item, index ) {\r\n      console.log(\"111\",item)\r\n      this.isActive = index\r\n      switch(item) {\r\n        case '著作权登记':\r\n        this.teachersArr = this.teachersArr0\r\n        // this.markRed = true;\r\n        break;\r\n        case '著作权转让':\r\n          this.teachersArr = this.teachersArr1\r\n          // this.markRed = true;\r\n        break;\r\n        case '著作权权利':\r\n          this.teachersArr = this.teachersArr2\r\n          // this.markRed = true;\r\n        break;\r\n        case '热点问题':\r\n          this.teachersArr = this.teachersArr3\r\n          // this.markRed = true;\r\n        break;\r\n        case '常见问题':\r\n          this.teachersArr = this.teachersArr4\r\n          // this.markRed = true;\r\n        break;\r\n      }\r\n    }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.skdsd{\r\n  width: 100%;\r\n}\r\n.contact {\r\n  .map {\r\n    width: 900px;\r\n    height: 300px;\r\n    border-radius: 10px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    background-color: rgb(223, 230, 233);\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .detail {\r\n    width: 900px;\r\n    margin: 45px auto 50px;\r\n    span {\r\n      color: #151515;\r\n      &.active {\r\n        margin: 0 90px;\r\n      }\r\n      i {\r\n        font-size: 18px;\r\n        color: #9ca09e;\r\n      }\r\n    }\r\n  }\r\n  .codes {\r\n    width: 900px;\r\n    margin: 0 auto;\r\n    .code {\r\n      text-align: center;\r\n      &.active {\r\n        margin-right: 50px;\r\n      }\r\n      img {\r\n        width: 100px;\r\n        height: 100px;\r\n      }\r\n      .code-title {\r\n        margin-top: 10px;\r\n        color: #a4a5a5;\r\n      }\r\n    }\r\n  }\r\n}\r\n.shopMallBg{\r\n    ul{\r\n      margin: 0;\r\n    }\r\n    width: 100%;\r\n    // height: 1200px;\r\n    // position: relative;\r\n    // left: 387px;\r\n    // background: #FFFFFF;\r\n    // border-radius: 10px;\r\n    // overflow-x: hidden;\r\n    // overflow-y: scroll;\r\n    // margin-left: 20px;\r\n    display: flex;\r\n    .shop-a{\r\n      height: 400px;\r\n      background: #f5f4f4;\r\n      border-radius: 30px;\r\n      margin-top: 30px;\r\n    }\r\n    .shop-b{\r\n      width: 200px;\r\n      height: 60px;\r\n      // margin-top: 30px;\r\n      background-color: #1C77FF;\r\n      color: #FFFFFF;\r\n      text-align: center;\r\n      padding-top: 15px;\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n    }\r\n    .shop-c{\r\n      width: 200px;\r\n      height: 60px;\r\n      // margin-top: 30px;\r\n      background-color: #f5f6f7;\r\n      color: #b1aaaa;\r\n      text-align: center;\r\n      padding-top: 15px;\r\n      font-size: 18px;\r\n      \r\n    }\r\n    .shop-d{\r\n      width: 200px;\r\n      height: 60px;\r\n      // margin-top: 30px;\r\n      background-color: #1C77FF;\r\n      color: #FFFFFF;\r\n      text-align: center;\r\n      padding-top: 15px;\r\n      font-size: 18px;\r\n      \r\n    }\r\n    .sjok-p{\r\n      margin-left: 30px;\r\n    }\r\n    .aaa{\r\n      width: 100%;\r\n      // height: 60px;\r\n      background: #fff;\r\n      margin-top: 20px;\r\n      border-radius: 12px;\r\n      .span{\r\n        width: 100%;\r\n        margin-top: 16px;\r\n        margin: 26px 26px 12px 26px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        line-height: 20px;\r\n        padding-top: 16px\r\n      }\r\n      .p{\r\n        margin:  0 16px 16px 23px;\r\n        padding-bottom: 10px;\r\n        font-size: 14px;\r\n        line-height: 25px;\r\n        color: #666;\r\n      }\r\n    }\r\n    .shop-c:hover{\r\n      width: 200px;\r\n      height: 60px;\r\n      // margin-top: 30px;\r\n     background-color: #1C77FF;\r\n      color: #FFFFFF;\r\n      text-align: center;\r\n      padding-top: 15px;\r\n      font-size: 18px;\r\n    }\r\n    .biao{\r\n      // margin: 30px 20px 0 47px;\r\n      margin-top: 30px;\r\n      padding-bottom: 20px;\r\n      margin-left: 100px;\r\n      width: 100%;\r\n      text-align: left;\r\n      border-bottom: 1px solid #EFEFEF;\r\n      .add{\r\n        width: 160px;\r\n        // text-align: right;\r\n        color: #999999;\r\n        position: absolute;\r\n        right: 20px;\r\n        text-align: right;\r\n      }\r\n      span{\r\n        font-size: 18px;\r\n      }\r\n      img{\r\n        width: 16px;\r\n        height: 16px;\r\n        margin-right: 30px;\r\n        \r\n      }\r\n      // span{\r\n      //   width: 80%;\r\n      // }\r\n    }\r\n    .biao:hover{\r\n      color:#1C77FF;\r\n    }\r\n  }\r\n.shopMallBg::-webkit-scrollbar{\r\n    display: none;\r\n}\r\n.block{\r\n  text-align: center;\r\n  // margin-left: 50%;\r\n  margin-top: 60px;\r\n}\r\n.left-yu{\r\n    width: 100%;\r\n    min-height: 1000px;\r\n    // height: 900px;\r\n    // border:1px solid #1C77FF;\r\n    // text-align: center;\r\n    margin-left: 20px;\r\n    // display: flex;\r\n    .aa{\r\n      display: flex;\r\n      width: 100%;\r\n    }\r\n    .yuyu{\r\n      width: 103px;\r\n      height: 34px;\r\n      background: #1C77FF;\r\n      // margin-left: 10px;\r\n      margin-top: 10px;\r\n      span{\r\n        position: relative;\r\n        top: 10%;\r\n        left: 10px;\r\n        width: 72px;\r\n        height: 25px;\r\n        font-size: 18px;\r\n        font-family: PingFangSC-Medium, PingFang SC;\r\n        font-weight: 500;\r\n        color: #FFFFFF;\r\n        line-height: 25px;\r\n      }\r\n    }\r\n    .sanjiao{\r\n      font-size: 25px;\r\n      color: #1C77FF;\r\n      margin-left: -4px;\r\n      margin-top: 10px;\r\n    }\r\n    .xian{\r\n      width: 100%;\r\n      margin-top: 26px;\r\n      margin-left: -4px;\r\n      height: 20px;\r\n      border-top: 1px solid #999999;\r\n    }\r\n}\r\n.sjkdsd{\r\n  background-color: #999999;\r\n  color: #EFEFEF;\r\n}\r\n.koopo{\r\n  // background-color: #c9cccf;\r\n  margin-bottom: 30px;\r\n  // box-shadow: ;\r\n  // border-radius: 30px;\r\n}\r\n::v-deep .el-collapse-item__header{\r\n  margin-left: 30px;\r\n}\r\n.koopo >>>.el-collapse-item__header{\r\n  margin-left: 60px;\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!./contact.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!./contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contact.vue?vue&type=template&id=445ce5ae&scoped=true&\"\nimport script from \"./contact.vue?vue&type=script&lang=js&\"\nexport * from \"./contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contact.vue?vue&type=style&index=0&id=445ce5ae&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  \"445ce5ae\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./contact.vue?vue&type=style&index=0&id=445ce5ae&lang=scss&scoped=true&\""],"sourceRoot":""}