You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.1 KiB
1 line
8.1 KiB
{"version":3,"sources":["webpack:///./src/pages/HlyList/index.vue?4019","webpack:///./src/pages/HlyList/index.vue?7a2d","webpack:///src/pages/HlyList/index.vue","webpack:///./src/pages/HlyList/index.vue?632a","webpack:///./src/pages/HlyList/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","model","value","callback","$$v","expression","_l","item","key","label","staticStyle","on","jpToDetail","_v","opt","class","$event","_s","staticRenderFns","name","data","undefined","computed","options","methods","component"],"mappings":"kIAAA,yBAA8kB,EAAG,G,yCCAjlB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,kBAAkB,CAACF,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,SAAS,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,WAAa,GAAG,YAAc,OAAOE,MAAM,CAACC,MAAOT,EAAS,MAAEU,SAAS,SAAUC,GAAMX,EAAIS,MAAME,GAAKC,WAAW,UAAUZ,EAAIa,GAAIb,EAAW,SAAE,SAASc,GAAM,OAAOV,EAAG,YAAY,CAACW,IAAID,EAAKL,MAAMH,MAAM,CAAC,MAAQQ,EAAKE,MAAM,MAAQF,EAAKL,YAAW,GAAGL,EAAG,YAAY,CAACa,YAAY,CAAC,cAAc,QAAQX,MAAM,CAAC,UAAYL,KAAKQ,MAAM,KAAO,WAAWS,GAAG,CAAC,MAAQlB,EAAImB,aAAa,CAACnB,EAAIoB,GAAG,YAAY,GAAGhB,EAAG,OAAOJ,EAAIa,GAAIb,EAAW,SAAE,SAASqB,GAAK,OAAOjB,EAAG,MAAM,CAACW,IAAIM,EAAIZ,MAAMa,MAAM,CAAC,OAAQD,EAAIZ,OAAOT,EAAIS,MAAM,MAAM,IAAIS,GAAG,CAAC,MAAQ,SAASK,GAAQvB,EAAIS,MAAMY,EAAIZ,SAAS,CAACT,EAAIoB,GAAG,IAAIpB,EAAIwB,GAAGH,EAAIZ,OAAO,UAAS,QAC9yBgB,EAAkB,G,wBCoCtB,GACEC,KAAM,WACNC,KAFF,WAGI,MAAO,CACLlB,WAAOmB,IAGXC,SAAU,CACRC,QADJ,WAEM,OAAO,EAAb,4BACQ,MAAO,CAAf,sBAIEC,QAAS,CACP,WADJ,WAEM,KAAN,cAAQ,KAAR,gCCrD8V,I,wBCQ1VC,EAAY,eACd,EACAjC,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/code-list.0806274d.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@5.0.0@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=562aeba9&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@5.0.0@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=562aeba9&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"hly-list-root\"}},[_c('div',{staticClass:\"card\"},[_c('header',[_c('el-select',{attrs:{\"filterable\":\"\",\"placeholder\":\"请选择\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('el-button',{staticStyle:{\"margin-left\":\"10px\"},attrs:{\"disabled\":!this.value,\"type\":\"primary\"},on:{\"click\":_vm.jpToDetail}},[_vm._v(\" Go! \")])],1),_c('main',_vm._l((_vm.options),function(opt){return _c('div',{key:opt.value,class:['code', opt.value==_vm.value?'ckd':''],on:{\"click\":function($event){_vm.value=opt.value}}},[_vm._v(\" \"+_vm._s(opt.value)+\" \")])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div id=\"hly-list-root\">\r\n <div class=\"card\">\r\n <header>\r\n <el-select v-model=\"value\" filterable placeholder=\"请选择\">\r\n <el-option\r\n v-for=\"item in options\"\r\n :key=\"item.value\"\r\n :label=\"item.label\"\r\n :value=\"item.value\"\r\n ></el-option>\r\n </el-select>\r\n\r\n <el-button\r\n style=\"margin-left:10px;\"\r\n @click=\"jpToDetail\" \r\n :disabled=\"!this.value\"\r\n type=\"primary\">\r\n Go!\r\n </el-button>\r\n </header>\r\n\r\n <main>\r\n <div \r\n :class=\"['code', opt.value==value?'ckd':'']\" \r\n v-for=\"opt in options\" \r\n :key=\"opt.value\" \r\n @click=\"value=opt.value\">\r\n {{ opt.value }}\r\n </div>\r\n </main>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport codes from \"@/data/code_list.js\";\r\nexport default {\r\n name: \"codelist\",\r\n data() {\r\n return {\r\n value: undefined\r\n };\r\n },\r\n computed: {\r\n options() {\r\n return codes.map(code => {\r\n return { label: code, value: code };\r\n });\r\n }\r\n },\r\n methods: {\r\n jpToDetail() {\r\n this.$router.push({path:`/hly/${this.value}`})\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#hly-list-root {\r\n width: 100vw;\r\n height: 100vh;\r\n overflow: hidden;\r\n background-color: #f6f6f6;\r\n\r\n .card {\r\n height: 90vh;\r\n margin: 0px auto;\r\n margin-top: 5vh;\r\n padding: 0;\r\n border-radius: 5px;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n @media screen and(max-width: 1000px) {\r\n width: 90%;\r\n }\r\n @media screen and(min-width: 1000px) {\r\n width: 900px;\r\n }\r\n background-color: #fff;\r\n\r\n header {\r\n width: 100%;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n main {\r\n width: 90%;\r\n margin-left: 5%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n cursor: pointer;\r\n overflow-y: scroll;\r\n height: ~\"calc(100% - 120px)\";\r\n padding-bottom: 100px;\r\n box-sizing: border-box;\r\n .code {\r\n width: 80px;\r\n height: 40px;\r\n line-height: 40px;\r\n margin: 5px;\r\n font-size: 0.8rem;\r\n // font-weight: bold;\r\n transition: all 0.3s ease-in-out;\r\n text-align: center;\r\n background-color: #f6f6f6;\r\n border-radius: 5px;\r\n justify-content: flex-start;\r\n &:hover,\r\n &.ckd {\r\n background-color: rgb(102,177,255);\r\n color: #fff;\r\n font-weight: bold;\r\n box-shadow:0px 0px 10px rgba(102,177,255,.5);\r\n }\r\n }\r\n }\r\n }\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!./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=562aeba9&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=562aeba9&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 \"562aeba9\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} |