| 1 |
- {"version":3,"sources":["webpack:///E:/dwbs-new/customerapp/components/citypicker/city-pickers.vue?8adc","webpack:///E:/dwbs-new/customerapp/components/citypicker/city-pickers.vue?6083","webpack:///E:/dwbs-new/customerapp/components/citypicker/city-pickers.vue?a41f","webpack:///E:/dwbs-new/customerapp/components/citypicker/city-pickers.vue?dbc5","uni-app:///components/citypicker/city-pickers.vue","webpack:///E:/dwbs-new/customerapp/components/citypicker/city-pickers.vue?a69d"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","_self","_c","recyclableRender","staticRenderFns","_withStripped","methods","show","setTimeout","maskClick","pickerCancel","showPicker","_$emit","pickerConfirm","showPickerView","handPickValueDefault","pickerValueDefault","pickerChange","pickerValue","changePickerValue","cityDataList","areaDataList","label","_getLabel","value","cityCode","_getCityCode","$emit","emitName","pickObj","pcikerLabel"],"mappings":"mIAAA,yHACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,KACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,yCACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACJH,EAAII,MAAMC,IAEjBC,GAAmB,EACnBC,EAAkB,GACtBR,EAAOS,eAAgB,G,iCCRvB,8GAA2xB,eAAG,G,mGC0B9xB,gBACA,YACA,Y,yDACA,CACA,KADA,WAEA,OACA,oBACA,oBACA,gBACA,gBAEA,gBAGA,QAXA,WAYA,aAEA,OAEA,oBACA,WACA,QAFA,WAGA,gBAIA,mBAEA,OACA,mBADA,WAEA,cAGEC,QAAS,CACX,KADA,WAEA,4BACA,gCACA,wDACA,oFACA,0CAEIC,KARJ,WAQA,WACMC,YAAW,WACT,EAAR,gBACA,IAEIC,UAbJ,WAcMX,KAAKY,gBAEPA,aAhBJ,WAiBMZ,KAAKa,YAAa,EAClBb,KAAKc,OAAO,aAEdC,cApBJ,SAoBA,GACMf,KAAKa,YAAa,EAClBb,KAAKc,OAAO,cAEdE,eAxBJ,WAyBMhB,KAAKa,YAAa,GAEpBI,qBA3BJ,WA4BUjB,KAAKkB,qBAAuB,CAAC,EAAG,EAAG,KACjClB,KAAKkB,mBAAmB,GAAK,EAAzC,mBACUlB,KAAKkB,mBAAmB,GAAK,EAAvC,kBAEYlB,KAAKkB,mBAAmB,GAAK,EAAzC,+CACUlB,KAAKkB,mBAAmB,GAAK,EAAvC,8CAEYlB,KAAKkB,mBAAmB,GAAK,EAAzC,2EACUlB,KAAKkB,mBAAmB,GAAK,EAAvC,4EAIIC,aAxCJ,SAwCA,GACM,IAAN,oBACUnB,KAAKoB,YAAY,KAAOC,EAAkB,IAE5CrB,KAAKsB,aAAe,EAA5B,cACQtB,KAAKuB,aAAe,EAA5B,iBACQF,EAAkB,GAAK,EACvBA,EAAkB,GAAK,GAC/B,6BAEQrB,KAAKuB,aACL,EAAR,oBACQF,EAAkB,GAAK,GAEzBrB,KAAKoB,YAAcC,EACnBrB,KAAKc,OAAO,aAEdA,OAzDJ,SAyDA,GACM,IAAN,GACQU,MAAOxB,KAAKyB,YACZC,MAAO1B,KAAKoB,YACZO,SAAU3B,KAAK4B,gBAEjB5B,KAAK6B,MAAMC,EAAUC,IAEvBN,UAjEJ,WAkEM,IAAN,EACM,KAAN,4CACM,IACA,KAAN,wCACM,IACA,KAAN,wCACM,OAAOO,GAETJ,aA1EJ,WA2EM,OAAO5B,KAAKuB,aAAavB,KAAKoB,YAAY,IAAIM,S,8CCtIpD,8GAA+mC,eAAG,G","file":"components/citypicker/city-pickers.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./city-pickers.vue?vue&type=template&id=f97d6424&\"\nvar renderjs\nimport script from \"./city-pickers.vue?vue&type=script&lang=js&\"\nexport * from \"./city-pickers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./city-pickers.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/citypicker/city-pickers.vue\"\nexport default component.exports","export * from \"-!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--16-0!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./city-pickers.vue?vue&type=template&id=f97d6424&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./city-pickers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./city-pickers.vue?vue&type=script&lang=js&\"","<template>\r\n <div class=\"mpvue-picker\">\r\n <div :class=\"{'pickerMask':showPicker}\" @click=\"maskClick\" catchtouchmove=\"true\"></div>\r\n <div class=\"mpvue-picker-content \" :class=\"{'mpvue-picker-view-show':showPicker}\">\r\n <div class=\"mpvue-picker__hd\" catchtouchmove=\"true\">\r\n <div class=\"mpvue-picker__action\" @click=\"pickerCancel\">取消</div>\r\n <div class=\"mpvue-picker__action\" :style=\"{color:themeColor}\" @click=\"pickerConfirm\">确定</div>\r\n </div>\r\n <picker-view indicator-style=\"height: 40px;\" class=\"mpvue-picker-view\" :value=\"pickerValue\" @change=\"pickerChange\">\r\n <block>\r\n <picker-view-column>\r\n <div class=\"picker-item\" v-for=\"(item,index) in provinceDataList\" :key=\"index\">{{item.label}}</div>\r\n </picker-view-column>\r\n <picker-view-column>\r\n <div class=\"picker-item\" v-for=\"(item,index) in cityDataList\" :key=\"index\">{{item.label}}</div>\r\n </picker-view-column>\r\n <picker-view-column>\r\n <div class=\"picker-item\" v-for=\"(item,index) in areaDataList\" :key=\"index\">{{item.label}}</div>\r\n </picker-view-column>\r\n </block>\r\n </picker-view>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport provinceData from './city-data/province.js';\r\nimport cityData from './city-data/city.js';\r\nimport areaData from './city-data/area.js';\r\nexport default {\r\n data() {\r\n return {\r\n pickerValue: [0, 0, 0],\r\n provinceDataList: [],\r\n cityDataList: [],\r\n areaDataList: [],\r\n\t\t\t/* 是否显示控件 */\r\n\t\t\tshowPicker: false,\r\n };\r\n },\r\n created() {\r\n this.init()\r\n },\r\n props: {\r\n /* 默认值 */\r\n pickerValueDefault: {\r\n type: Array,\r\n default(){\r\n\t\t\t\treturn [0, 0, 0]\r\n\t\t\t}\r\n },\r\n /* 主题色 */\r\n themeColor: String\r\n },\r\n\twatch:{\r\n\t\tpickerValueDefault(){\r\n\t\t\tthis.init();\r\n\t\t}\r\n\t},\r\n methods: {\r\n\t\tinit() {\r\n\t\t\tthis.handPickValueDefault(); // 对 pickerValueDefault 做兼容处理\r\n\t\t\tthis.provinceDataList = provinceData;\r\n\t\t\tthis.cityDataList = cityData[this.pickerValueDefault[0]];\r\n\t\t\tthis.areaDataList = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]];\r\n\t\t\tthis.pickerValue = this.pickerValueDefault;\r\n\t\t},\r\n show() {\r\n setTimeout(() => {\r\n this.showPicker = true;\r\n }, 0);\r\n },\r\n maskClick() {\r\n this.pickerCancel();\r\n },\r\n pickerCancel() {\r\n this.showPicker = false;\r\n this._$emit('onCancel');\r\n },\r\n pickerConfirm(e) {\r\n this.showPicker = false;\r\n this._$emit('onConfirm');\r\n },\r\n showPickerView() {\r\n this.showPicker = true;\r\n },\r\n handPickValueDefault() {\r\n if (this.pickerValueDefault !== [0, 0, 0]) {\r\n if (this.pickerValueDefault[0] > provinceData.length - 1) {\r\n this.pickerValueDefault[0] = provinceData.length - 1;\r\n }\r\n if (this.pickerValueDefault[1] > cityData[this.pickerValueDefault[0]].length - 1) {\r\n this.pickerValueDefault[1] = cityData[this.pickerValueDefault[0]].length - 1;\r\n }\r\n if (this.pickerValueDefault[2] > areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1) {\r\n this.pickerValueDefault[2] = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1;\r\n }\r\n }\r\n },\r\n pickerChange(e) {\r\n let changePickerValue = e.mp.detail.value;\r\n if (this.pickerValue[0] !== changePickerValue[0]) {\r\n // 第一级发生滚动\r\n this.cityDataList = cityData[changePickerValue[0]];\r\n this.areaDataList = areaData[changePickerValue[0]][0];\r\n changePickerValue[1] = 0;\r\n changePickerValue[2] = 0;\r\n } else if (this.pickerValue[1] !== changePickerValue[1]) {\r\n // 第二级滚动\r\n this.areaDataList =\r\n areaData[changePickerValue[0]][changePickerValue[1]];\r\n changePickerValue[2] = 0;\r\n }\r\n this.pickerValue = changePickerValue;\r\n this._$emit('onChange');\r\n },\r\n _$emit(emitName) {\r\n let pickObj = {\r\n label: this._getLabel(),\r\n value: this.pickerValue,\r\n cityCode: this._getCityCode()\r\n };\r\n this.$emit(emitName, pickObj);\r\n },\r\n _getLabel() {\r\n let pcikerLabel =\r\n this.provinceDataList[this.pickerValue[0]].label +\r\n '-' +\r\n this.cityDataList[this.pickerValue[1]].label +\r\n '-' +\r\n this.areaDataList[this.pickerValue[2]].label;\r\n return pcikerLabel;\r\n },\r\n _getCityCode() {\r\n return this.areaDataList[this.pickerValue[2]].value;\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style>\r\n.pickerMask {\r\n position: fixed;\r\n z-index: 1000;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n}\r\n.mpvue-picker-content {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n transform: translateY(100%);\r\n z-index: 3000;\r\n}\r\n.mpvue-picker-view-show {\r\n transform: translateY(0);\r\n}\r\n.mpvue-picker__hd {\r\n display: flex;\r\n padding: 9px 15px;\r\n background-color: #fff;\r\n position: relative;\r\n text-align: center;\r\n font-size: 17px;\r\n}\r\n.mpvue-picker__hd:after {\r\n content: ' ';\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n height: 1px;\r\n border-bottom: 1px solid #e5e5e5;\r\n color: #e5e5e5;\r\n transform-origin: 0 100%;\r\n transform: scaleY(0.5);\r\n}\r\n.mpvue-picker__action {\r\n display: block;\r\n flex: 1;\r\n color: #1aad19;\r\n}\r\n.mpvue-picker__action:first-child {\r\n text-align: left;\r\n color: #888;\r\n}\r\n.mpvue-picker__action:last-child {\r\n text-align: right;\r\n}\r\n.picker-item {\r\n text-align: center;\r\n line-height: 40px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n font-size: 16px;\r\n}\r\n.mpvue-picker-view {\r\n position: relative;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 238px;\r\n background-color: rgba(255, 255, 255, 1);\r\n}\r\n</style>\r\n","import mod from \"-!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--6-oneOf-1-0!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--6-oneOf-1-1!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--6-oneOf-1-2!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--6-oneOf-1-3!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./city-pickers.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--6-oneOf-1-0!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--6-oneOf-1-1!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--6-oneOf-1-2!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--6-oneOf-1-3!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX.3.1.10.20210415-alpha\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./city-pickers.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}
|
