wui-components-v2 1.1.68 → 1.1.70

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

@@ -1,235 +1,235 @@
-<script lang="ts" setup>
-import { defineOptions, defineProps, onMounted, onUnmounted, ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { listData, pageConfig, pageKey } from '../../api/page'
-import foldCard from '../fold-card/fold-card.vue'
-import type { Config, Entities } from '../../type'
-import Search from '../search/search.vue'
-import ListTopButtons from '../list-top-buttons/list-top-buttons.vue'
-import CardBotomButtons from '../card-botom-buttons/card-botom-buttons.vue'
-import { generateHighResolutionID } from '../../utils/index'
-import productCard from '../product-card/product-card.vue'
-import tabSearch from '../tab-search/tab-search.vue'
-import { useEnums } from '../../composables/useEnumes'
-
-defineOptions({
-  name: 'WuiList',
-})
-defineProps<{
-  detailButtonHandle?: (data: Entities) => void
-}>()
-
-const Zpaging = ref<any>(null)
-const config = ref<Config>({
-  buttons: [],
-  columns: [],
-  primaryColumn: {
-    sourceId: '',
-    controlType: '',
-    mstrucId: '',
-    extControlType: '',
-  },
-  primaryCriteria: {
-    hidden: false,
-    disabled: false,
-    defaultValue: '',
-    transDefaultValue: '',
-    required: false,
-    controlType: '',
-    sourceId: '',
-    mstrucId: '',
-    extControlType: '',
-  },
-  secondColumn: {
-    sourceId: '',
-    controlType: '',
-    mstrucId: '',
-    extControlType: '',
-  },
-  criterias: [],
-  id: '',
-  fields: [],
-  title: '',
-  type: '',
-  pointSourceId: '',
-  mstrucId: '',
-  relationNames: [],
-  readOnly: false,
-  displayConfig: [],
-  showType: 'table',
-})
-const { getEnums, enumColumn } = useEnums({ config })
-const sourceId = ref('')
-const datas = ref<Entities[]>([])
-const pageTitle = ref('')
-const searchData = ref('')
-const tabSearchData = ref('')
-const pageType = ref('')
-const mainCode = ref('')
-const addEvent = generateHighResolutionID()// 全局事件名称
-onLoad((option: any) => {
-  console.log(option)
-  sourceId.value = option.sourceId
-  pageTitle.value = option.title
-  pageType.value = option.pageType
-  mainCode.value = option.mainCode || ''
-  uni.setNavigationBarTitle({
-    title: option.title,
-  })
-  getPageConfig()
-})
-onMounted(async () => {
-  console.log('mounted')
-  // 监听添加成功的事件
-  uni.$on(addEvent, async () => {
-    Zpaging.value.reload()
-  })
-})
-// 在组件卸载时解绑全局事件
-onUnmounted(() => {
-  console.log(`${pageTitle.value}页面卸载`)
-  uni.$off(addEvent)
-})
-async function getPageConfig() {
-  try {
-    const res = await pageConfig(sourceId.value)
-    if (res.ltmplConfig) {
-      config.value = res.ltmplConfig
-      console.log('config', config.value)
-      getEnums()
-    }
-  }
-  catch (error) {
-    console.log(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() // 手动触发加载
-  // })
-  let qre = tabSearchData.value || searchData.value
-  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, mainCode.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) {
-    if (Zpaging.value) {
-      Zpaging.value.complete(false)
-    }
-    console.error(error)
-  }
-}
-
-function submitSearch(data: any) {
-  searchData.value = data
-  // for (const key in data) {
-  //   if (Object.prototype.hasOwnProperty.call(data, key)) {
-  //     const element = data[key]
-  //     searchData.value = `${searchData.value}&c_${key}=${element}`
-  //   }
-  // }
-  Zpaging.value.reload()
-}
-
-// tabSearch点击事件
-function tabSearchClick(data: any) {
-  if (searchData.value) {
-    tabSearchData.value = `${searchData.value}&${data}`
-  }
-  else {
-    tabSearchData.value = data
-  }
-
-  Zpaging.value.reload()
-}
-</script>
-
-<template>
-  <z-paging
-    ref="Zpaging" v-model="datas" :default-page-size="5" :show-loading-more-when-reload="true"
-    @query="queryList"
-  >
-    <template #top>
-      <slot name="top" />
-      <Search
-        :main-code="mainCode" :enum-column="enumColumn" :criterias="config.criterias"
-        :primary-criteria="config.primaryCriteria" :split2-tab-criterias="config.split2TabCriterias"
-        @submit="submitSearch"
-      />
-      <view>
-        <ListTopButtons
-          :add-event="addEvent" :main-code="mainCode" :buttons="config.buttons" :source-id="sourceId"
-          :page-title="pageTitle" :page-type="pageType"
-          :config="config"
-        />
-      </view>
-      <!-- 自定义tab搜索 -->
-      <view v-if="config.split2TabCriterias">
-        <tabSearch :split2-tab-criterias="config.split2TabCriterias" :enums="enumColumn" @click="tabSearchClick" />
-      </view>
-    </template>
-    <view v-if="config.showType === 'cardList'">
-      <productCard
-        v-for="(item, index) in datas" :key="item.code" :index="index" :enum-column="enumColumn"
-        :collapse-num="5" :source-id="sourceId" :groups="config" :data="item" :columns="config.columns"
-        :primary-column="config.primaryColumn" :second-column="config.secondColumn" :label-column="config.labelColumn"
-        model="complex" :card-show-cols="config.cardShowCols" :main-picture="config.mainPicture"
-      >
-        <template #buttons>
-          <slot name="cardBotomButtons" :data="item" />
-          <CardBotomButtons
-            :primary-column="config.primaryColumn" :add-event="addEvent" :detail-button-handle="detailButtonHandle" :zpaging="Zpaging"
-            :enum-column="enumColumn" :actions="config.actions" :row-actions="config.rowActions" :ractions="config.ractions" :source-id="sourceId"
-            :item="config" :code="item.code" :page-type="pageType" :data="item"
-          />
-        </template>
-      </productCard>
-    </view>
-    <view v-else>
-      <foldCard
-        v-for="(item, index) in datas" :key="item.code" :index="index" :enum-column="enumColumn"
-        :collapse-num="5" :source-id="sourceId" :groups="config" :data="item" :columns="config.columns"
-        :primary-column="config.primaryColumn" :second-column="config.secondColumn" :label-column="config.labelColumn"
-        model="complex"
-      >
-        <template #buttons>
-          <slot name="cardBotomButtons" :data="item" />
-          <CardBotomButtons
-            :primary-column="config.primaryColumn" :add-event="addEvent" :detail-button-handle="detailButtonHandle" :zpaging="Zpaging"
-            :enum-column="enumColumn" :actions="config.actions" :row-actions="config.rowActions" :ractions="config.ractions" :source-id="sourceId"
-            :item="config" :code="item.code" :page-type="pageType" :data="item"
-          />
-        </template>
-      </foldCard>
-    </view>
-
-    <template #bottom>
-      <slot name="bottom" />
-    </template>
-  </z-paging>
-</template>
+<script lang="ts" setup>
+import { defineOptions, defineProps, onMounted, onUnmounted, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { listData, pageConfig, pageKey } from '../../api/page'
+import foldCard from '../fold-card/fold-card.vue'
+import type { Config, Entities } from '../../type'
+import Search from '../search/search.vue'
+import ListTopButtons from '../list-top-buttons/list-top-buttons.vue'
+import CardBotomButtons from '../card-botom-buttons/card-botom-buttons.vue'
+import { generateHighResolutionID } from '../../utils/index'
+import productCard from '../product-card/product-card.vue'
+import tabSearch from '../tab-search/tab-search.vue'
+import { useEnums } from '../../composables/useEnumes'
+
+defineOptions({
+  name: 'WuiList',
+})
+defineProps<{
+  detailButtonHandle?: (data: Entities) => void
+}>()
+
+const Zpaging = ref<any>(null)
+const config = ref<Config>({
+  buttons: [],
+  columns: [],
+  primaryColumn: {
+    sourceId: '',
+    controlType: '',
+    mstrucId: '',
+    extControlType: '',
+  },
+  primaryCriterion: {
+    hidden: false,
+    disabled: false,
+    defaultValue: '',
+    transDefaultValue: '',
+    required: false,
+    controlType: '',
+    sourceId: '',
+    mstrucId: '',
+    extControlType: '',
+  },
+  secondColumn: {
+    sourceId: '',
+    controlType: '',
+    mstrucId: '',
+    extControlType: '',
+  },
+  criteria: [],
+  id: '',
+  fields: [],
+  title: '',
+  type: '',
+  pointSourceId: '',
+  mstrucId: '',
+  relationNames: [],
+  readOnly: false,
+  displayConfig: [],
+  showType: 'table',
+})
+const { getEnums, enumColumn } = useEnums({ config })
+const sourceId = ref('')
+const datas = ref<Entities[]>([])
+const pageTitle = ref('')
+const searchData = ref('')
+const tabSearchData = ref('')
+const pageType = ref('')
+const mainCode = ref('')
+const addEvent = generateHighResolutionID()// 全局事件名称
+onLoad((option: any) => {
+  console.log(option)
+  sourceId.value = option.sourceId
+  pageTitle.value = option.title
+  pageType.value = option.pageType
+  mainCode.value = option.mainCode || ''
+  uni.setNavigationBarTitle({
+    title: option.title,
+  })
+  getPageConfig()
+})
+onMounted(async () => {
+  console.log('mounted')
+  // 监听添加成功的事件
+  uni.$on(addEvent, async () => {
+    Zpaging.value.reload()
+  })
+})
+// 在组件卸载时解绑全局事件
+onUnmounted(() => {
+  console.log(`${pageTitle.value}页面卸载`)
+  uni.$off(addEvent)
+})
+async function getPageConfig() {
+  try {
+    const res = await pageConfig(sourceId.value)
+    if (res.ltmplConfig) {
+      config.value = res.ltmplConfig
+      console.log('config', config.value)
+      getEnums()
+    }
+  }
+  catch (error) {
+    console.log(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() // 手动触发加载
+  // })
+  let qre = tabSearchData.value || searchData.value
+  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, mainCode.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) {
+    if (Zpaging.value) {
+      Zpaging.value.complete(false)
+    }
+    console.error(error)
+  }
+}
+
+function submitSearch(data: any) {
+  searchData.value = data
+  // for (const key in data) {
+  //   if (Object.prototype.hasOwnProperty.call(data, key)) {
+  //     const element = data[key]
+  //     searchData.value = `${searchData.value}&c_${key}=${element}`
+  //   }
+  // }
+  Zpaging.value.reload()
+}
+
+// tabSearch点击事件
+function tabSearchClick(data: any) {
+  if (searchData.value) {
+    tabSearchData.value = `${searchData.value}&${data}`
+  }
+  else {
+    tabSearchData.value = data
+  }
+
+  Zpaging.value.reload()
+}
+</script>
+
+<template>
+  <z-paging
+    ref="Zpaging" v-model="datas" :default-page-size="5" :show-loading-more-when-reload="true"
+    @query="queryList"
+  >
+    <template #top>
+      <slot name="top" />
+      <Search
+        :main-code="mainCode" :enum-column="enumColumn"         :criteria="config.criteria"
+        :primary-criterion="config.primaryCriterion" :split2-tab-criterias="config.split2TabCriterias"
+        @submit="submitSearch"
+      />
+      <view>
+        <ListTopButtons
+          :add-event="addEvent" :main-code="mainCode" :buttons="config.buttons" :source-id="sourceId"
+          :page-title="pageTitle" :page-type="pageType"
+          :config="config"
+        />
+      </view>
+      <!-- 自定义tab搜索 -->
+      <view v-if="config.split2TabCriterias">
+        <tabSearch :split2-tab-criterias="config.split2TabCriterias" :enums="enumColumn" @click="tabSearchClick" />
+      </view>
+    </template>
+    <view v-if="config.showType === 'cardList'">
+      <productCard
+        v-for="(item, index) in datas" :key="item.code" :index="index" :enum-column="enumColumn"
+        :collapse-num="5" :source-id="sourceId" :groups="config" :data="item" :columns="config.columns"
+        :primary-column="config.primaryColumn" :second-column="config.secondColumn" :label-column="config.labelColumn"
+        model="complex" :card-show-cols="config.cardShowCols" :main-picture="config.mainPicture"
+      >
+        <template #buttons>
+          <slot name="cardBotomButtons" :data="item" />
+          <CardBotomButtons
+            :primary-column="config.primaryColumn" :add-event="addEvent" :detail-button-handle="detailButtonHandle" :zpaging="Zpaging"
+            :enum-column="enumColumn" :actions="config.actions" :row-actions="config.rowActions" :ractions="config.ractions" :source-id="sourceId"
+            :item="config" :code="item.code" :page-type="pageType" :data="item"
+          />
+        </template>
+      </productCard>
+    </view>
+    <view v-else>
+      <foldCard
+        v-for="(item, index) in datas" :key="item.code" :index="index" :enum-column="enumColumn"
+        :collapse-num="5" :source-id="sourceId" :groups="config" :data="item" :columns="config.columns"
+        :primary-column="config.primaryColumn" :second-column="config.secondColumn" :label-column="config.labelColumn"
+        model="complex"
+      >
+        <template #buttons>
+          <slot name="cardBotomButtons" :data="item" />
+          <CardBotomButtons
+            :primary-column="config.primaryColumn" :add-event="addEvent" :detail-button-handle="detailButtonHandle" :zpaging="Zpaging"
+            :enum-column="enumColumn" :actions="config.actions" :row-actions="config.rowActions" :ractions="config.ractions" :source-id="sourceId"
+            :item="config" :code="item.code" :page-type="pageType" :data="item"
+          />
+        </template>
+      </foldCard>
+    </view>
+
+    <template #bottom>
+      <slot name="bottom" />
+    </template>
+  </z-paging>
+</template>