af-mobile-client-vue3 1.3.27 → 1.3.29

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.3.27",
+  "version": "1.3.29",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/core/ImageUploader/index.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   attr: { type: Object as () => { addOrEdit?: string, acceptCount?: number, uploadImage?: boolean }, default: () => ({}) },
   mode: { default: '新增' }, // 预览
 })
-const emit = defineEmits(['updateFileList'])
+const emit = defineEmits(['updateFileList', 'updateAllFileList'])
 
 const imageList = ref<Array<any>>(props.imageList ?? [])
 
@@ -97,6 +97,8 @@ function handlePhotoUpload(photoData: any) {
         }
       }
 
+      emit('updateAllFileList', imageList.value.filter(item => item.status === 'done').map(item => item)) // 新增
+
       const doneIds = Object.values(imageList.value)
         .filter(item => item.status === 'done')
         .map(item => item.id)
@@ -117,6 +119,9 @@ function deleteFileFunction(file: any) {
         const targetIndex = imageList.value.findIndex(item => item.id === file.id)
         if (targetIndex !== -1) {
           imageList.value.splice(targetIndex, 1)
+
+          emit('updateAllFileList', imageList.value.filter(item => item.status === 'done').map(item => item)) // 新增
+
           const doneIds = Object.values(imageList.value)
             .filter(item => item.status === 'done')
             .map(item => item.id)

package/src/views/component/XCellListView/index.vue

@@ -1,29 +1,107 @@
 <script setup lang="ts">
 import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
 import { defineEmits, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
-const emit = defineEmits(['addressSelected'])
+// 定义事件
+const emit = defineEmits(['deleteRow'])
+// 访问路由
 const router = useRouter()
-const configName = ref('ApplyContractPhoneCRUD')
-const xCellListRefPatrolPlan = ref()
-// 详情
-function toDetail(row) {
-  emit('addressSelected', {
-    f_address: row.tua_f_address,
-    f_address_id: row.tua_id,
+// 获取默认值
+const idKey = ref('o_id')
+
+// 简易crud表单测试
+const configName = ref('lngChargeAuditMobileCRUD')
+const serviceName = ref('af-gaslink')
+
+// 资源权限测试
+// const configName = ref('crud_sources_test')
+// const serviceName = ref('af-system')
+
+// 实际业务测试
+// const configName = ref('lngChargeAuditMobileCRUD')
+// const serviceName = ref('af-gaslink')
+
+// 跳转到详情页面
+// function toDetail(item) {
+//   router.push({
+//     name: 'XCellDetailView',
+//     params: { id: item[idKey.value] }, // 如果使用命名路由，推荐使用路由参数而不是直接构建 URL
+//     query: {
+//       operName: item[operNameKey.value],
+//       method:item[methodKey.value],
+//       requestMethod:item[requestMethodKey.value],
+//       operatorType:item[operatorTypeKey.value],
+//       operUrl:item[operUrlKey.value],
+//       operIp:item[operIpKey.value],
+//       costTime:item[costTimeKey.value],
+//       operTime:item[operTimeKey.value],
+//
+//       title: item[titleKey.value],
+//       businessType: item[businessTypeKey.value],
+//       status:item[statusKey.value]
+//     }
+//   })
+// }
+
+// 跳转到表单——以表单组来渲染纯表单
+function toDetail(item) {
+  router.push({
+    name: 'XFormGroupView',
+    query: {
+      id: item[idKey.value],
+      // id: item.rr_id,
+      // o_id: item.o_id,
+    },
   })
 }
+
+// 新增功能
+// function addOption(totalCount) {
+//   router.push({
+//     name: 'XFormView',
+//     params: { id: totalCount, openid: totalCount },
+//     query: {
+//       configName: configName.value,
+//       serviceName: serviceName.value,
+//       mode: '新增',
+//     },
+//   })
+// }
+
+// 修改功能
+// function updateRow(result) {
+//   router.push({
+//     name: 'XFormView',
+//     params: { id: result.o_id, openid: result.o_id },
+//     query: {
+//       configName: configName.value,
+//       serviceName: serviceName.value,
+//       mode: '修改',
+//     },
+//   })
+// }
+
+// 删除功能
+function deleteRow(result) {
+  emit('deleteRow', result.o_id)
+}
 </script>
 
 <template>
-  <XCellList
-    ref="xCellListRefPatrolPlan"
-    service-name="af-apply"
-    :config-name="configName"
-    :hide-all-actions="true"
-    @to-detail="toDetail"
-  />
+  <NormalDataLayout id="XCellListView" title="工作计划">
+    <template #layout_content>
+      <XCellList
+        :config-name="configName"
+        :service-name="serviceName"
+        :fix-query-form="{ o_f_oper_name: 'edu_test' }"
+        :id-key="idKey"
+        @to-detail="toDetail"
+        @delete-row="deleteRow"
+      />
+    </template>
+  </NormalDataLayout>
 </template>
 
 <style scoped lang="less">

package/src/views/component/XFormGroupView/index.vue

@@ -6,8 +6,8 @@ import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 // 纯表单
-const configName = ref('appapplyuserinfoFormGroup')
-const serviceName = ref('af-apply')
+const configName = ref('form_check_test')
+const serviceName = ref('af-system')
 
 // const configName = ref("计划下发Form")
 // const serviceName = ref("af-linepatrol")
@@ -20,12 +20,6 @@ const formData = ref({})
 const formGroup = ref(null)
 const route = useRoute()
 const isInit = ref(false)
-
-const formShow = {
-  showt_userinfo: true,
-  showdevices: true,
-}
-
 function submit(_result) {
   showDialog({ message: '提交成功' }).then(() => {
     history.back()
@@ -72,9 +66,7 @@ function submit(_result) {
         :config-name="configName"
         :service-name="serviceName"
         :group-form-data="formData"
-        :form-show="formShow"
         mode="新增"
-        :is-scrollspy="true"
         @submit="submit"
       />
     </template>

package/src/views/component/XFormView/index.vue

@@ -7,19 +7,8 @@ const configName = ref('AddConstructionForm')
 const serviceName = ref('af-linepatrol')
 
 const formGroupAddConstruction = ref(null)
-function emitFunc(func, data) {
-  if (func === 'selectAddress') {
-    const add = 'ccss'
-    // 设置单个字段
-    formGroupAddConstruction.value?.setForm({ address: '你的字符串' })
-  }
-}
-function submit(data) {
-  console.log('>>>> data: ', JSON.stringify(data))
-}
 </script>
 
-<!-- workflowId -->
 <template>
   <NormalDataLayout id="XFormGroupView" title="纯表单">
     <template #layout_content>
@@ -28,10 +17,6 @@ function submit(data) {
         mode="新增"
         :config-name="configName"
         :service-name="serviceName"
-        :param-logic-name-param="{ aa: 123 }"
-        :form-data="{ f_project_name: 333 }"
-        @x-form-item-emit-func="emitFunc"
-        @on-submit="submit"
       />
     </template>
   </NormalDataLayout>

package/vite.config.ts

@@ -11,8 +11,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
 
   const appProxys = {}
 
-  const v4Server = 'http://192.168.50.67:31467'
-  const v3Server = 'http://192.168.50.67:31467'
+  const v4Server = 'http://192.168.50.67:31567'
+  const v3Server = 'http://192.168.50.67:31567'
   const OSSServerDev = 'http://192.168.50.67:30351'
   const geoserver = 'http://39.104.49.8:30372'
   // const OSSServerProd = 'http://192.168.50.67:31351'

package/src/views/component/XFormView/oldindex.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
-import { onBeforeMount, ref, toRaw } from 'vue'
-
-const configName = ref('AddConstructionForm')
-const serviceName = ref('af-linepatrol')
-const formGroup = ref(null)
-const formConfig = ref(null)
-const submitSimple = ref(null)
-const isLoading = ref(true)
-
-function safeStringify(obj) {
-  const seen = new WeakSet()
-  return JSON.stringify(toRaw(obj), (key, val) => {
-    if (typeof val === 'object' && val !== null) {
-      if (seen.has(val))
-        return
-      seen.add(val)
-    }
-    return val
-  }, 2)
-}
-
-function submit(result) {
-  console.log('>>>> result: ', safeStringify(result))
-}
-
-function loadConfig() {
-  return new Promise((resolve) => {
-    getConfigByName(configName.value, (result) => {
-      submitSimple.value = result.showSubmitBtn
-      formConfig.value = result
-      resolve(result)
-    }, serviceName.value)
-  })
-}
-
-onBeforeMount(async () => {
-  try {
-    await loadConfig()
-  }
-  finally {
-    isLoading.value = false
-  }
-})
-</script>
-
-<template>
-  <NormalDataLayout id="XFormGroupView" title="纯表单">
-    <template #layout_content>
-      <van-loading v-if="isLoading" />
-      <XForm
-        v-else
-        ref="formGroup"
-        mode="查询"
-        :service-name="serviceName"
-        :group-form-items="formConfig"
-        :form-data="{}"
-        :form-name="formConfig?.groupName || '11111'"
-        :submit-button="submitSimple"
-        @on-submit="submit"
-      />
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-</style>