wui-components-v2 1.1.70 → 1.1.72

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

@@ -1,147 +1,147 @@
-<script setup lang="ts">
-import { defineOptions, ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { detailPageConfig, detailPageData } from '../../api/page'
-import type { Entities, 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: 'WuiDetailsPage',
-})
-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: [],
-  readOnly: false,
-  displayConfig: [],
-
-})
-const loading = ref(false)
-// 折叠面板
-const collapses = ref()
-onLoad((option: any) => {
-  sourceId.value = option.sourceId
-  id.value = option.id
-  // #ifdef MP-WEIXIN
-  const q = decodeURIComponent(option.q) // 获取到二维码原始链接内容
-  const sc: any = getQueryParams(q)
-  sourceId.value = sc.sourceId || option.sourceId
-  id.value = sc.id || option.id
-  // #endif
-  title.value = option.title
-  uni.setNavigationBarTitle({
-    title: `${option.title}`,
-  })
-  getPageConfig()
-})
-
-// 将 URL 中问号后面的参数转换为对象
-function getQueryParams(url: string) {
-  // 获取问号后面的部分
-  const queryString = url.split('?')[1]
-
-  if (!queryString) {
-    return {}
-  }
-
-  // 将参数字符串分割成键值对数组
-  const pairs = queryString.split('&')
-
-  // 创建结果对象
-  const result: { [key: string]: string } = {}
-
-  // 遍历键值对
-  pairs.forEach((pair) => {
-    const [key, value] = pair.split('=')
-    // 解码URI组件并添加到结果对象
-    result[decodeURIComponent(key)] = decodeURIComponent(value || '')
-  })
-
-  return result
-}
-
-// 获取页面配置
-async function getPageConfig() {
-  try {
-    loading.value = true
-    const res = await detailPageConfig(sourceId.value)
-    // 初始化折叠面板
-    if (res.dtmplConfig) {
-      uni.setNavigationBarTitle({
-        title: `${res.dtmplConfig.title}`,
-      })
-      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, index) in pageConfig.groups" :key="group.id" :title="group.title" :name="group.id">
-          <view v-if="group.type === 'fieldGroup'" class="text-sm space-y-3">
-            <LabelValue :index="index" :exhibit-data="group.fields" :data="data" />
-          </view>
-          <view v-if="group.type === 'relation'">
-            <view v-for="(field, subindex) in data.arrayMap[group.id]" :key="field.code">
-              <foldCard :index="subindex" :enum-column="{}" :groups="group" :source-id="sourceId" :columns="group.fields" model="complex" :data="field">
-                <template #buttons>
-                  <CardBotomButtons :primary-column="group.primaryColumn || { controlType: '', extControlType: '', sourceId: '', mstrucId: '' }" :source-id="group.id" :item="groups" :code="field.code" :data="data" />
-                </template>
-              </foldCard>
-            </view>
-          </view>
-        </wd-collapse-item>
-      </wd-collapse>
-    </view>
-    <slot name="botombuttons" />
-  </view>
-</template>
+<script setup lang="ts">
+import { defineOptions, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { detailPageConfig, detailPageData } from '../../api/page'
+import type { Entities, 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: 'WuiDetailsPage',
+})
+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: [],
+  readOnly: false,
+  displayConfig: [],
+
+})
+const loading = ref(false)
+// 折叠面板
+const collapses = ref()
+onLoad((option: any) => {
+  sourceId.value = option.sourceId
+  id.value = option.id
+  // #ifdef MP-WEIXIN
+  const q = decodeURIComponent(option.q) // 获取到二维码原始链接内容
+  const sc: any = getQueryParams(q)
+  sourceId.value = sc.sourceId || option.sourceId
+  id.value = sc.id || option.id
+  // #endif
+  title.value = option.title
+  uni.setNavigationBarTitle({
+    title: `${option.title}`,
+  })
+  getPageConfig()
+})
+
+// 将 URL 中问号后面的参数转换为对象
+function getQueryParams(url: string) {
+  // 获取问号后面的部分
+  const queryString = url.split('?')[1]
+
+  if (!queryString) {
+    return {}
+  }
+
+  // 将参数字符串分割成键值对数组
+  const pairs = queryString.split('&')
+
+  // 创建结果对象
+  const result: { [key: string]: string } = {}
+
+  // 遍历键值对
+  pairs.forEach((pair) => {
+    const [key, value] = pair.split('=')
+    // 解码URI组件并添加到结果对象
+    result[decodeURIComponent(key)] = decodeURIComponent(value || '')
+  })
+
+  return result
+}
+
+// 获取页面配置
+async function getPageConfig() {
+  try {
+    loading.value = true
+    const res = await detailPageConfig(sourceId.value)
+    // 初始化折叠面板
+    if (res.dtmplConfig) {
+      uni.setNavigationBarTitle({
+        title: `${res.dtmplConfig.title}`,
+      })
+      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, index) in pageConfig.groups" :key="group.id" :title="group.title" :name="group.id">
+          <view v-if="group.type === 'fieldGroup'" class="text-sm space-y-3">
+            <LabelValue :index="index" :exhibit-data="group.fields" :data="data" />
+          </view>
+          <view v-if="group.type === 'relation'">
+            <view v-for="(field, subindex) in data.arrayMap[group.id]" :key="field.code">
+              <foldCard :index="subindex" :enum-column="{}" :groups="group" :source-id="sourceId" :columns="group.fields" model="complex" :data="field">
+                <template #buttons>
+                  <CardBotomButtons :primary-column="group.primaryColumn || { controlType: '', extControlType: '', sourceId: '', mstrucId: '' }" :source-id="group.id" :item="groups" :code="field.code" :data="data" />
+                </template>
+              </foldCard>
+            </view>
+          </view>
+        </wd-collapse-item>
+      </wd-collapse>
+    </view>
+    <slot name="botombuttons" />
+  </view>
+</template>