wui-components-v2 1.1.69 → 1.1.71

package/components/wui-select-list/wui-select-list.vue

@@ -1,310 +1,310 @@
-<script lang="ts" setup>
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { useRouter } from 'uni-mini-router'
-import { enums, listData, pageConfig, pageKey } from '../../api/page'
-import foldCard from '../fold-card/fold-card.vue'
-import type { Config, Entities, Enums, FoldCardModel } from '../../type'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-import Search from '../search/search.vue'
-
-defineOptions({
-  name: 'WuiSelectList',
-})
-const globalToast = useGlobalToast()
-const router = useRouter()
-const Zpaging = ref<any>(null)
-const config = ref<Config>({
-  columns: [],
-  primaryColumn: {
-    sourceId: '',
-    controlType: '',
-    mstrucId: '',
-    extControlType: '',
-  },
-  secondColumn: {
-    sourceId: '',
-    controlType: '',
-    mstrucId: '',
-    extControlType: '',
-  },
-  primaryCriteria: {
-    sourceId: '',
-    controlType: '',
-    mstrucId: '',
-    disabled: false,
-    defaultValue: '',
-    transDefaultValue: '',
-    required: false,
-    extControlType: '',
-    hidden: false,
-  },
-  criterias: [],
-  buttons: [],
-  id: '',
-  fields: [],
-  title: '',
-  type: '',
-  pointSourceId: '',
-  mstrucId: '',
-  relationNames: [],
-  readOnly: false,
-  displayConfig: [],
-  showType: 'table',
-  extShowConfig: {},
-  extDisplayConfig: {}, // 扩展显示配置
-})
-const sourceId = ref('')
-const datas = ref<Entities[]>([])
-const pageTitle = ref('')
-const selectEvent = ref('')
-const sendSelectEvent = ref('')
-const extControlType = ref('relselect') // 选择模式，例如：单选:relselect、多选
-const model = ref<FoldCardModel>('simple')
-const searchData = ref('')
-const enumColumn = ref<Enums>({})
-onLoad((option: any) => {
-  sourceId.value = option.sourceId
-  pageTitle.value = option.title
-  selectEvent.value = option.selectEvent
-  sendSelectEvent.value = option.sendSelectEvent
-  extControlType.value = option.extControlType
-  model.value = option.foldCardModel || option.cardModel || 'simple'
-  uni.setNavigationBarTitle({
-    title: `选择${option.title}`,
-  })
-  // 必须在 onLoad 内注册：setup 阶段 sendSelectEvent 仍为空字符串
-  if (sendSelectEvent.value) {
-    uni.$once(sendSelectEvent.value, (data: string | string[]) => {
-      if (!data) return
-
-      if (Array.isArray(data)) {
-        const newdata: Record<string, string> = {}
-        data.forEach(item => {
-          newdata[item.split('@R@')[0]] = item
-        })
-        selectData.value = newdata
-      } else {
-        selectData.value[data.split('@R@')[0]] = data
-      }
-    })
-  }
-  getPageConfig()
-})
-const selectData = ref<Record<string, string>>({}) // 选择数据
-const selectDataforMat = computed(() => {
-  const newdata: Record<string, string> = {}
-  if (typeof selectData.value === 'object' && selectData.value !== null) {
-    Object.values(selectData.value).forEach(item => {
-      newdata[item.split('@R@')[0]] = item.split('@R@')[0]
-    })
-  }
-  return newdata
-})
-onMounted(() => {
-  // selectData.value = { '447607223953539077': '447607223953539077@R@光机' }
-})
-
-// 获取页面配置
-async function getPageConfig() {
-  try {
-    const res = await pageConfig(sourceId.value)
-    if (res.ltmplConfig) {
-      config.value = res.ltmplConfig
-      getEnums()
-    }
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-// 获取枚举
-async function getEnums() {
-  try {
-    const params: string[] = []
-    config.value.criterias?.forEach((item: any) => {
-      if (item.controlType === 'select' || item.controlType === 'multiselect') {
-        params.push(`mstrucIds=${item.mstrucId}`)
-      }
-    })
-
-    if (!params.length) return
-    const res = await enums(params.join('&'))
-    enumColumn.value = res.enumMap || {}
-  } catch (error) {
-    console.log('error:', error)
-  }
-}
-
-// @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
-async function queryList(pageNo: number, pageSize: number) {
-  // 此处请求仅为演示，请替换为自己项目中的请求
-  // request.queryList({ pageNo,pageSize }).then(res => {
-  // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
-  //     paging.value.complete(res.data.list);
-  // }).catch(res => {
-  // 如果请求失败写paging.value.complete(false);
-  //  注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
-  //  在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
-  // paging.value.complete(false);
-  // paging.value.reload() // 手动触发加载
-  // })
-
-  const search = uni.getStorageSync('paramsData')?.changedData || {}
-  const newParams = {
-    thirdCriteria: search.relValueField3 || '',
-    secondCriteria: search.relValueField?.toString() || '',
-  }
-  const params = Object.entries(newParams)
-    .map(([key, value]) => `${key}=${value}`)
-    .join('&')
-  let qre = searchData.value ? `${searchData.value + '&' + params}` : params
-  if (config.value.defaultCriteriaValue) {
-    for (const key in config.value.defaultCriteriaValue) {
-      if (Object.prototype.hasOwnProperty.call(config.value.defaultCriteriaValue, key)) {
-        const element = config.value.defaultCriteriaValue[key]
-        if (!qre.includes(key)) {
-          qre = `${qre}&${key}=${element}`
-        }
-      }
-    }
-  }
-
-  try {
-    const res = await pageKey(sourceId.value, '', qre) // 获取key
-    const data = await listData(res.key, pageNo, pageSize) // 获取数据
-    // const count = await getPageTotal(key.data?.key)// 获取总数
-    Zpaging.value.complete(data.entities)
-
-    // emits('loadData', data.data.entities)
-  } catch (error) {
-    Zpaging.value.complete(false)
-    console.error(error)
-  }
-}
-
-// 勾选变换监听
-function handleChange(item: Entities) {
-  // 判断是否有当前选中值,有值则删除
-  if (selectData.value[item.code]) {
-    delete selectData.value[item.code]
-    return
-  }
-
-  // 判断是否为单选，清空选项
-  if (extControlType.value === 'relselect' || extControlType.value === 'relselect-extdis') {
-    selectData.value = {}
-  }
-
-  selectData.value[item.code] = `${item.code}@R@${item.fieldMap[config.value.primaryColumn.sourceId]}`
-}
-// 发送选中数据（与编辑页 / mulselect-picker 的 uni.$once(selectEvent) 约定一致）
-function send() {
-  const keys = Object.keys(selectData.value)
-  if (!keys.length) {
-    globalToast.warning(`请选择${pageTitle.value}`)
-    return
-  }
-
-  const payload = Object.values(selectData.value)
-  if (selectEvent.value) {
-    uni.$emit(selectEvent.value, payload)
-  }
-
-  router.back()
-}
-// 取消
-// function cancel() {
-//   send('cancel')
-//   router.back()
-// }
-// 确定
-function confirm() {
-  send()
-}
-onUnmounted(() => {
-  uni.$off(selectEvent.value)
-})
-
-function submitSearch(data: any) {
-  searchData.value = data
-  Zpaging.value.reload()
-}
-const showAddressInfo = computed(() => {
-  return extControlType.value == 'relselect-extdis' || false
-})
-const formatAddress = (value: string) => {
-  return (value?.split(',') || [])[2] || ''
-}
-const checkboxType: any = computed(() => {
-  return ['relselect', 'relselect-extdis'].includes(extControlType.value) ? '' : 'square'
-})
-onUnmounted(() => {
-  uni.removeStorageSync('paramsData')
-})
-</script>
-
-<template>
-  <z-paging ref="Zpaging" v-model="datas" :show-loading-more-when-reload="true" @query="queryList">
-    <template #top>
-      <Search
-        :enum-column="enumColumn"
-        :criterias="config.criterias"
-        :primary-criteria="config.primaryCriteria"
-        @submit="submitSearch"
-      />
-      <!-- <view>
-        <ListTopButtons :buttons="config.buttons" :source-id="sourceId" :page-title="pageTitle" />
-      </view> -->
-      <slot name="top" />
-    </template>
-
-    <foldCard
-      v-for="(item, index) in datas"
-      :key="item.code"
-      :index="index"
-      :data="item"
-      :columns="config.columns"
-      :primary-column="config.primaryColumn"
-      :second-column="config.secondColumn"
-      :model="model"
-      :groups="config"
-      :source-id="sourceId"
-      @click="
-        () => {
-          handleChange(item)
-        }
-      "
-    >
-      <template #select>
-        <wd-checkbox
-          :true-value="`${item.code}`"
-          false-value=""
-          :model-value="selectDataforMat[item.code]"
-          :type="checkboxType"
-        />
-      </template>
-
-      <template #addressInfo v-if="showAddressInfo">
-        <div>{{ item.fieldMap[config.extDisplayConfig?.secondColumn?.sourceId] }}</div>
-      </template>
-      <template #detailAddress v-if="showAddressInfo">
-        <div>{{ formatAddress(item.fieldMap[config.extDisplayConfig?.cardShowCols?.[0]?.sourceId]) }}</div>
-      </template>
-      <!-- <template #buttons>
-        <CardBotomButtons :data="item" :groups="config" :source-id="sourceId" :item="config" :code="item.code" />
-      </template> -->
-    </foldCard>
-
-    <template #bottom>
-      <slot name="bottom">
-        <view class="flex justify-between gap-1 p-2 bg-white dark:bg-[var(--wot-dark-background)]">
-          <!-- <wd-button class="flex-1" type="info" @click="cancel">
-            取消
-          </wd-button> -->
-          <wd-button custom-class="flex-1" @click="confirm">确定</wd-button>
-        </view>
-      </slot>
-    </template>
-  </z-paging>
-</template>
+<script lang="ts" setup>
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { useRouter } from 'uni-mini-router'
+import { enums, listData, pageConfig, pageKey } from '../../api/page'
+import foldCard from '../fold-card/fold-card.vue'
+import type { Config, Entities, Enums, FoldCardModel } from '../../type'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+import Search from '../search/search.vue'
+
+defineOptions({
+  name: 'WuiSelectList',
+})
+const globalToast = useGlobalToast()
+const router = useRouter()
+const Zpaging = ref<any>(null)
+const config = ref<Config>({
+  columns: [],
+  primaryColumn: {
+    sourceId: '',
+    controlType: '',
+    mstrucId: '',
+    extControlType: '',
+  },
+  secondColumn: {
+    sourceId: '',
+    controlType: '',
+    mstrucId: '',
+    extControlType: '',
+  },
+  primaryCriterion: {
+    sourceId: '',
+    controlType: '',
+    mstrucId: '',
+    disabled: false,
+    defaultValue: '',
+    transDefaultValue: '',
+    required: false,
+    extControlType: '',
+    hidden: false,
+  },
+  criteria: [],
+  buttons: [],
+  id: '',
+  fields: [],
+  title: '',
+  type: '',
+  pointSourceId: '',
+  mstrucId: '',
+  relationNames: [],
+  readOnly: false,
+  displayConfig: [],
+  showType: 'table',
+  extShowConfig: {},
+  extDisplayConfig: {}, // 扩展显示配置
+})
+const sourceId = ref('')
+const datas = ref<Entities[]>([])
+const pageTitle = ref('')
+const selectEvent = ref('')
+const sendSelectEvent = ref('')
+const extControlType = ref('relselect') // 选择模式，例如：单选:relselect、多选
+const model = ref<FoldCardModel>('simple')
+const searchData = ref('')
+const enumColumn = ref<Enums>({})
+onLoad((option: any) => {
+  sourceId.value = option.sourceId
+  pageTitle.value = option.title
+  selectEvent.value = option.selectEvent
+  sendSelectEvent.value = option.sendSelectEvent
+  extControlType.value = option.extControlType
+  model.value = option.foldCardModel || option.cardModel || 'simple'
+  uni.setNavigationBarTitle({
+    title: `选择${option.title}`,
+  })
+  // 必须在 onLoad 内注册：setup 阶段 sendSelectEvent 仍为空字符串
+  if (sendSelectEvent.value) {
+    uni.$once(sendSelectEvent.value, (data: string | string[]) => {
+      if (!data) return
+
+      if (Array.isArray(data)) {
+        const newdata: Record<string, string> = {}
+        data.forEach(item => {
+          newdata[item.split('@R@')[0]] = item
+        })
+        selectData.value = newdata
+      } else {
+        selectData.value[data.split('@R@')[0]] = data
+      }
+    })
+  }
+  getPageConfig()
+})
+const selectData = ref<Record<string, string>>({}) // 选择数据
+const selectDataforMat = computed(() => {
+  const newdata: Record<string, string> = {}
+  if (typeof selectData.value === 'object' && selectData.value !== null) {
+    Object.values(selectData.value).forEach(item => {
+      newdata[item.split('@R@')[0]] = item.split('@R@')[0]
+    })
+  }
+  return newdata
+})
+onMounted(() => {
+  // selectData.value = { '447607223953539077': '447607223953539077@R@光机' }
+})
+
+// 获取页面配置
+async function getPageConfig() {
+  try {
+    const res = await pageConfig(sourceId.value)
+    if (res.ltmplConfig) {
+      config.value = res.ltmplConfig
+      getEnums()
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+// 获取枚举
+async function getEnums() {
+  try {
+    const params: string[] = []
+    config.value.criteria?.forEach((item: any) => {
+      if (item.controlType === 'select' || item.controlType === 'multiselect') {
+        params.push(`mstrucIds=${item.mstrucId}`)
+      }
+    })
+
+    if (!params.length) return
+    const res = await enums(params.join('&'))
+    enumColumn.value = res.enumMap || {}
+  } catch (error) {
+    console.log('error:', error)
+  }
+}
+
+// @query所绑定的方法不要自己调用！！需要刷新列表数据时，只需要调用this.$refs.paging.reload()即可
+async function queryList(pageNo: number, pageSize: number) {
+  // 此处请求仅为演示，请替换为自己项目中的请求
+  // request.queryList({ pageNo,pageSize }).then(res => {
+  // 将请求结果通过complete传给z-paging处理，同时也代表请求结束，这一行必须调用
+  //     paging.value.complete(res.data.list);
+  // }).catch(res => {
+  // 如果请求失败写paging.value.complete(false);
+  //  注意，每次都需要在catch中写这句话很麻烦，z-paging提供了方案可以全局统一处理
+  //  在底层的网络请求抛出异常时，写uni.$emit('z-paging-error-emit');即可
+  // paging.value.complete(false);
+  // paging.value.reload() // 手动触发加载
+  // })
+
+  const search = uni.getStorageSync('paramsData')?.changedData || {}
+    const newParams = {
+      thirdCriterion: search.relValueField3 || '',
+      secondCriterion: search.relValueField?.toString() || '',
+    }
+  const params = Object.entries(newParams)
+    .map(([key, value]) => `${key}=${value}`)
+    .join('&')
+  let qre = searchData.value ? `${searchData.value + '&' + params}` : params
+  if (config.value.defaultCriteriaValue) {
+    for (const key in config.value.defaultCriteriaValue) {
+      if (Object.prototype.hasOwnProperty.call(config.value.defaultCriteriaValue, key)) {
+        const element = config.value.defaultCriteriaValue[key]
+        if (!qre.includes(key)) {
+          qre = `${qre}&${key}=${element}`
+        }
+      }
+    }
+  }
+
+  try {
+    const res = await pageKey(sourceId.value, '', qre) // 获取key
+    const data = await listData(res.key, pageNo, pageSize) // 获取数据
+    // const count = await getPageTotal(key.data?.key)// 获取总数
+    Zpaging.value.complete(data.entities)
+
+    // emits('loadData', data.data.entities)
+  } catch (error) {
+    Zpaging.value.complete(false)
+    console.error(error)
+  }
+}
+
+// 勾选变换监听
+function handleChange(item: Entities) {
+  // 判断是否有当前选中值,有值则删除
+  if (selectData.value[item.code]) {
+    delete selectData.value[item.code]
+    return
+  }
+
+  // 判断是否为单选，清空选项
+  if (extControlType.value === 'relselect' || extControlType.value === 'relselect-extdis') {
+    selectData.value = {}
+  }
+
+  selectData.value[item.code] = `${item.code}@R@${item.fieldMap[config.value.primaryColumn.sourceId]}`
+}
+// 发送选中数据（与编辑页 / mulselect-picker 的 uni.$once(selectEvent) 约定一致）
+function send() {
+  const keys = Object.keys(selectData.value)
+  if (!keys.length) {
+    globalToast.warning(`请选择${pageTitle.value}`)
+    return
+  }
+
+  const payload = Object.values(selectData.value)
+  if (selectEvent.value) {
+    uni.$emit(selectEvent.value, payload)
+  }
+
+  router.back()
+}
+// 取消
+// function cancel() {
+//   send('cancel')
+//   router.back()
+// }
+// 确定
+function confirm() {
+  send()
+}
+onUnmounted(() => {
+  uni.$off(selectEvent.value)
+})
+
+function submitSearch(data: any) {
+  searchData.value = data
+  Zpaging.value.reload()
+}
+const showAddressInfo = computed(() => {
+  return extControlType.value == 'relselect-extdis' || false
+})
+const formatAddress = (value: string) => {
+  return (value?.split(',') || [])[2] || ''
+}
+const checkboxType: any = computed(() => {
+  return ['relselect', 'relselect-extdis'].includes(extControlType.value) ? '' : 'square'
+})
+onUnmounted(() => {
+  uni.removeStorageSync('paramsData')
+})
+</script>
+
+<template>
+  <z-paging ref="Zpaging" v-model="datas" :show-loading-more-when-reload="true" @query="queryList">
+    <template #top>
+      <Search
+        :enum-column="enumColumn"
+        :criteria="config.criteria"
+        :primary-criterion="config.primaryCriterion"
+        @submit="submitSearch"
+      />
+      <!-- <view>
+        <ListTopButtons :buttons="config.buttons" :source-id="sourceId" :page-title="pageTitle" />
+      </view> -->
+      <slot name="top" />
+    </template>
+
+    <foldCard
+      v-for="(item, index) in datas"
+      :key="item.code"
+      :index="index"
+      :data="item"
+      :columns="config.columns"
+      :primary-column="config.primaryColumn"
+      :second-column="config.secondColumn"
+      :model="model"
+      :groups="config"
+      :source-id="sourceId"
+      @click="
+        () => {
+          handleChange(item)
+        }
+      "
+    >
+      <template #select>
+        <wd-checkbox
+          :true-value="`${item.code}`"
+          false-value=""
+          :model-value="selectDataforMat[item.code]"
+          :type="checkboxType"
+        />
+      </template>
+
+      <template #addressInfo v-if="showAddressInfo">
+        <div>{{ item.fieldMap[config.extDisplayConfig?.secondColumn?.sourceId] }}</div>
+      </template>
+      <template #detailAddress v-if="showAddressInfo">
+        <div>{{ formatAddress(item.fieldMap[config.extDisplayConfig?.cardShowCols?.[0]?.sourceId]) }}</div>
+      </template>
+      <!-- <template #buttons>
+        <CardBotomButtons :data="item" :groups="config" :source-id="sourceId" :item="config" :code="item.code" />
+      </template> -->
+    </foldCard>
+
+    <template #bottom>
+      <slot name="bottom">
+        <view class="flex justify-between gap-1 p-2 bg-white dark:bg-[var(--wot-dark-background)]">
+          <!-- <wd-button class="flex-1" type="info" @click="cancel">
+            取消
+          </wd-button> -->
+          <wd-button custom-class="flex-1" @click="confirm">确定</wd-button>
+        </view>
+      </slot>
+    </template>
+  </z-paging>
+</template>