快速小程序开发_龙口seo_济南做网站_中小企业网站制作

const icon = 'none', duration = 3000const component = {properties: {vehicleNo: { type: String, value: undefined } // 车牌号},data: {provinces: [ // 省份键盘['京', '沪', '粤', '津', '冀', '晋', '蒙', '辽', '吉', '黑'],['苏', '浙', '皖', '闽', '赣', '鲁', '豫', '鄂', '湘'],['桂', '琼', '渝', '川', '贵', '云', '藏'],['陕', '甘', '青', '宁', '新']],numbers: [ // 数字键盘['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']],letters: [ // 字母键盘['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K'],['L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V'],['W', 'X', 'Y', 'Z', '挂', '港', '澳', '学']],specialChar: ['挂', '港', '澳', '学'], // 特殊字符carNum: Array(8).fill({ value: undefined, focus: false }),focusIndex: 0, // 输入库焦点索引showNewPower: false, // 是否新能源车牌KeyboardState: false // 是否弹出虚拟键盘},attached() {const v = thisconst vehcles = v.data.vehicleNo.split('')const carNum = v.data.carNumvehcles.forEach((m, i) => { carNum[i].value = m })v.setData({ carNum })},/*** 组件的方法列表*/methods: {// 车牌输入框点击展开车牌键盘openKeyboard(e) {const v = thisconst focusIndex = e.target.dataset.indexlet carNum = v.data.carNumlet showNewPower = v.data.showNewPower// 添加新能源尾数if (focusIndex === 7) {if (isEmpty(v.data.carNum[6].value)) return wx.showToast({ title: '为新能源车牌时，前几位车牌号不能为空', icon, duration })if (v.data.specialChar.includes(v.data.carNum[6].value)) return wx.showToast({ title: `为新能源车牌时，第6位车牌号不能为'${v.data.carNum[6].value}'`, icon, duration })showNewPower = truev.setData({ showNewPower, KeyboardState: true })}// 当前点击获得焦点，其余失去焦点carNum[focusIndex].focus = truecarNum = carNum.map((item, index) => {return { ...item, focus: index === focusIndex ? item.focus : false }})// 点击索引不为新能源时if (focusIndex !== 7) showNewPower = falsev.setData({ KeyboardState: true, focusIndex, carNum, showNewPower })},// 键盘选中点击设置bindChoose(e) {const v = thisconst val = e.target.dataset.valconst carNum = v.data.carNumlet focusIndex = v.data.focusIndexif (focusIndex !== 6 && v.data.specialChar.includes(val)) return// 当前选中车牌无值时更新为输入值if (isEmpty(carNum[focusIndex].value)) {carNum[focusIndex].value = valcarNum[focusIndex].focus = falseconst validate = v.data.showNewPower ? 7 : 6// 上一位车牌取消聚焦if (focusIndex < validate) focusIndex++carNum[focusIndex].focus = truev.setData({ carNum, focusIndex })}},// 删除bindDelChoose() {const v = thisconst carNum = v.data.carNumlet focusIndex = v.data.focusIndexlet showNewPower = v.data.showNewPower// 如果删除第6位后继续删除 则focusIndex后退一位并删除第5位车牌 依此类推 // 当删除至省份位车牌时，界面会控制取消删除按钮if (isEmpty(carNum[focusIndex].value)) {// 如果当前索引是新能源车牌 if (focusIndex == 7) showNewPower = falsefocusIndex--carNum[focusIndex].value = undefinedcarNum[focusIndex].focus = true// 后一位车牌取消聚焦carNum[focusIndex + 1].focus = false}else {carNum[v.data.focusIndex].value = undefinedcarNum[v.data.focusIndex].focus = true}v.setData({ carNum, focusIndex, showNewPower })},// 关闭虚拟键盘confirmKeyboard() {const v = thisconst vheicleNo = v.data.carNum.map(m => m.value).join('');if (!validate.vehicle(vheicleNo)) return wx.showToast({ title: '请输入正确的车牌', icon, duration })v.setData({ KeyboardState: false })v.triggerEvent('confirm', { vheicleNo })}} 行业开发打车软件开发株洲网站排名优化东莞建设网站最好的自助建站系统深圳龙岗网站建设公司网站建设 北京广州网站建设桂林seo优化牡丹江网站推广普陀网站制作上海做网站新乡网站建设龙口网站制作微官网制作免费建站重庆建站温州seo网站建设管理免费自助建站一般网站建设公司公司网站制作沧州做网站重庆做网站网站建设的重要性小程序开发价格哈尔滨做网站app开发步骤佛山建站广州建站四平网站建设