{"version":3,"sources":["webpack:///./src/views/pc/cata-pc.vue?b38a","webpack:///src/views/pc/cata-pc.vue","webpack:///./src/views/pc/cata-pc.vue?7529","webpack:///./src/views/pc/cata-pc.vue","webpack:///./src/views/pc/cata-pc.vue?27fb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","logo","style","_l","item","index","key","id","staticRenderFns","computed","setBg","backgroundImage","data","url","projectUrl","methods","handleClick","row","html_url","window","location","href","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,UAAUJ,EAAG,MAAM,CAACE,YAAY,UAAUG,MAAOT,EAAS,OAAG,CAACI,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuBN,EAAIU,GAAIV,EAAQ,MAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,YAAY,CAACS,IAAIF,EAAKG,GAAGR,YAAY,QAAQC,MAAM,CAAC,GAAKK,EAAQ,EAAE,KAAOD,QAAU,UACndI,EAAkB,G,wDCqBtB,GACEC,SAAU,CACRC,MADJ,WAEM,MAAO,CACLC,gBAAiB,OAAzB,wBAIEC,KARF,WASI,MAAO,CACLC,IAAK,GACLC,WAAY,GACZb,KAAM,GACNW,KAAM,GACNL,GAAI,KAGRQ,QAAS,CACP,YADJ,WACA,uKACA,6CACA,eAFA,SAGA,wBAHA,OAGA,EAHA,OAIA,mBACA,eALA,8CAOI,OARJ,WAQA,gLACA,yCADA,gBACA,EADA,EACA,KACA,iBACA,mCAHA,8CAKI,SAbJ,WAaA,gLACA,kCADA,gBACA,EADA,EACA,KACA,2BACA,SAHA,8CAKIC,YAlBJ,SAkBA,GACUC,EAAIC,WAAUC,OAAOC,SAASC,KAAOJ,EAAIC,YAGjD,QAvCF,WAuCA,wKACA,gBADA,uBAEA,WAFA,OAGA,aAHA,+CC7DgW,I,wBCQ5VI,EAAY,eACd,EACA9B,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,2CCnBf","file":"js/chunk-35a9bee2.a56d6749.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-wrap\"},[_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":_vm.logo}})]),_c('div',{staticClass:\"bg-wrap\",style:(_vm.setBg)},[_c('div',{staticClass:\"cata-wrap\"},[_c('div',{staticClass:\"cata-wrap-container\"},_vm._l((_vm.data),function(item,index){return _c('base-card',{key:item.id,staticClass:\"mb-20\",attrs:{\"bg\":index + 1,\"data\":item}})}),1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-wrap\">\r\n    <div class=\"logo\"><img :src=\"logo\" /></div>\r\n    <div class=\"bg-wrap\" :style=\"setBg\">\r\n      <!-- 跟随背景图一起配置 -->\r\n      <!-- <div class=\"title\"> -->\r\n      <!-- <img src=\"@img/cata-title.png\" /> -->\r\n      <!-- </div> -->\r\n      <!-- <div class=\"title\">压力容器安全现场检查</div> -->\r\n      <div class=\"cata-wrap\">\r\n        <div class=\"cata-wrap-container\">\r\n          <!-- <div class=\"demo\"  v-for=\"(item, index) in data\">{{index}}</div> -->\r\n          <!-- <div class=\"card-title mb-20\" @click=\"handleClick(item)\">{{ item.title }}</div> -->\r\n          <base-card :bg=\"index + 1\" class=\"mb-20\" :data=\"item\" v-for=\"(item, index) in data\" :key=\"item.id\"></base-card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { fetchBg, fetchCata, fetchProject } from '@/api/sys'\r\n\r\nexport default {\r\n  computed: {\r\n    setBg() {\r\n      return {\r\n        backgroundImage: `url(${this.url})`\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      url: '',\r\n      projectUrl: '',\r\n      logo: '',\r\n      data: [],\r\n      id: ''\r\n    }\r\n  },\r\n  methods: {\r\n    async initProject() {\r\n      const projectUrl = location.href.split('//')[1].split('/')[1]\r\n      this.projectUrl = projectUrl\r\n      const res = await fetchProject({ url: projectUrl })\r\n      this.logo = res.data.logo\r\n      this.id = res.data.id\r\n    },\r\n    async loadBg() {\r\n      const { data } = await fetchBg({ project_id: this.id, type: 2 })\r\n      this.url = data.pc_image\r\n      console.log('this.url :>> ', this.url)\r\n    },\r\n    async loadCata() {\r\n      const { data } = await fetchCata({ project_id: this.id })\r\n      console.log('data :>> ', data)\r\n      this.data = data\r\n    },\r\n    handleClick(row) {\r\n      if (row.html_url) window.location.href = row.html_url\r\n    }\r\n  },\r\n  async created() {\r\n    await this.initProject()\r\n    await this.loadBg()\r\n    this.loadCata()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container-wrap {\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  height: 100%;\r\n  background-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n  background-image: url('~@img/h5/手机背景.png');\r\n  padding: 42px 78px;\r\n  min-width: 1366px;\r\n\r\n  .logo {\r\n    width: 394px;\r\n    height: 71px;\r\n    margin-bottom: 20px;\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .bg-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: calc(100% - 71px);\r\n    background-repeat: no-repeat;\r\n    background-size: 100% 100%;\r\n    .title {\r\n      width: 550px;\r\n      height: 80px;\r\n      img {\r\n        width: 100%;\r\n      }\r\n      // font-size: 34px;\r\n      // font-weight: bold;\r\n      // color: #fff;\r\n    }\r\n    .cata-wrap {\r\n      position: absolute;\r\n      right: 40px;\r\n      top: 50%;\r\n      padding: 30px 40px;\r\n      padding-right: 25px;\r\n      transform: translateY(-50%);\r\n      height: 90%;\r\n      border-radius: 19px 19px 19px 19px;\r\n      background: rgba(0, 30, 79, 0.2);\r\n      .cata-wrap-container {\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow-y: auto;\r\n        padding-right: 30px;\r\n        &::-webkit-scrollbar {\r\n          width: 18px; /*高宽分别对应横竖滚动条的尺寸*/\r\n          height: 1px;\r\n          margin-right: 10px;\r\n        }\r\n        &::-webkit-scrollbar-thumb {\r\n          /*滚动条里面小方块*/\r\n          border-radius: 5px;\r\n          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n          background: rgba(0, 30, 79, 0.2);\r\n        }\r\n        &::-webkit-scrollbar-track {\r\n          /*滚动条里面轨道*/\r\n          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n          border-radius: 10px;\r\n          background: #ededed;\r\n          display: none;\r\n        }\r\n\r\n        .card-title {\r\n          cursor: pointer;\r\n          height: 58px;\r\n          background-color: #063cae;\r\n          text-align: center;\r\n          border-radius: 15px;\r\n          font-size: 24px;\r\n          color: #fff;\r\n          line-height: 58px;\r\n          min-width: 200px;\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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cata-pc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cata-pc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cata-pc.vue?vue&type=template&id=542eaecc&scoped=true&\"\nimport script from \"./cata-pc.vue?vue&type=script&lang=js&\"\nexport * from \"./cata-pc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cata-pc.vue?vue&type=style&index=0&id=542eaecc&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  \"542eaecc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cata-pc.vue?vue&type=style&index=0&id=542eaecc&lang=scss&scoped=true&\""],"sourceRoot":""}