wui-components-v2 1.1.69 → 1.1.71

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

@@ -1,279 +1,279 @@
-<script setup lang="ts">
-import { computed, defineOptions, defineProps, ref } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import { onLoad } from '@dcloudio/uni-app'
-import type { ClassEditConfigs, Columns, Entities, Enums, Fields, Groups, rowActions } from '../../type'
-import ActionPopup from '../action-popup/action-popup.vue'
-import { actionDataSave, deleteData } from '../../api/page'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-import { useGlobalMessage } from '../../composables/useGlobalMessage'
-import { comparator } from '../../utils/index'
-import ControlTypeSupportor from '../../utils/control-type-supportor'
-import { formatItemData } from '../../utils'
-
-defineOptions({
-  name: 'CardBotomButtons',
-})
-const props = defineProps<{
-  item: Groups
-  sourceId: string
-  code: string
-  pageType?: string
-  data: Entities
-  rowActions?: rowActions[]
-  actions?: rowActions[]
-  ractions?: rowActions[]
-  zpaging?: any
-  enumColumn?: Enums
-  addEvent?: string
-  primaryColumn: Columns
-  detailButtonHandle?: (data: Entities) => void
-}>()
-const toast = useGlobalToast()
-const message = useGlobalMessage()
-const pageType = ref('')
-onLoad((option: any) => {
-  pageType.value = option.type || ''
-})
-const router = useRouter()
-
-// rowActions按钮
-const anctions = computed(() => {
-  const rowActions = props.rowActions || []
-  return [...rowActions.filter(isShowAction)]
-})
-
-// raction按钮
-const ractions = computed(() => {
-  const ractions = props.ractions || []
-  return [...ractions.filter(isShowAction)]
-})
-
-// actions按钮
-const actions = computed(() => {
-  const actions = props.actions || []
-  return [...actions.filter(isShowAction)]
-})
-
-// 跳转编辑页面
-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}&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) // 更多按钮开关
-// 打开rowActions弹框
-async function action(subitem: rowActions) {
-  console.log(subitem, 2222222222222222)
-  if (subitem.writes.length) {
-    actionItem.value = {
-      ...props.item,
-      fields: subitem.writes,
-      id: subitem.id,
-    }
-    actionItemShow.value = true
-  } else {
-    try {
-      await actionDataSave(subitem.id, props.code, {})
-      props.zpaging.reload()
-      toast.success({ msg: '操作成功！' })
-    } catch (error: any) {
-      toast.error(error)
-      console.log(error)
-    }
-  }
-}
-
-// 跳转raction页面
-function raction(subitem: rowActions) {
-  router.push(
-    `/pages/list/index?sourceId=${subitem.id}&mainCode=${props.code}&title=${subitem.title}&pageType=${props.pageType}`
-  )
-}
-
-// 跳转详情页面
-function detail() {
-  if (props.detailButtonHandle) {
-    props.detailButtonHandle(props.data)
-    return
-  }
-  router.push(`/pages/details-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}`)
-}
-
-// 判断按钮是否满足条件显示
-function isShowAction(item: rowActions) {
-  if (item.preposes.length > 0) {
-    return item.preposes.every((prepose: Fields) => {
-      // 判断字段值是否满足要求
-      return comparator(prepose.comparator || 'equal', props.data.fieldMap[prepose.sourceId], prepose.defaultValue)
-    })
-  }
-  return true
-}
-
-function isControlType(item: Columns): string {
-  return ControlTypeSupportor.getControlType(
-    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
-    props.data.fieldMap[item.sourceId]
-  )
-}
-
-// 删除
-function del() {
-  message.confirm({
-    msg: `确定要删除${formatItemData(props.data.fieldMap[props.primaryColumn.sourceId], isControlType(props.primaryColumn)) || '这条记录'}吗？`,
-    title: '提示',
-    beforeConfirm: async ({ resolve }) => {
-      try {
-        const res = await deleteData(props.sourceId, props.code)
-        if (res.status === 'success') {
-          props.zpaging.reload()
-          toast.success({ msg: '删除成功！' })
-        }
-        message.close()
-      } catch (error) {
-        console.log(error)
-      } finally {
-        resolve(true)
-      }
-    },
-  })
-}
-
-// 更多按钮数据
-interface Morebutns extends Omit<rowActions, ''> {
-  actionType: string
-  name: string
-}
-const morebutns = computed(() => {
-  let buts: Morebutns[] = []
-  if (props.rowActions) {
-    buts = anctions.value.map(item => {
-      return {
-        actionType: 'rowActions',
-        name: item.title,
-        ...item,
-      }
-    })
-  }
-  if (props.ractions) {
-    buts = buts.concat(
-      ractions.value.map(item => {
-        return {
-          actionType: 'ractions',
-          name: item.title,
-          ...item,
-        }
-      })
-    )
-  }
-  if (props.actions) {
-    buts = buts.concat(
-      actions.value.map(item => {
-        return {
-          actionType: 'rowActions',
-          name: item.title,
-          ...item,
-        }
-      })
-    )
-  }
-  return buts
-})
-
-// 关闭更多按钮
-function closeMoreButn() {
-  showMoreButn.value = false
-}
-
-// 点击更多按钮
-function select({ item }: { item: any }) {
-  if (item.title.includes('评价') && item.actionType === 'rowActions') {
-    return action(item)
-  }
-  message.confirm({
-    msg: `确定${item.title}操作吗？`,
-    title: '提示',
-    success: () => {
-      if (item.actionType === 'ractions') {
-        raction(item)
-      }
-      if (item.actionType === 'rowActions') {
-        action(item)
-      }
-    },
-  })
-}
-console.log(props, '3333333333333')
-</script>
-
-<template>
-  <view class="flex items-center gap-1">
-    <!-- <view v-if="props.rowActions" class="flex gap-1">
-      <wd-button v-for="subitem in anctions" :key="subitem.id" plain size="small" @click="action(subitem)">
-        {{ subitem.title }}
-      </wd-button>
-    </view>
-    <view v-if="props.ractions" class="flex gap-1">
-      <wd-button v-for="subitem in ractions" :key="subitem.id" plain size="small" @click="raction(subitem)">
-        {{ subitem.title }}
-      </wd-button>
-    </view> -->
-    <view>
-      <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 })
-            }
-          "
-        >
-          {{ 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('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"
-    />
-    <!-- 更多按钮 -->
-    <wd-action-sheet v-model="showMoreButn" :actions="morebutns" @close="closeMoreButn" @select="select" />
-  </view>
-</template>
+<script setup lang="ts">
+import { computed, defineOptions, defineProps, ref } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { onLoad } from '@dcloudio/uni-app'
+import type { ClassEditConfigs, Columns, Entities, Enums, Fields, Groups, rowActions } from '../../type'
+import ActionPopup from '../action-popup/action-popup.vue'
+import { actionDataSave, deleteData } from '../../api/page'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+import { useGlobalMessage } from '../../composables/useGlobalMessage'
+import { comparator } from '../../utils/index'
+import ControlTypeSupportor from '../../utils/control-type-supportor'
+import { formatItemData } from '../../utils'
+
+defineOptions({
+  name: 'CardBotomButtons',
+})
+const props = defineProps<{
+  item: Groups
+  sourceId: string
+  code: string
+  pageType?: string
+  data: Entities
+  rowActions?: rowActions[]
+  actions?: rowActions[]
+  ractions?: rowActions[]
+  zpaging?: any
+  enumColumn?: Enums
+  addEvent?: string
+  primaryColumn: Columns
+  detailButtonHandle?: (data: Entities) => void
+}>()
+const toast = useGlobalToast()
+const message = useGlobalMessage()
+const pageType = ref('')
+onLoad((option: any) => {
+  pageType.value = option.type || ''
+})
+const router = useRouter()
+
+// rowActions按钮
+const anctions = computed(() => {
+  const rowActions = props.rowActions || []
+  return [...rowActions.filter(isShowAction)]
+})
+
+// raction按钮
+const ractions = computed(() => {
+  const ractions = props.ractions || []
+  return [...ractions.filter(isShowAction)]
+})
+
+// actions按钮
+const actions = computed(() => {
+  const actions = props.actions || []
+  return [...actions.filter(isShowAction)]
+})
+
+// 跳转编辑页面
+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}&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) // 更多按钮开关
+// 打开rowActions弹框
+async function action(subitem: rowActions) {
+  console.log(subitem, 2222222222222222)
+  if (subitem.writes.length) {
+    actionItem.value = {
+      ...props.item,
+      fields: subitem.writes,
+      id: subitem.id,
+    }
+    actionItemShow.value = true
+  } else {
+    try {
+      await actionDataSave(subitem.id, props.code, {})
+      props.zpaging.reload()
+      toast.success({ msg: '操作成功！' })
+    } catch (error: any) {
+      toast.error(error)
+      console.log(error)
+    }
+  }
+}
+
+// 跳转raction页面
+function raction(subitem: rowActions) {
+  router.push(
+    `/pages/list/index?sourceId=${subitem.id}&mainCode=${props.code}&title=${subitem.title}&pageType=${props.pageType}`
+  )
+}
+
+// 跳转详情页面
+function detail() {
+  if (props.detailButtonHandle) {
+    props.detailButtonHandle(props.data)
+    return
+  }
+  router.push(`/pages/details-page/index?sourceId=${props.sourceId}&id=${props.code}&title=${props.item.title}`)
+}
+
+// 判断按钮是否满足条件显示
+function isShowAction(item: rowActions) {
+  if (item.preposes.length > 0) {
+    return item.preposes.every((prepose: Fields) => {
+      // 判断字段值是否满足要求
+      return comparator(prepose.comparator || 'equal', props.data.fieldMap[prepose.sourceId], prepose.defaultValue)
+    })
+  }
+  return true
+}
+
+function isControlType(item: Columns): string {
+  return ControlTypeSupportor.getControlType(
+    { ...item, hidden: false, disabled: false, defaultValue: '', transDefaultValue: '', required: false },
+    props.data.fieldMap[item.sourceId]
+  )
+}
+
+// 删除
+function del() {
+  message.confirm({
+    msg: `确定要删除${formatItemData(props.data.fieldMap[props.primaryColumn.sourceId], isControlType(props.primaryColumn)) || '这条记录'}吗？`,
+    title: '提示',
+    beforeConfirm: async ({ resolve }) => {
+      try {
+        const res = await deleteData(props.sourceId, props.code)
+        if (res.status === 'success') {
+          props.zpaging.reload()
+          toast.success({ msg: '删除成功！' })
+        }
+        message.close()
+      } catch (error) {
+        console.log(error)
+      } finally {
+        resolve(true)
+      }
+    },
+  })
+}
+
+// 更多按钮数据
+interface Morebutns extends Omit<rowActions, ''> {
+  actionType: string
+  name: string
+}
+const morebutns = computed(() => {
+  let buts: Morebutns[] = []
+  if (props.rowActions) {
+    buts = anctions.value.map(item => {
+      return {
+        actionType: 'rowActions',
+        name: item.title,
+        ...item,
+      }
+    })
+  }
+  if (props.ractions) {
+    buts = buts.concat(
+      ractions.value.map(item => {
+        return {
+          actionType: 'ractions',
+          name: item.title,
+          ...item,
+        }
+      })
+    )
+  }
+  if (props.actions) {
+    buts = buts.concat(
+      actions.value.map(item => {
+        return {
+          actionType: 'rowActions',
+          name: item.title,
+          ...item,
+        }
+      })
+    )
+  }
+  return buts
+})
+
+// 关闭更多按钮
+function closeMoreButn() {
+  showMoreButn.value = false
+}
+
+// 点击更多按钮
+function select({ item }: { item: any }) {
+  if (item.title.includes('评价') && item.actionType === 'rowActions') {
+    return action(item)
+  }
+  message.confirm({
+    msg: `确定${item.title}操作吗？`,
+    title: '提示',
+    success: () => {
+      if (item.actionType === 'ractions') {
+        raction(item)
+      }
+      if (item.actionType === 'rowActions') {
+        action(item)
+      }
+    },
+  })
+}
+console.log(props, '3333333333333')
+</script>
+
+<template>
+  <view class="flex items-center gap-1">
+    <!-- <view v-if="props.rowActions" class="flex gap-1">
+      <wd-button v-for="subitem in anctions" :key="subitem.id" plain size="small" @click="action(subitem)">
+        {{ subitem.title }}
+      </wd-button>
+    </view>
+    <view v-if="props.ractions" class="flex gap-1">
+      <wd-button v-for="subitem in ractions" :key="subitem.id" plain size="small" @click="raction(subitem)">
+        {{ subitem.title }}
+      </wd-button>
+    </view> -->
+    <view>
+      <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 })
+            }
+          "
+        >
+          {{ 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('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"
+    />
+    <!-- 更多按钮 -->
+    <wd-action-sheet v-model="showMoreButn" :actions="morebutns" @close="closeMoreButn" @select="select" />
+  </view>
+</template>