删除无用组件

This commit is contained in:
YeMingfei666 2024-10-29 10:43:27 +08:00
parent 7fcf8f9cde
commit 4ba6ffa48f
2 changed files with 0 additions and 138 deletions

View File

@ -1,137 +0,0 @@
<!--
组件功能 省市县三级联动选择
@author terrfly
@site https://www.jeequan.com
@date 2022/11/30 13:25
-->
<template>
<uni-data-picker :localdata=" type=='mccAli'? mccAli : areaCodeData" v-model="vdata.selectedVal" @change="changeFunc">
<template #default="{data, error, options}">
<view v-if="error" class="error">
<text>{{error}}</text>
</view>
<view v-else-if="data.length" class="selected">
<text style="font-size: 32rpx;">{{data.map(v=>v.text).join('/')}}</text>
</view>
<view v-else>
<text :class="{'place-style':!vdata.selectedVal}" style="font-size: 32rpx;">请选择</text>
</view>
</template>
</uni-data-picker>
</template>
<script setup>
import { reactive, ref, onMounted, watch } from 'vue'
import dataKit from '@/commons/utils/dataKit.js'
import areaCodeData from "./areaCodeData.json" //
import mccAli from "@/commons/JSON/mccAli.json"
// emit 使 v-model="val"
const emit = defineEmits(['update:areacodeList'])
//
const props = defineProps({
//
areacodeList: { type: Array, default: () => [] },
// json
type:{type:String}
})
//
const vdata = reactive({
selectedVal: '',
})
onMounted(() => {
if(props.areacodeList.length > 0 ){
vdata.selectedVal = props.areacodeList[2]
}
})
//
watch(() => props.areacodeList, (newVal, oldVal) => {
if(Array.isArray(newVal)){
vdata.selectedVal = newVal[newVal.length - 1]
}else if(typeof newVal =='string'){
vdata.selectedVal = [newVal]
}
})
function changeFunc(e){
let data = []
if(e.detail.value && e.detail.value.length > 0 ){
emit("update:areacodeList",e.detail.value.map(v=> v.value) )
}else{
emit("update:areacodeList", [] )
}
}
//
function resetBySingleAreacode(areacode){
if(!areacode){
return
}
let p3 = dataKit.recursionTreeData(areaCodeData, (r => r.value == areacode))
if(!p3){
return false
}
let p2 = dataKit.recursionTreeData(areaCodeData, (r => r.value == p3[1].value))
if(!p2){
return false
}
let p1 = dataKit.recursionTreeData(areaCodeData, (r => r.value == p2[1].value))
if(!p1){
return false
}
emit("update:areacodeList", [p1[0].value, p2[0].value, p3[0].value])
}
/** 根据省市县areaCode 获取省市县名称数据 **/
function getNameListBySingleAreacode(areacode){
if(!areacode){
return
}
let p3 = dataKit.recursionTreeData(areaCodeData, (r => r.value == areacode))
if(!p3){
return false
}
let p2 = dataKit.recursionTreeData(areaCodeData, (r => r.value == p3[1].value))
if(!p2){
return false
}
let p1 = dataKit.recursionTreeData(areaCodeData, (r => r.value == p2[1].value))
if(!p1){
return false
}
return [p1[0].text, p2[0].text, p3[0].text]
}
defineExpose({resetBySingleAreacode, getNameListBySingleAreacode})
</script>
<style scoped lang="scss">
.place-style{
color: #b3b3b3;
}
</style>

File diff suppressed because one or more lines are too long