wui-components-v2 1.0.25 → 1.0.26

package/api/page.ts

@@ -17,7 +17,7 @@ export function pageConfig(sourceId: string): Promise<PageConfig> {
 // 获取列表页面数据key
 export function pageKey(sourceId: string, mainCode: string = '', query: string = '') {
   return req({
-    url: `/v3/ltmpl/query/key?sourceId=${sourceId}&mainCode=${mainCode}&menuId=${sourceId}${query}`,
+    url: `/v3/ltmpl/query/key?sourceId=${sourceId}&mainCode=${mainCode}&menuId=${sourceId}&${query}`,
   })
 }
 
@@ -28,6 +28,12 @@ export function listData(queryKey: string, pageNo: number, pageSize: number): Pr
   })
 }
 
+// 获取新增面配置
+export function addPageConfig(sourceId: string) {
+  return req({
+    url: `/v3/add-dtmpl/config?sourceId=${sourceId}`,
+  })
+}
 // 获取编辑页面配置
 export function editPageConfig(sourceId: string, mianCode: string) {
   return req({
@@ -49,3 +55,31 @@ export function editPageDataSave(sourceId: string, id: string = '', data: any, m
     },
   })
 }
+// 获取枚举
+export function enums(mstrucIds: string) {
+  return req({
+    url: `/v3/enum`,
+    method: 'POST',
+    data: mstrucIds,
+  })
+}
+// 获取勾选数据
+export function selectDatas(sourceId: string, codes: string) {
+  return req({
+    url: `/v3/field-group/data/selected?sourceId=${sourceId}&${codes}`,
+  })
+}
+
+// 详情页面详细配置
+export function detailPageConfig(sourceId: string) {
+  return req({
+    url: `/v3/view-dtmpl/config?sourceId=${sourceId}`,
+  })
+}
+
+// 详情页面数据
+export function detailPageData(sourceId: string, code: string) {
+  return req({
+    url: `/v3/view-dtmpl/data?sourceId=${sourceId}&code=${code}`,
+  })
+}

package/api/tree.ts

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

package/components/card-botom-buttons/card-botom-buttons.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { defineOptions, defineProps } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { onLoad } from '@dcloudio/uni-app'
+import type { ClassEditConfigs, Entities, Groups } from '../../type'
+
+defineOptions({
+  name: 'CardBotomButtons',
+})
+const props = defineProps<{
+  item: Groups
+  sourceId: string
+  code: string
+  pageType?: string
+  data: Entities
+}>()
+const pageType = ref('')
+onLoad((option: any) => {
+  pageType.value = option.type || ''
+})
+const router = useRouter()
+// 跳转编辑页面
+function edit() {
+  if (props.item.classEditConfigs && props.item.classEditConfigs.length > 0) {
+    const sourceData = props.item.classEditConfigs.find((item: ClassEditConfigs) => {
+      return item.preposes[0].transDefaultValue.includes(props.data.fieldMap[item.preposes[0].sourceId])
+    })
+    router.push(`/pages/edit-page/index?sourceId=${sourceData?.id || props.sourceId}&id=${props.code}&title=${props.item.title}&pageType=${props.pageType}`)
+  }
+  else {
+    router.push(`/pages/edit-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}&pageType=${props.pageType}`)
+  }
+}
+// 跳转详情页面
+function detail() {
+  router.push(`/pages/details-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}`)
+}
+</script>
+
+<template>
+  <view class="flex items-center gap-1">
+    <wd-button v-if="props.item.buttons.includes('dtmplEdit')" size="small" @click="edit()">
+      编辑
+    </wd-button>
+    <wd-button v-if="props.item.buttons.includes('detail')" size="small" type="info" @click="detail()">
+      详情
+    </wd-button>
+  </view>
+</template>

package/components/details-page/details-page.vue

@@ -0,0 +1,109 @@
+<script setup lang="ts">
+import { defineOptions, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { detailPageConfig, detailPageData } from '../../api/page'
+import type { Entities, Enums, Groups, dtmplConfig } from '../../type'
+import CardBotomButtons from '../card-botom-buttons/card-botom-buttons.vue'
+import foldCard from '../fold-card/fold-card.vue'
+import LabelValue from '../label-value/label-value.vue'
+
+defineOptions({
+  name: 'DetailsPage',
+})
+const sourceId = ref('')
+const id = ref('')
+const title = ref('')
+const pageConfig = ref<dtmplConfig> ({
+  id: '',
+  title: '',
+  groups: [],
+  entity: {} as any,
+  buttons: [],
+})
+const data = ref<Entities>({
+  code: '',
+  fieldMap: {},
+  arrayMap: {},
+})
+const groups = ref<Groups>({
+  id: '',
+  buttons: ['detail'],
+  fields: [],
+  title: '',
+  type: '',
+  pointSourceId: '',
+  mstrucId: '',
+  relationNames: [],
+})
+const loading = ref(false)
+// 折叠面板
+const collapses = ref()
+onLoad((option: any) => {
+  sourceId.value = option.sourceId
+  id.value = option.id
+  title.value = option.title
+  uni.setNavigationBarTitle({
+    title: `${option.title}`,
+  })
+  getPageConfig()
+})
+
+// 获取页面配置
+async function getPageConfig() {
+  try {
+    loading.value = true
+    const res = await detailPageConfig(sourceId.value)
+    // 初始化折叠面板
+    if (res.dtmplConfig) {
+      pageConfig.value = res.dtmplConfig
+      collapses.value = pageConfig.value.groups.map((item: Groups) => {
+        return item.id
+      })
+      getDetailData()
+    }
+  }
+  catch (error) {
+    console.log(error)
+    loading.value = false
+  }
+}
+
+// 获取详情数据
+async function getDetailData() {
+  try {
+    const res = await detailPageData(sourceId.value, id.value)
+    data.value = res.entity
+    loading.value = false
+  }
+  catch (error) {
+    loading.value = false
+    console.log(error)
+  }
+}
+</script>
+
+<template>
+  <view>
+    <view v-if="loading" class="flex justify-center p-3">
+      <wd-loading />
+    </view>
+    <view v-else>
+      <wd-collapse v-model="collapses">
+        <wd-collapse-item v-for="group in pageConfig.groups" :key="group.id" :title="group.title" :name="group.id">
+          <view v-if="group.type === 'fieldGroup'">
+            <LabelValue :exhibit-data="group.fields" :data="data" />
+          </view>
+          <view v-if="group.type === 'relation'">
+            <view v-for="field in data.arrayMap[group.id]" :key="field.code">
+              <foldCard :groups="group" :source-id="sourceId" :columns="group.fields" model="complex" :data="field">
+                <template #buttons>
+                  <CardBotomButtons :source-id="group.id" :item="groups" :code="field.code" :data="data" />
+                </template>
+              </foldCard>
+            </view>
+          </view>
+        </wd-collapse-item>
+      </wd-collapse>
+    </view>
+  </view>
+</template>