w-ui-v1 1.1.34 → 1.1.35

package/index.ts

@@ -17,6 +17,7 @@ import WReportTable from './w-report-table/w-report-table.vue'
 import WFormControlVue from './w-form-control/w-form-control.vue'
 import WScanBindingSensor from './w-scan-binding-sensor/w-scan-binding-sensor.vue'
 import WUpdateVersion from './w-update-version/w-update-version.vue'
+import WTree from './w-tree/w-tree.vue'
 import {menu} from './utils/apis/menu'
 import request from './utils/http'
 import nfc from './utils/nfc'
@@ -41,7 +42,8 @@ const coms: any[] = [
   WReportTable,
   WFormControlVue,
   WScanBindingSensor,
-  WUpdateVersion
+  WUpdateVersion,
+  WTree
 ]
 // 批量组件注册
 function install(Vue: App) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-ui-v1",
-  "version": "1.1.34",
+  "version": "1.1.35",
   "description": "w-ui",
   "author": "wgxshh",
   "license": "ISC",

package/utils/apis/tree.ts

@@ -0,0 +1,20 @@
+import request from '../http.js'
+// 树列表页面详细配置
+export function treeConfigApi(sourceId: string) {
+  return request({
+    url: `/v3/ttmpl/config?sourceId=${sourceId}`,
+  })
+}
+
+//树数据
+export function treeDataApi(sourceId: string) {
+  return request({
+    url: `/v3/ttmpl/root-data?sourceId=${sourceId}`,
+  })
+}
+//树节点数据
+export function treeNodeDataApi(sourceId: string,mainCode?:string) {
+  return request({
+    url: `/v3/ltmpl/top-data?sourceId=${sourceId}&mainCode=${mainCode}`,
+  })
+}

package/w-tree/w-tree.vue

@@ -0,0 +1,108 @@
+<template>
+	<wd-col-picker label="选择地址" v-model="value" :columns="columns" :column-change="columnChange" :display-format="displayFormat"
+		@confirm="handleConfirm"></wd-col-picker>
+</template>
+
+<script setup lang="ts">
+	import { ref, reactive, defineOptions, onMounted,defineProps } from 'vue'
+	import { treeConfigApi, treeDataApi,treeNodeDataApi } from '../utils/apis/tree'
+	import { pageConfig } from '../utils/apis/pageConfig'
+	defineOptions({
+		name: 'WTree',
+	})
+	const value = ref<string[]>([])
+	const sourceId = ref('')
+	const columns = ref<any[]>([])
+	const treeConfigs = reactive({
+		branchRatmplId: "",
+		branchTitle: "",
+		id: "",
+		rootGtmplId: '',
+		primaryColumnId: ""
+	})
+	// 定义 props 类型
+	interface Props {
+	  sourceId: string
+	}
+
+	const props=defineProps<Props>()
+	onMounted(() => {
+		sourceId.value=props.sourceId
+		treeConfig1()
+	})
+
+	//获取配置1
+	const treeConfig1 = async () => {
+		try {
+			const res = await treeConfigApi(sourceId.value)
+			treeConfigs.branchRatmplId = res.data.ttmplConfig.branchRatmplId
+			treeConfigs.branchTitle = res.data.ttmplConfig.branchTitle
+			treeConfigs.id = res.data.ttmplConfig.id
+			treeConfigs.rootGtmplId = res.data.ttmplConfig.rootGtmplId
+			treeConfig2(treeConfigs.branchRatmplId)
+		} catch (error) {
+			//TODO handle the exception
+		}
+	}
+
+	//获取配置2
+	const treeConfig2 = async (sourceId : string) => {
+		try {
+			const res = await pageConfig(sourceId)
+			treeConfigs.primaryColumnId = res.data.ltmplConfig.primaryColumn.sourceId
+			getTreeData(treeConfigs.branchRatmplId)
+		} catch (error) {
+			//TODO handle the exception
+		}
+	}
+
+	//获取数据
+	const getTreeData = async (sourceId : string) => {
+		try {
+			const res = await treeDataApi(sourceId)
+
+			columns.value = [res.data.entities.map((item : any) => {
+				return {
+					value: item.code,
+					label: item.fieldMap[treeConfigs.primaryColumnId]
+				}
+			})]
+		} catch (error) {
+			//TODO handle the exception
+		}
+	}
+
+	const columnChange = async ({ selectedItem, resolve, finish }) => {
+		try {
+			const res = await treeNodeDataApi(treeConfigs.branchRatmplId, selectedItem.value)
+			if(res.data.entities&&res.data.entities.length){
+				resolve(
+					res.data.entities.map((item : any) => {
+						return {
+							value: item.code,
+							label: item.fieldMap[treeConfigs.primaryColumnId]
+						}
+					})
+				)
+			}else{
+				finish()
+			}
+			
+		} catch (error) {
+			finish(false)
+			//TODO handle the exception
+		}
+
+	}
+
+	function handleConfirm({ value }) {
+		console.log(value)
+	}
+	// 格式化方法
+	const displayFormat = (selectedItems: Record<string, any>[]) => {
+	  return selectedItems[selectedItems.length - 2].label + '/' + selectedItems[selectedItems.length - 1].label
+	}
+</script>
+
+<style>
+</style>