wui-components-v2 1.1.69 → 1.1.71

package/components/detail-popup/detail-popup.vue

@@ -1,99 +1,99 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import type { Columns, Entities } from '../../type'
-import { formatItemData } from '../../utils'
-import ControlTypeSupportor from '../../utils/control-type-supportor'
-import { detailPageConfig, detailPageData } from '../../api/page'
-
-defineOptions({
-  name: 'DetailPopup',
-})
-
-const props = defineProps<{
-  source: Columns
-  text: string
-  code: string
-}>()
-interface DetailItem {
-  /** 行数据 */
-  data: Entities
-  /** 字段配置 */
-  columns: Columns[]
-}
-
-const showDetail = ref(false)
-const exhibitData = ref<Columns[]>([])
-const rowData = ref<Entities>({} as Entities)
-const columns = ref<Columns[]>([])
-
-function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType(
-    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
-    rowData.value.fieldMap[item.sourceId]
-  )
-}
-async function open(item: DetailItem) {
-  const code = props.code.split('@R@')[0]
-  const formRes = await detailPageConfig(props.source.sourceId)
-  const valueRes = await detailPageData(props.source.sourceId, code)
-  if (formRes.status === 'success') {
-    columns.value = formRes.dtmplConfig.groups?.[0].fields || []
-  }
-  if (valueRes.status === 'success') {
-    rowData.value = valueRes.entity || {}
-  }
-  showDetail.value = true
-}
-
-function handleClose() {
-  showDetail.value = false
-}
-</script>
-
-<template>
-  <view class="text-[#1c64fd]" @click="open">{{ text }}</view>
-  <wd-popup v-model="showDetail" custom-style="border-radius: 32rpx;">
-    <view class="custom-popup">
-      <view class="text-center mb-4 text-gray-900 dark:text-gray-100">详情内容</view>
-      <scroll-view scroll-y class="scroll-area">
-        <view class="flex items-center gap-2 mb-4 text-gray-500 dark:text-gray-400" v-for="(item, sindex) in columns" :key="sindex">
-          <view class="break-words dark:text-gray-400">{{ item.title }}:</view>
-          <view class="text-gray-800 dark:text-gray-200 break-all">
-            {{ formatItemData(rowData.fieldMap[item.sourceId], isControlType(item)) }}
-          </view>
-        </view>
-      </scroll-view>
-      <view class="footer flex justify-center items-center">
-        <wd-button class="flex-1" @click="handleClose">确定</wd-button>
-      </view>
-    </view>
-  </wd-popup>
-</template>
-
-<style scoped lang="scss">
-.custom-popup {
-  color: var(--wot-dark-color, #333);
-  padding: 24rpx;
-  width: 600rpx;
-  max-width: 600rpx;
-  font-size: 40rpx;
-  border-radius: 32rpx;
-  position: relative;
-
-  .scroll-area {
-    height: 50vh;
-    overflow: hidden;
-  }
-
-  .footer {
-    margin-top: 24rpx;
-  }
-}
-
-// 暗黑模式适配
-:global(.wot-theme-dark) {
-  .custom-popup {
-    color: var(--wot-dark-color2, #e0e0e0);
-  }
-}
-</style>
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { Columns, Entities } from '../../type'
+import { formatItemData } from '../../utils'
+import ControlTypeSupportor from '../../utils/control-type-supportor'
+import { detailPageConfig, detailPageData } from '../../api/page'
+
+defineOptions({
+  name: 'DetailPopup',
+})
+
+const props = defineProps<{
+  source: Columns
+  text: string
+  code: string
+}>()
+interface DetailItem {
+  /** 行数据 */
+  data: Entities
+  /** 字段配置 */
+  columns: Columns[]
+}
+
+const showDetail = ref(false)
+const exhibitData = ref<Columns[]>([])
+const rowData = ref<Entities>({} as Entities)
+const columns = ref<Columns[]>([])
+
+function isControlType(item: Columns): string {
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    rowData.value.fieldMap[item.sourceId]
+  )
+}
+async function open(item: DetailItem) {
+  const code = props.code.split('@R@')[0]
+  const formRes = await detailPageConfig(props.source.sourceId)
+  const valueRes = await detailPageData(props.source.sourceId, code)
+  if (formRes.status === 'success') {
+    columns.value = formRes.dtmplConfig.groups?.[0].fields || []
+  }
+  if (valueRes.status === 'success') {
+    rowData.value = valueRes.entity || {}
+  }
+  showDetail.value = true
+}
+
+function handleClose() {
+  showDetail.value = false
+}
+</script>
+
+<template>
+  <view class="text-[#1c64fd]" @click="open">{{ text }}</view>
+  <wd-popup v-model="showDetail" custom-style="border-radius: 32rpx;">
+    <view class="custom-popup">
+      <view class="text-center mb-4 text-gray-900 dark:text-gray-100">详情内容</view>
+      <scroll-view scroll-y class="scroll-area">
+        <view class="flex items-center gap-2 mb-4 text-gray-500 dark:text-gray-400" v-for="(item, sindex) in columns" :key="sindex">
+          <view class="break-words dark:text-gray-400">{{ item.title }}:</view>
+          <view class="text-gray-800 dark:text-gray-200 break-all">
+            {{ formatItemData(rowData.fieldMap[item.sourceId], isControlType(item)) }}
+          </view>
+        </view>
+      </scroll-view>
+      <view class="footer flex justify-center items-center">
+        <wd-button class="flex-1" @click="handleClose">确定</wd-button>
+      </view>
+    </view>
+  </wd-popup>
+</template>
+
+<style scoped lang="scss">
+.custom-popup {
+  color: var(--wot-dark-color, #333);
+  padding: 24rpx;
+  width: 600rpx;
+  max-width: 600rpx;
+  font-size: 40rpx;
+  border-radius: 32rpx;
+  position: relative;
+
+  .scroll-area {
+    height: 50vh;
+    overflow: hidden;
+  }
+
+  .footer {
+    margin-top: 24rpx;
+  }
+}
+
+// 暗黑模式适配
+:global(.wot-theme-dark) {
+  .custom-popup {
+    color: var(--wot-dark-color2, #e0e0e0);
+  }
+}
+</style>

package/components/evaluation-page/evaluation-page.vue

@@ -1,196 +1,196 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { detailPageConfig, detailPageData, pageConfig as OperationPageConfig, actionDataSave } from '../../api/page'
-import type { Entities, Groups, dtmplConfig, rowActions } from '../../type'
-import LabelValue from '../label-value/label-value.vue'
-import ActionPopup from '../action-popup/action-popup.vue'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-
-defineOptions({
-  name: 'EvaluationPage',
-})
-const props = defineProps<{
-  /** 评价提交成功后的跳转地址，不传则默认刷新详情 */
-  successUrl?: string
-}>()
-const toast = useGlobalToast()
-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()
-// 评价操作配置
-const evaluationActions = ref<rowActions[]>([])
-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()
-      getOperationPageConfig()
-    }
-  } 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)
-  }
-}
-async function getOperationPageConfig() {
-  try {
-    const res: any = await OperationPageConfig(sourceId.value)
-    // 筛选出评价相关的操作
-    if (res.ltmplConfig?.rowActions) {
-      evaluationActions.value = res.ltmplConfig.rowActions.filter((item: rowActions) => item.title.includes('评价'))
-    }
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const actionItemShow = ref(false)
-const actionItem = ref<Groups>()
-const code = ref('')
-const enumColumn = ref()
-// 模拟 zpaging 对象，用于 ActionPopup 刷新
-const mockZpaging = {
-  reload: () => getDetailData(),
-}
-
-// 评价按钮点击事件 - 迁移自 card-botom-buttons 的 select action 功能
-async function handleEvaluationClick() {
-  if (evaluationActions.value.length === 0) {
-    toast.error({ msg: '未找到评价操作配置' })
-    return
-  }
-  // 取第一个评价操作
-  const subitem = evaluationActions.value[0]
-  if (subitem.writes.length) {
-    actionItem.value = {
-      ...groups.value,
-      fields: subitem.writes,
-      id: subitem.id,
-    }
-    code.value = id.value
-    actionItemShow.value = true
-  } else {
-    try {
-      await actionDataSave(subitem.id, id.value, {})
-      toast.success({ msg: '评价成功！' })
-    } catch (error: any) {
-      toast.error(error)
-      console.log(error)
-    }
-  }
-}
-</script>
-
-<template>
-  <view class="p-4">
-    <view v-if="loading" class="flex justify-center p-3">
-      <wd-loading />
-    </view>
-    <view v-else>
-      <view v-for="(group, index) in pageConfig.groups" :key="group.id" :title="group.title" :name="group.id">
-        <view class="text-sm space-y-3">
-          <LabelValue :index="index" :exhibit-data="group.fields" :data="data" />
-        </view>
-      </view>
-    </view>
-    <wd-button type="primary" class="mt-4 w-full" @click="handleEvaluationClick">评价</wd-button>
-    <ActionPopup
-      v-model:show="actionItemShow"
-      :enum-column="enumColumn"
-      :zpaging="mockZpaging"
-      :field-group="actionItem"
-      :code="code"
-      :success-url="props.successUrl + '?sourceId=' + sourceId"
-    />
-  </view>
-</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { detailPageConfig, detailPageData, pageConfig as OperationPageConfig, actionDataSave } from '../../api/page'
+import type { Entities, Groups, dtmplConfig, rowActions } from '../../type'
+import LabelValue from '../label-value/label-value.vue'
+import ActionPopup from '../action-popup/action-popup.vue'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+
+defineOptions({
+  name: 'EvaluationPage',
+})
+const props = defineProps<{
+  /** 评价提交成功后的跳转地址，不传则默认刷新详情 */
+  successUrl?: string
+}>()
+const toast = useGlobalToast()
+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()
+// 评价操作配置
+const evaluationActions = ref<rowActions[]>([])
+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()
+      getOperationPageConfig()
+    }
+  } 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)
+  }
+}
+async function getOperationPageConfig() {
+  try {
+    const res: any = await OperationPageConfig(sourceId.value)
+    // 筛选出评价相关的操作
+    if (res.ltmplConfig?.rowActions) {
+      evaluationActions.value = res.ltmplConfig.rowActions.filter((item: rowActions) => item.title.includes('评价'))
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const actionItemShow = ref(false)
+const actionItem = ref<Groups>()
+const code = ref('')
+const enumColumn = ref()
+// 模拟 zpaging 对象，用于 ActionPopup 刷新
+const mockZpaging = {
+  reload: () => getDetailData(),
+}
+
+// 评价按钮点击事件 - 迁移自 card-botom-buttons 的 select action 功能
+async function handleEvaluationClick() {
+  if (evaluationActions.value.length === 0) {
+    toast.error({ msg: '未找到评价操作配置' })
+    return
+  }
+  // 取第一个评价操作
+  const subitem = evaluationActions.value[0]
+  if (subitem.writes.length) {
+    actionItem.value = {
+      ...groups.value,
+      fields: subitem.writes,
+      id: subitem.id,
+    }
+    code.value = id.value
+    actionItemShow.value = true
+  } else {
+    try {
+      await actionDataSave(subitem.id, id.value, {})
+      toast.success({ msg: '评价成功！' })
+    } catch (error: any) {
+      toast.error(error)
+      console.log(error)
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="p-4">
+    <view v-if="loading" class="flex justify-center p-3">
+      <wd-loading />
+    </view>
+    <view v-else>
+      <view v-for="(group, index) in pageConfig.groups" :key="group.id" :title="group.title" :name="group.id">
+        <view class="text-sm space-y-3">
+          <LabelValue :index="index" :exhibit-data="group.fields" :data="data" />
+        </view>
+      </view>
+    </view>
+    <wd-button type="primary" class="mt-4 w-full" @click="handleEvaluationClick">评价</wd-button>
+    <ActionPopup
+      v-model:show="actionItemShow"
+      :enum-column="enumColumn"
+      :zpaging="mockZpaging"
+      :field-group="actionItem"
+      :code="code"
+      :success-url="props.successUrl + '?sourceId=' + sourceId"
+    />
+  </view>
+</template>