APP文件新增

2026-07-20 14:10:39 +08:00
parent 99987d9d2e
commit 395a52b4c6
710 changed files with 227084 additions and 0 deletions
--- a/JeecgUniapp-master/src/components/online/view/online-pca.vue
+++ b/JeecgUniapp-master/src/components/online/view/online-pca.vue
@@ -0,0 +1,108 @@
+<template>
+  <view>
+    <wd-picker
+      :columns="columns"
+      :label-width="labelWidth"
+      :label="label"
+      :required="required"
+      :disabled="disabled"
+      :placeholder="placeholder"
+      v-model="selected"
+      :column-change="onChangeDistrict"
+      @confirm="handleConfirm"
+    />
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { getAreaArrByCode,getPcaOptionData } from '@/common/areaData/Area'
+import {isString} from "@/utils/is";
+// 接收 props
+const props = defineProps({
+  label: {
+    type: String,
+    default: '',
+    required: false,
+  },
+  labelWidth: {
+    type: String,
+    default: '130px',
+    required: false,
+  },
+  value: {
+    type: [String,Array],
+    required: false,
+  },
+  placeholder: {
+    type: String,
+    required: false,
+    default: '请选择省市区',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+    required: false,
+  },
+  required: {
+    type: Boolean,
+    default: false,
+    required: false,
+  },
+  backAll: {
+    type: Boolean,
+    default: true,
+    required: false,
+  },
+})
+// 定义 emits
+const emits = defineEmits(['input', 'change', 'update:value'])
+
+// 定义响应式数据
+const selected = ref([])
+const district = { ...getPcaOptionData() }
+const columns = ref([
+  district[0],
+  district[district[0][0].value],
+  district[district[district[0][0].value][0].value]
+])
+const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
+  const item = value[columnIndex]
+  if (columnIndex === 0) {
+    pickerView.setColumnData(1, district[item.value])
+    pickerView.setColumnData(2, district[district[item.value][0].value])
+  } else if (columnIndex === 1) {
+    pickerView.setColumnData(2, district[item.value])
+  }
+  resolve()
+}
+
+const handleConfirm = ({value}) => {
+  if(value){
+    emits('update:value', props.backAll?value:value[2]);
+  }
+}
+// 监听 value 变化
+watch(
+  () => props.value,
+  async (val) => {
+    if(props.value && isString(props.value)){
+      let arr = getAreaArrByCode(props.value);
+      selected.value = arr;
+      await initColumnData(arr);
+    }
+  },
+  { immediate: true },
+)
+/**
+ * 初始化列数据
+ * @param val
+ */
+function initColumnData(val){
+  if(val && val.length){
+    let first = district[0];
+    let second = district[selected.value[0]];
+    let third = district[selected.value[1]];
+    columns.value = [first, second, third]
+  }
+}
+</script>