wui-components-v2 1.1.66 → 1.1.68

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

@@ -61,19 +61,22 @@ function edit() {
     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}&addEvent=${props.addEvent}`)
-  }
-  else {
-    router.push(`/pages/edit-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}&pageType=${props.pageType}&addEvent=${props.addEvent}`)
+    router.push(
+      `/pages/edit-page/index?sourceId=${sourceData?.id || props.sourceId}&id=${props.code}&title=${props.item.title}&pageType=${props.pageType}&addEvent=${props.addEvent}`
+    )
+  } else {
+    router.push(
+      `/pages/edit-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}&pageType=${props.pageType}&addEvent=${props.addEvent}`
+    )
   }
 }
 
 const actionItem = ref<Groups>()
-const actionItemShow = ref(false)// rowActions输入弹框开关
-const showMoreButn = ref(false)// 更多按钮开关
+const actionItemShow = ref(false) // rowActions输入弹框开关
+const showMoreButn = ref(false) // 更多按钮开关
 // 打开rowActions弹框
 async function action(subitem: rowActions) {
-  console.log(subitem)
+  console.log(subitem, 2222222222222222)
   if (subitem.writes.length) {
     actionItem.value = {
       ...props.item,
@@ -81,14 +84,12 @@ async function action(subitem: rowActions) {
       id: subitem.id,
     }
     actionItemShow.value = true
-  }
-  else {
+  } else {
     try {
       await actionDataSave(subitem.id, props.code, {})
       props.zpaging.reload()
       toast.success({ msg: '操作成功！' })
-    }
-    catch (error: any) {
+    } catch (error: any) {
       toast.error(error)
       console.log(error)
     }
@@ -97,7 +98,9 @@ async function action(subitem: rowActions) {
 
 // 跳转raction页面
 function raction(subitem: rowActions) {
-  router.push(`/pages/list/index?sourceId=${subitem.id}&mainCode=${props.code}&title=${subitem.title}&pageType=${props.pageType}`)
+  router.push(
+    `/pages/list/index?sourceId=${subitem.id}&mainCode=${props.code}&title=${subitem.title}&pageType=${props.pageType}`
+  )
 }
 
 // 跳转详情页面
@@ -121,7 +124,10 @@ function isShowAction(item: rowActions) {
 }
 
 function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType({ ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false }, props.data.fieldMap[item.sourceId])
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    props.data.fieldMap[item.sourceId]
+  )
 }
 
 // 删除
@@ -137,15 +143,12 @@ function del() {
           toast.success({ msg: '删除成功！' })
         }
         message.close()
-      }
-      catch (error) {
+      } catch (error) {
         console.log(error)
-      }
-      finally {
+      } finally {
         resolve(true)
       }
     },
-
   })
 }
 
@@ -157,7 +160,7 @@ interface Morebutns extends Omit<rowActions, ''> {
 const morebutns = computed(() => {
   let buts: Morebutns[] = []
   if (props.rowActions) {
-    buts = anctions.value.map((item) => {
+    buts = anctions.value.map(item => {
       return {
         actionType: 'rowActions',
         name: item.title,
@@ -167,26 +170,24 @@ const morebutns = computed(() => {
   }
   if (props.ractions) {
     buts = buts.concat(
-      ractions.value.map((item) => {
+      ractions.value.map(item => {
         return {
           actionType: 'ractions',
           name: item.title,
           ...item,
         }
-      }),
-
+      })
     )
   }
   if (props.actions) {
     buts = buts.concat(
-      actions.value.map((item) => {
+      actions.value.map(item => {
         return {
           actionType: 'rowActions',
           name: item.title,
           ...item,
         }
-      }),
-
+      })
     )
   }
   return buts
@@ -199,6 +200,9 @@ function closeMoreButn() {
 
 // 点击更多按钮
 function select({ item }: { item: any }) {
+  if (item.title.includes('评价') && item.actionType === 'rowActions') {
+    return action(item)
+  }
   message.confirm({
     msg: `确定${item.title}操作吗？`,
     title: '提示',
@@ -212,6 +216,7 @@ function select({ item }: { item: any }) {
     },
   })
 }
+console.log(props, '3333333333333')
 </script>
 
 <template>
@@ -227,28 +232,46 @@ function select({ item }: { item: any }) {
       </wd-button>
     </view> -->
     <view>
-      <wd-button v-if="morebutns.length > 3" size="small" type="info" @click="() => { showMoreButn = true }">
+      <wd-button
+        v-if="morebutns.length > 3"
+        size="small"
+        type="info"
+        @click="
+          () => {
+            showMoreButn = true
+          }
+        "
+      >
         更多
       </wd-button>
       <view v-else class="flex gap-2 flex-wrap">
-        <wd-button v-for="subitem in morebutns" :key="subitem.id" plain size="small" @click="() => { select({ item: subitem }) }">
+        <wd-button
+          v-for="subitem in morebutns"
+          :key="subitem.id"
+          plain
+          size="small"
+          @click="
+            () => {
+              select({ item: subitem })
+            }
+          "
+        >
           {{ subitem.title }}
         </wd-button>
       </view>
     </view>
 
-    <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>
+    <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>
     <wd-button v-if="props.item.buttons.includes('singleDelete')" size="small" type="danger" @click="del()">
       删除
     </wd-button>
     <ActionPopup
-      v-model:show="actionItemShow" :enum-column="props.enumColumn" :zpaging="props.zpaging"
-      :field-group="actionItem" :code="props.code"
+      v-model:show="actionItemShow"
+      :enum-column="props.enumColumn"
+      :zpaging="props.zpaging"
+      :field-group="actionItem"
+      :code="props.code"
     />
     <!-- 更多按钮 -->
     <wd-action-sheet v-model="showMoreButn" :actions="morebutns" @close="closeMoreButn" @select="select" />

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

@@ -0,0 +1,192 @@
+<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 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('评价'))
+    }
+    console.log(res, '222222222')
+  } 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"
+    />
+  </view>
+</template>