{"version":3,"sources":["webpack:///./src/views/About/index.vue?1364","webpack:///src/views/About/index.vue","webpack:///./src/views/About/index.vue?cb4f","webpack:///./src/views/About/index.vue","webpack:///./src/views/About/index.vue?6f02"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","CompanyIntroduce","PCPic_imagex","_v","domProps","_s","Content","staticStyle","_l","item","key","id","_m","PartYear","staticRenderFns","name","data","History","methods","handlie","setTimeout","meta1","content","result","description","meta2","keyword","title","innerText","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,iBAAiBC,aAAa,IAAM,4BAA4BL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACJ,EAAIU,GAAG,UAAUN,EAAG,IAAI,CAACJ,EAAIU,GAAG,0BAA0BN,EAAG,IAAI,CAACO,SAAS,CAAC,UAAYX,EAAIY,GAAGZ,EAAIQ,iBAAiBK,gBAAgBT,EAAG,MAAM,CAACE,YAAY,qBAAqBQ,YAAY,CAAC,aAAa,SAAS,CAACV,EAAG,MAAM,CAACE,YAAY,4BAA4BF,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIe,GAAIf,EAAW,SAAE,SAASgB,GAAM,OAAOZ,EAAG,MAAM,CAACa,IAAID,EAAKE,GAAGZ,YAAY,gBAAgB,CAACN,EAAImB,GAAG,GAAE,GAAMf,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMS,EAAKP,aAAa,IAAM,MAAML,EAAG,MAAM,CAACA,EAAG,IAAI,CAACO,SAAS,CAAC,UAAYX,EAAIY,GAAGI,EAAKH,gBAAgBT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIU,GAAGV,EAAIY,GAAGI,EAAKI,kBAAiB,QACj7BC,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,uB,4CCwC5Q,GACEgB,KAAM,QACNC,KAFF,WAGI,MAAO,CACLC,QAAS,GACThB,iBAAkB,KAGtB,QARF,WAQA,wJACA,eACA,wBACA,YAHA,8CAKEiB,QAAS,CACP,WADJ,WACA,8KACA,+BADA,OACA,EADA,OAEA,2CACA,wBAHA,8CAMI,oBAPJ,WAOA,kKACA,gCADA,gBAEA,mDAFA,sCAIA,6BAJA,OAIA,EAJA,OAKA,4DACA,mDANA,8CASIC,QAhBJ,WAgBA,WACMC,YAAW,WACT,IAAR,8BACA,iCACA,kCACA,oCACA,oCACQC,EAAMC,QAAUC,EAAOC,YACvBC,EAAMH,QAAUC,EAAOG,QACvBC,EAAMC,UAAYL,EAAOI,QACjC,QChF8V,I,wBCQ1VE,EAAY,eACd,EACArC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,sECnBf,yBAAilB,EAAG","file":"js/chunk-47f7f4e4.8fa0dcd2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"synopsis\"},[_c('img',{attrs:{\"src\":_vm.CompanyIntroduce.PCPic_imagex,\"alt\":\"CompanyIntroduce.Title\"}}),_c('div',{staticClass:\"synopsisDetails\"},[_c('p',[_vm._v(\"公司简介\")]),_c('p',[_vm._v(\"Company introduction\")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.CompanyIntroduce.Content)}})])]),_c('div',{staticClass:\"developmentHistory\",staticStyle:{\"margin-top\":\"80px\"}},[_c('div',{staticClass:\"developmentHistoryTitle\"}),_c('div',{staticClass:\"timelinelist\"},_vm._l((_vm.History),function(item){return _c('div',{key:item.id,staticClass:\"timelineItem\"},[_vm._m(0,true),_c('div',{staticClass:\"progressDetails\"},[_c('img',{attrs:{\"src\":item.PCPic_imagex,\"alt\":\"\"}}),_c('div',[_c('p',{domProps:{\"innerHTML\":_vm._s(item.Content)}})])]),_c('div',{staticClass:\"progressLine\"},[_vm._v(_vm._s(item.PartYear))])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"firstLine\"},[_c('div',{staticClass:\"firstCircle\"})]),_c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"circleCenter\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrap\">\r\n    <div class=\"synopsis\">\r\n      <img :src=\"CompanyIntroduce.PCPic_imagex\" alt=\"CompanyIntroduce.Title\">\r\n      <div class=\"synopsisDetails\">\r\n        <p>公司简介</p>\r\n        <p>Company introduction</p>\r\n        <p v-html=\"CompanyIntroduce.Content\">\r\n        </p>\r\n      </div>\r\n    </div>\r\n    <div class=\"developmentHistory\" style=\"margin-top:80px\">\r\n      <div class=\"developmentHistoryTitle\">\r\n        <!-- <p>发展历程</p>\r\n        <p>development history</p> -->\r\n      </div>\r\n      <div class=\"timelinelist\">\r\n        <div class=\"timelineItem\" v-for=\"item in History\" :key=\"item.id\">\r\n          <div class=\"line\">\r\n            <div class=\"firstLine\">\r\n              <div class=\"firstCircle\"></div>\r\n            </div>\r\n            <div class=\"circle\">\r\n              <div class=\"circleCenter\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"progressDetails\">\r\n            <img :src=\"item.PCPic_imagex\" alt=\"\">\r\n            <div>\r\n              <p v-html=\"item.Content\"></p>\r\n            </div>\r\n          </div>\r\n          <div class=\"progressLine\">{{item.PartYear}}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 时间线 -->\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'About',\r\n  data() {\r\n    return {\r\n      History: [],\r\n      CompanyIntroduce: []\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.getHistory()\r\n    this.getCompanyIntroduce()\r\n    this.handlie()\r\n  },\r\n  methods: {\r\n    async getHistory() {\r\n      const result = await this.$API.reqDevelopmentHistory()\r\n      this.History = result.ResultData.sort((a, b) => {\r\n        return a.Sort - b.Sort\r\n      })\r\n    },\r\n    async getCompanyIntroduce() {\r\n      if (this.$store.state.CompanyIntroduce) {\r\n        this.CompanyIntroduce = this.$store.state.CompanyIntroduce\r\n      } else {\r\n        const result = await this.$API.reqCompanyIntroduce()\r\n        this.$store.commit('RECEIVE_COMPANYINTRODUCE', result.ResultData[0])\r\n        this.CompanyIntroduce = this.$store.state.CompanyIntroduce\r\n      }\r\n    },\r\n    handlie() {\r\n      setTimeout(() => {\r\n        const result = this.$store.state.webpageTitle\r\n        const head = document.querySelector('head')\r\n        let title = document.querySelector('title')\r\n        let meta1 = head.getElementsByTagName('meta')[3]\r\n        let meta2 = head.getElementsByTagName('meta')[4]\r\n        meta1.content = result.description\r\n        meta2.content = result.keyword\r\n        title.innerText = result.title\r\n      }, 200)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang='less' rel='stylesheet/less' scoped>\r\n.synopsis {\r\n  width: 1200px;\r\n  margin: 80px auto;\r\n  img {\r\n    width: 300px;\r\n    height: 380px;\r\n    border-radius: 4px;\r\n    float: left;\r\n  }\r\n  .synopsisDetails {\r\n    height: 380px;\r\n    padding-left: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    p:nth-child(1) {\r\n      width: 96px;\r\n      height: 33px;\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      line-height: 33px;\r\n      color: rgba(43, 43, 43, 1);\r\n    }\r\n    p:nth-child(2) {\r\n      width: 206px;\r\n      height: 22px;\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      color: rgba(153, 153, 153, 1);\r\n    }\r\n  }\r\n}\r\n.developmentHistory {\r\n  .timelinelist {\r\n    margin-bottom: 70px;\r\n  }\r\n  .developmentHistoryTitle {\r\n    width: 1200px;\r\n    margin: 0 auto 60px;\r\n    text-align: center;\r\n    p:first-child {\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      margin-bottom: 5px;\r\n      color: rgba(43, 43, 43, 1);\r\n    }\r\n    p:last-child {\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      color: rgba(153, 153, 153, 1);\r\n    }\r\n  }\r\n}\r\n.timelineItem {\r\n  position: relative;\r\n  width: 1200px;\r\n  height: 150px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  padding: 30px 0 30px;\r\n  // 最后一根线长度只有一半\r\n  &:last-child {\r\n    .line {\r\n      height: 30%;\r\n      .circle {\r\n        top: 100%;\r\n      }\r\n    }\r\n  }\r\n  // 第一根线是白色的\r\n  &:first-child {\r\n    .line {\r\n      height: 100%;\r\n      .firstLine {\r\n        width: 1px;\r\n        height: 35px;\r\n        background-color: #cccccc;\r\n        transform: translateY(-100%);\r\n        .firstCircle {\r\n          width: 12px;\r\n          height: 12px;\r\n          background-color: white;\r\n          transform: translateX(-50%);\r\n          border-radius: 50%;\r\n          border: 1px solid #ccc;\r\n          top: 48%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .line {\r\n    width: 1px;\r\n    height: 100%;\r\n    background-color: #cccccc;\r\n    position: absolute;\r\n    left: 50%;\r\n    // 最后一跟线长度只有一半\r\n    .circle {\r\n      // width: 12px;\r\n      // height: 12px;\r\n      // background-color: #d80000;\r\n      transform: translateX(-48%);\r\n      // border-radius: 50%;\r\n      position: absolute;\r\n      top: 31%;\r\n      width: 20px;\r\n      height: 20px;\r\n      background: radial-gradient(circle, rgba(216, 0, 0, 0) 0%, rgba(216, 0, 0, 0.2) 100%);\r\n      border-radius: 50%;\r\n      .circleCenter {\r\n        width: 12px;\r\n        height: 12px;\r\n        background: rgba(216, 0, 0, 1);\r\n        border-radius: 50%;\r\n        transform: translateX(35%) translateY(31%);\r\n      }\r\n    }\r\n  }\r\n  .progressDetails {\r\n    order: 1;\r\n    width: 600px;\r\n    height: 100%;\r\n    display: flex;\r\n    // display: table;\r\n    img {\r\n      order: -1;\r\n      width: 150px;\r\n      height: 100%;\r\n      background-color: red;\r\n      border-radius: 4px;\r\n    }\r\n    div {\r\n      display: flex;\r\n      align-items: center;\r\n      p {\r\n        // display: table-cell;\r\n        // vertical-align: middle;\r\n        padding: 0 40px 0 40px;\r\n        width: 360px;\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 24px;\r\n        color: rgba(43, 43, 43, 1);\r\n      }\r\n    }\r\n  }\r\n  .progressLine {\r\n    font-size: 48px;\r\n    order: 2;\r\n    width: 600px;\r\n    height: 100%;\r\n    // background-color: rosybrown;\r\n    line-height: 150px;\r\n    padding: 0 44px 0 44px;\r\n    box-sizing: border-box;\r\n    font-weight: bold;\r\n    // line-height:67px;\r\n    color: rgba(43, 43, 43, 1);\r\n  }\r\n  &:nth-of-type(odd) {\r\n    // 时间线带图片的那一边\r\n    .progressDetails {\r\n      // margin-left: 10px;\r\n      // box-sizing: border-box;\r\n      order: 2;\r\n      img {\r\n        order: 1;\r\n      }\r\n    }\r\n    // 时间线时间那一边\r\n    .progressLine {\r\n      text-align: end;\r\n      order: 1;\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!./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=237d0207&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=237d0207&lang=less&rel=stylesheet%2Fless&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  \"237d0207\",\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/dist/cjs.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!./index.vue?vue&type=style&index=0&id=237d0207&lang=less&rel=stylesheet%2Fless&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/dist/cjs.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!./index.vue?vue&type=style&index=0&id=237d0207&lang=less&rel=stylesheet%2Fless&scoped=true&\""],"sourceRoot":""}