{"version":3,"sources":["webpack:///./src/views/Map/components/ChannelList.vue?8c0e","webpack:///./src/views/Map/components/ChannelList.vue?fd23","webpack:///src/views/Map/components/ChannelList.vue","webpack:///./src/views/Map/components/ChannelList.vue?bb1e","webpack:///./src/views/Map/components/ChannelList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","attrs","ChannelID","on","$event","clickHandler","class","active","curIndex","textField","curText","_s","staticRenderFns","props","channelData","type","Array","default","String","defaultIndex","Number","undefined","defaulText","data","mounted","setDefault","methods","$listeners","$emit","getSelectedIndex","component"],"mappings":"kHAAA,yBAAslB,EAAG,G,2CCAzlB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,KAAKJ,EAAIQ,GAAIR,EAAe,aAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,KAAK,CAACO,IAAI,cAAgBD,EAAME,MAAM,CAAC,MAAQH,EAAKI,WAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,aAAaN,EAAOD,MAAS,CAACL,EAAG,IAAI,CAACa,MAAM,CAC9ZC,OAAQR,IAAUV,EAAImB,UAAYV,EAAKT,EAAIoB,aAAepB,EAAIqB,UAC7D,CAACrB,EAAIO,GAAGP,EAAIsB,GAAGb,EAAKT,EAAIoB,oBAAmB,QACpDG,EAAkB,GCsBtB,G,UAAA,CACEC,MAAO,CACLC,YAAa,CACXC,KAAMC,MACNC,QAAS,WACP,MAAO,KAIXR,UAAW,CACTM,KAAMG,OACND,QAAS,QAEXE,aAAc,CACZJ,KAAMK,OACNH,aAASI,GAEXC,WAAY,CACVP,KAAMG,OACND,aAASI,IAGbE,KAtBF,WAuBI,MAAO,CACLf,cAAUa,EACVX,aAASW,IAGbG,QA5BF,WA6BIlC,KAAKmC,cAEPC,QAAS,CACPD,WADJ,WAEMnC,KAAKkB,SAAWlB,KAAK6B,aACrB7B,KAAKoB,QAAUpB,KAAKgC,YAEtBjB,aALJ,SAKA,KACMf,KAAKkB,SAAWT,EAChBT,KAAKoB,QAAUZ,EAAKR,KAAKmB,WAErBnB,KAAKqC,WAAW,eAClBrC,KAAKsC,MAAM,aAAc7B,EAAOD,IAGpC+B,iBAbJ,WAcM,OAAOvC,KAAKkB,aCtEiW,I,wBCQ/WsB,EAAY,eACd,EACA1C,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/chunk-38b73ccf.9b6372f8.js","sourcesContent":["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!./ChannelList.vue?vue&type=style&index=0&id=746e1a3c&lang=less&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!./ChannelList.vue?vue&type=style&index=0&id=746e1a3c&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"channel-list\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"指标\")]),_c('div',{staticClass:\"target\"},[_c('ul',_vm._l((_vm.channelData),function(item,index){return _c('li',{key:'channelList' + index,attrs:{\"value\":item.ChannelID},on:{\"click\":function($event){return _vm.clickHandler(index, item)}}},[_c('a',{class:{\n            active: index === _vm.curIndex || item[_vm.textField] === _vm.curText,\n          }},[_vm._v(_vm._s(item[_vm.textField]))])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"channel-list\">\r\n    <div class=\"title\">指标</div>\r\n    <div class=\"target\">\r\n      <!-- <el-scrollbar style=\"max-height: 18vw;\"> -->\r\n      <ul>\r\n        <li\r\n          v-for=\"(item, index) in channelData\"\r\n          :key=\"'channelList' + index\"\r\n          :value=\"item.ChannelID\"\r\n          @click=\"clickHandler(index, item)\"\r\n        >\r\n          <a\r\n            :class=\"{\r\n              active: index === curIndex || item[textField] === curText,\r\n            }\"\r\n            >{{ item[textField] }}</a\r\n          >\r\n        </li>\r\n      </ul>\r\n      <!-- </el-scrollbar> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    channelData: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    //可以设置使用channelData中的哪个属性名称来显示\r\n    textField: {\r\n      type: String,\r\n      default: \"text\",\r\n    },\r\n    defaultIndex: {\r\n      type: Number,\r\n      default: undefined,\r\n    },\r\n    defaulText: {\r\n      type: String,\r\n      default: undefined,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      curIndex: undefined,\r\n      curText: undefined,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.setDefault();\r\n  },\r\n  methods: {\r\n    setDefault() {\r\n      this.curIndex = this.defaultIndex;\r\n      this.curText = this.defaulText;\r\n    },\r\n    clickHandler(index, item) {\r\n      this.curIndex = index;\r\n      this.curText = item[this.textField];\r\n      //抛出一个事件，点击后可执行，参数为，当前点击的序号，以及对应的data中item\r\n      if (this.$listeners[\"item-click\"]) {\r\n        this.$emit(\"item-click\", index, item);\r\n      }\r\n    },\r\n    getSelectedIndex() {\r\n      return this.curIndex;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n* {\r\n  box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  -webkit-box-sizing: border-box;\r\n  -o-box-sizing: border-box;\r\n  -ms-box-sizing: border-box;\r\n}\r\nul,\r\nli,\r\nspan,\r\np,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\na,\r\ndl,\r\ndt,\r\ndd,\r\ninput {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style: none;\r\n  text-decoration: none;\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-family: \"Microsoft yahei\";\r\n}\r\n.channel-list {\r\n  position: absolute;\r\n  left: 0.7vw;\r\n  top: 20px;\r\n}\r\n.target {\r\n  color: #fff;\r\n  // max-height: 35vh;\r\n  li a {\r\n    color: #fff;\r\n  }\r\n}\r\n.target ul {\r\n  border: 1px solid rgba(106, 106, 106, 0.2);\r\n  border-radius: 0.35vw;\r\n  border-top: 0;\r\n  width: 6.5vw;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);\r\n  border-radius: 0.35vw;\r\n  font-size: 0.44vw;\r\n}\r\n// .el-scrollbar {\r\n// \t.el-scrollbar__wrap {\r\n// \t\tmax-height: 300px; // 最大高度\r\n// \t\toverflow-x: hidden; // 隐藏横向滚动栏\r\n// \t}\r\n// }\r\n.target ul li {\r\n  width: 6.5vw;\r\n  height: 1.9vw;\r\n  word-break: keep-all;\r\n}\r\n.target ul li > a {\r\n  display: block;\r\n  line-height: 1.5vw;\r\n  cursor: pointer;\r\n  text-align: center;\r\n}\r\n\r\n.target ul li > a:hover,\r\n.target ul li > a:focus,\r\n.target ul li > a:active {\r\n  background: rgba(0, 245, 245, 0.15);\r\n  color: #00f5f5;\r\n}\r\n\r\n.target ul li > a:hover,\r\n.target ul li > a:focus,\r\n.target ul li > a:active {\r\n  background: rgba(0, 245, 245, 0.15);\r\n  color: #00f5f5;\r\n}\r\n\r\n// .target ul li:first-child a {\r\n//   border-radius: 0.35vw 0.35vw 0 0;\r\n//   background: rgba(255, 255, 255, 0.56);\r\n//   color: #000;\r\n// }\r\n.active {\r\n  background: rgba(0, 245, 245, 0.15);\r\n  color: #00f5f5 !important;\r\n}\r\n/deep/.el-scrollbar__wrap {\r\n  overflow-x: hidden;\r\n  max-height: 35vh;\r\n  height: unset;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.title {\r\n  font-size: 0.44vw;\r\n  border-radius: 0.35vw 0.35vw 0 0;\r\n  background: rgba(0, 245, 245, 0.5);\r\n  color: #fff;\r\n  width: 6.5vw;\r\n  height: 1.5vw;\r\n  line-height: 1.5vw;\r\n  border: 1px solid rgba(106, 106, 106, 0.2);\r\n  border-bottom: 0;\r\n  text-align: center;\r\n}\r\n</style>","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!./ChannelList.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!./ChannelList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChannelList.vue?vue&type=template&id=746e1a3c&scoped=true&\"\nimport script from \"./ChannelList.vue?vue&type=script&lang=js&\"\nexport * from \"./ChannelList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChannelList.vue?vue&type=style&index=0&id=746e1a3c&lang=less&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  \"746e1a3c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}