{"version":3,"sources":["webpack:///./src/assets/images/test/14.png","webpack:///./src/assets/images/test/15.png","webpack:///./src/views/PlantInfo.vue?f000","webpack:///src/views/PlantInfo.vue","webpack:///./src/views/PlantInfo.vue?f2f1","webpack:///./src/views/PlantInfo.vue","webpack:///./src/assets/images/test/16.png","webpack:///./src/assets/images/test/12.png","webpack:///./src/views/PlantInfo.vue?12c7","webpack:///./src/assets/images/test/11.png","webpack:///./src/assets/images/video.png","webpack:///./src/assets/images/test/13.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","attrs","dataList","trace_name","scopedSlots","_u","key","fn","itemData","staticClass","_l","op","item","index","class","_v","_s","config_title","config_type","domProps","config_content","_e","staticStyle","itemInner","index1","directives","name","rawName","value","expression","on","$event","switch_image","movieurl","split","moveType","moviePicurl","staticRenderFns","props","Object","watch","handler","$nextTick","res","map","moveurlIndex","immediate","deep","data","info","listData","created","$setApptitle","console","log","$route","params","defaultId","query","JSON","parse","localStorage","getItem","msgItems","mounted","methods","isShowPage","setTimeout","videoPlay","id","vId","$refs","stopPlay","setItem","component"],"mappings":"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","file":"js/plantInfo.351bc71e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/14.5c56a97b.png\";","module.exports = __webpack_public_path__ + \"img/15.d94e418c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('PageContent',{ref:\"pageContentRef\",attrs:{\"dataList\":_vm.dataList,\"title\":_vm.dataList.trace_name || '错误'},scopedSlots:_vm._u([{key:\"default\",fn:function(itemData){return [_c('div',{staticClass:\"circulation\"},[_c('div',{staticClass:\"item-wrap\"},_vm._l((itemData.itemData.op.op),function(item,index){return _c('div',{key:index,staticClass:\"left\"},[_c('div',{class:['tle', index === 0 ? 'first' : '']},[_vm._v(\" \"+_vm._s(item.config_title)+\" \")]),(item.config_type == 0)?_c('div',{staticClass:\"item\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(item.config_content)}},[_vm._v(_vm._s(item.config_content))])]):_vm._e(),(item.config_type == 1)?_c('div',{staticClass:\"item\"},[_c('van-swipe',{staticClass:\"swipe\",staticStyle:{\"border-radius\":\"0\"},attrs:{\"indicator-color\":\"#258F79\",\"autoplay\":3000}},_vm._l((item.picList),function(itemInner,index1){return _c('van-swipe-item',{key:index1},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(itemInner),expression:\"itemInner\"}],on:{\"click\":function($event){return _vm.switch_image(itemInner)}}})])}),1)],1):_vm._e(),(item.config_type == 2)?_c('div',{staticClass:\"item\"},[_c('van-swipe',{staticClass:\"swipe\",staticStyle:{\"border-radius\":\"0\"},attrs:{\"indicator-color\":\"#258F79\",\"autoplay\":2300}},_vm._l((item.movieurl.split(',')),function(itemInner,index1){return _c('van-swipe-item',{key:index1},[(item.moveType == 2)?[_c('iframe',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.movieurl,\"id\":\"ifId\",\"frameBorder\":\"0\"}})]:(item.moveType == 1)?[_c('video',{attrs:{\"src\":itemInner,\"controls\":\"\",\"x5-video-player-type\":\"h5\",\"poster\":item.moviePicurl ||\n                        require('@/assets/images/video.png')}})]:[_c('video',{attrs:{\"src\":itemInner,\"controls\":\"\",\"x5-video-player-type\":\"h5\",\"poster\":item.moviePicurl ||\n                        require('@/assets/images/video.png')}})]],2)}),1)],1):_vm._e()])}),0)])]}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <PageContent\n      ref=\"pageContentRef\"\n      :dataList=\"dataList\"\n      :title=\"dataList.trace_name || '错误'\"\n    >\n      <template v-slot=\"itemData\">\n        <div class=\"circulation\">\n          <div class=\"item-wrap\">\n            <div\n              class=\"left\"\n              v-for=\"(item, index) in itemData.itemData.op.op\"\n              :key=\"index\"\n            >\n              <div :class=\"['tle', index === 0 ? 'first' : '']\">\n                {{ item.config_title }}\n              </div>\n              <div class=\"item\" v-if=\"item.config_type == 0\">\n                <span v-html=\"item.config_content\">{{\n                  item.config_content\n                }}</span>\n              </div>\n              <div class=\"item\" v-if=\"item.config_type == 1\">\n                <van-swipe\n                  class=\"swipe\"\n                  indicator-color=\"#258F79\"\n                  :autoplay=\"3000\"\n                  style=\"border-radius: 0\"\n                >\n                  <van-swipe-item\n                    v-for=\"(itemInner, index1) in item.picList\"\n                    :key=\"index1\"\n                  >\n                    <img v-lazy=\"itemInner\" @click=\"switch_image(itemInner)\" />\n                  </van-swipe-item>\n                </van-swipe>\n                <!-- <swiper ref=\"mySwiper\">\n                  <swiper-slide\n                    v-for=\"(itemInner, index1) in item.picList\"\n                    :key=\"index1\"\n                  >\n                    <img :src=\"itemInner\"\n                  /></swiper-slide>\n                  <div class=\"swiper-pagination\" slot=\"pagination\"></div>\n                </swiper> -->\n              </div>\n              <div class=\"item\" v-if=\"item.config_type == 2\">\n                <!-- <video :src=\"item.movieurl\" controls></video> -->\n                <van-swipe\n                  class=\"swipe\"\n                  indicator-color=\"#258F79\"\n                  :autoplay=\"2300\"\n                  style=\"border-radius: 0\"\n                >\n                  <van-swipe-item\n                    v-for=\"(itemInner, index1) in item.movieurl.split(',')\"\n                    :key=\"index1\"\n                  >\n                    <!-- 2 外链直播 -->\n                    <template v-if=\"item.moveType == 2\">\n                      <!-- <LiveVideo\n                        :id=\"'play' + index + index1\"\n                        :url=\"item.movieurl\"\n                        :ref=\"'play' + index + index1\"\n                        @play=\"videoPlay\"\n                        :isLive=\"item.moveType == 1 ? true : false\"\n                      /> -->\n\n                      <iframe\n                        :src=\"item.movieurl\"\n                        id=\"ifId\"\n                        frameBorder=\"0\"\n                        style=\"width: 100%; height: 100%\"\n                      ></iframe>\n                    </template>\n                    <template v-else-if=\"item.moveType == 1\">\n                      <video\n                        :src=\"itemInner\"\n                        controls\n                        x5-video-player-type=\"h5\"\n                        :poster=\"\n                          item.moviePicurl ||\n                          require('@/assets/images/video.png')\n                        \"\n                      ></video>\n                    </template>\n                    <template v-else>\n                      <video\n                        :src=\"itemInner\"\n                        controls\n                        x5-video-player-type=\"h5\"\n                        :poster=\"\n                          item.moviePicurl ||\n                          require('@/assets/images/video.png')\n                        \"\n                      ></video>\n                    </template>\n                  </van-swipe-item>\n                </van-swipe>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n    </PageContent>\n  </div>\n</template>\n\n<script>\n// import LiveVideo from \"@/components/VideoLive.vue\";\nexport default {\n  // components: {\n  //   LiveVideo,\n  // },\n  props: {\n    dataList: Object,\n  },\n  watch: {\n    dataList: {\n      handler() {\n        this.$nextTick(() => {\n          this.dataList.msgItems.map((res) => {\n            //将所有视频地址中的Islive属性分出来 用于判断是直播还是点播\n            res.op.op.map((value) => {\n              //判断是html播放还是普通外链视频\n              if (value.movieurl) {\n                let moveurlIndex = value.movieurl.indexOf(\"html\");\n                // let parms = this.GetRequest(value.movieurl.substr(moveurlIndex));\n                if (moveurlIndex == -1) {\n                  //不存在  外链视频\n                  value.moveType = 1;\n                } else {\n                  // 存在 外链直播视频\n                  value.moveType = 2;\n                }\n              }\n            });\n          });\n        });\n      },\n      immediate: true,\n      deep: true,\n    },\n  },\n  data() {\n    return {\n      index: 0,\n      info: [\n        {\n          title: \"基本信息\",\n          children: [\n            { name: \"基地: \", value: \"品品香茶业种植基地\" },\n            { name: \"面积: \", value: \"1200亩\" },\n            { name: \"地址: \", value: \"福鼎市桐城资国寺村山下\" },\n            { name: \"负责人: \", value: \"刘小明\" },\n          ],\n        },\n        {\n          title: \"基地概览\",\n          children: [{ img: require(\"@/assets/images/test/11.png\") }],\n        },\n        {\n          title: \"人工除草\",\n          children: [{ img: require(\"@/assets/images/test/12.png\") }],\n        },\n        {\n          title: \"物理除虫\",\n          children: [{ img: require(\"@/assets/images/test/13.png\") }],\n        },\n        {\n          title: \"整地\",\n          children: [{ img: require(\"@/assets/images/test/14.png\") }],\n        },\n        {\n          title: \"施肥\",\n          children: [{ img: require(\"@/assets/images/test/15.png\") }],\n        },\n        {\n          title: \"采摘\",\n          children: [{ img: require(\"@/assets/images/test/16.png\") }],\n        },\n        {\n          title: \"原料入库\",\n          children: [\n            { name: \"负责人: \", value: \"王爱国\" },\n            { name: \"地点: \", value: \"半成品仓库\" },\n          ],\n        },\n      ],\n      listData: {},\n    };\n  },\n  //生命周期 - 创建完成（访问当前this实例）\n  created() {\n    try {\n      this.$setApptitle(\"链宇宙防伪溯源\");\n    } catch {\n      console.log(\"not webview\");\n    }\n    console.log(this.$route.params.defaultId);\n    this.defaultId = this.$route.query.defaultId;\n    this.listData = JSON.parse(localStorage.getItem(\"idInObj\"))[this.defaultId];\n    console.log(this.listData);\n    console.log(this.listData.msgItems);\n\n    // let getItem = JSON.parse(localStorage.getItem('getItemVal'))\n    // this.index = getItem.i\n    // if(this.$route.params.id == this.index){\n    //   this.options = getItem.v\n    //   console.log(this.options)\n    // }\n  },\n  //生命周期 - 挂载完成（访问DOM元素）\n  mounted() {},\n  //方法\n  methods: {\n    //是否展开\n    isShowPage() {\n      if (this.dataList.msgItems) {\n        this.$nextTick(() => {\n          setTimeout(() => {\n            this.$refs.pageContentRef.flagBoxFather();\n            setTimeout(() => {\n              this.$refs.pageContentRef.titleChildSwitch(\n                0,\n                this.dataList.msgItems[0].txid\n              );\n            }, 500);\n          });\n        });\n      }\n    },\n    videoPlay(id) {\n      console.log(id);\n      let vId = localStorage.getItem(\"videoId\");\n      console.log(vId);\n      //处理直播视频只能一次播放一个\n      if (vId && vId != \"undefined\" && vId != id) {\n        this.$refs[vId][0].stopPlay();\n      }\n      localStorage.setItem(\"videoId\", id);\n    },\n  },\n  // watch: {\n  //   $route: {\n  //     handler(nv) {\n  //       // if (isNaN(Number(nv.query.defaultId))) {\n  //       //   console.log(nv.params.id);\n  //       //   // let getItem = JSON.parse(localStorage.getItem(\"getItemVal\"));\n  //       //   this.$refs.pageContentRef.isDefalutShow();\n  //       //   this.listData = JSON.parse(localStorage.getItem(\"idInObj\"))[\n  //       //     nv.query.defaultId\n  //       //   ];\n  //       //   this.isShowPage();\n  //       }\n  //     },\n  //   },\n  //   deep: true,\n  // },\n};\n</script>\n<style lang=\"scss\" scoped>\n.circulation {\n  padding: 0 40px;\n  .item-wrap {\n    .left {\n      position: relative;\n      margin-bottom: 32px;\n      padding-left: 40px;\n      border-left: 5px solid #26907a;\n      &::before {\n        content: \"\";\n        position: absolute;\n        top: 20px;\n        left: -3px;\n        transform: translateX(-50%);\n        width: 28px;\n        height: 28px;\n        background: #f5f5f5;\n        border: 5px solid #26907a;\n        border-radius: 50%;\n      }\n      &:first-child::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: -3px;\n        transform: translateX(-50%);\n        width: 28px;\n        height: 28px;\n        background: #f5f5f5;\n        border: 5px solid #26907a;\n        border-radius: 50%;\n      }\n      .tle {\n        position: relative;\n        top: 5px;\n        padding: 14px 32px;\n        box-sizing: border-box;\n        text-align: center;\n        display: inline-block;\n        background-color: #26907a;\n        font-size: 28px;\n        color: #fff;\n        border-radius: 16px;\n        &::before {\n          position: absolute;\n          top: 50%;\n          left: -12px;\n          transform: translateY(-50%);\n          content: \"\";\n          width: 12px;\n          height: 8px;\n          background: #26907a;\n        }\n      }\n      .first {\n        top: -14px;\n      }\n      .item {\n        margin-top: 20px;\n        margin-bottom: 16px;\n        font-size: 28px;\n        font-family: PingFang SC;\n        font-weight: 400;\n        line-height: 38px;\n        color: #222222;\n        img {\n          width: 470px;\n          height: 264px;\n        }\n        span {\n          font-size: 28px;\n          color: #808080;\n        }\n      }\n      video {\n        width: 470px;\n        height: 264px;\n      }\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!./PlantInfo.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!./PlantInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlantInfo.vue?vue&type=template&id=dc37bdfc&scoped=true&\"\nimport script from \"./PlantInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./PlantInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlantInfo.vue?vue&type=style&index=0&id=dc37bdfc&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  \"dc37bdfc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/16.e4427566.png\";","module.exports = __webpack_public_path__ + \"img/12.30780f53.png\";","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!./PlantInfo.vue?vue&type=style&index=0&id=dc37bdfc&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/11.fa2f5325.png\";","module.exports = __webpack_public_path__ + \"img/video.e8af6ba1.png\";","module.exports = __webpack_public_path__ + \"img/13.918988b5.png\";"],"sourceRoot":""}