af-mobile-client-vue3 1.0.70 → 1.0.72

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

@@ -1,57 +1,96 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-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 { useRouter } from 'vue-router'
-
-const router = useRouter()
-
-const idKey = ref('o_id')
-const operNameKey = ref('o_f_oper_name')
-const methodKey = ref('o_f_method')
-const requestMethodKey = ref('o_f_request_method')
-const operatorTypeKey = ref('o_f_operator_type')
-const operUrlKey = ref('o_f_oper_url')
-const operIpKey = ref('o_f_oper_ip')
-const costTimeKey = ref('o_f_cost_time')
-const operTimeKey = ref('o_f_oper_time')
-
-const titleKey = ref('o_f_title')
-const businessTypeKey = ref('o_f_business_type')
-const statusKey = ref('o_f_status')
-
-
-// const idKey = ref('t_id')
-
-// const configName = ref('测试crud-移动端')
-const configName = ref('lngPurchaseOrderMobileCRUD')
-const serviceName = ref('af-system')
-function toDetail(item) {
-  console.log('item=====',item)
-  router.push({
-    name:'XFormView',
-    params:{id: item.od_id,openid: 1},
-    query:{formConfigName: configName, formServiceName: serviceName ,mode:'新增'},
-  })
-}
-function event4(result){
-  console.log(result)
-}
-</script>
-
-<template>
-  <NormalDataLayout id="XCellListView" title="工作计划">
-    <template #layout_content>
-      <XCellList
-        :config-name="configName"
-        service-name="af-gaslink"
-        :id-key="idKey"
-        @audit="toDetail"
-        @event4="event4"
-      />
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-</style>
+<script setup lang="ts">
+import { defineEmits, ref } from 'vue'
+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 { useRouter } from 'vue-router'
+
+// 定义事件
+const emit = defineEmits(['deleteRow'])
+// 访问路由
+const router = useRouter()
+// 获取默认值
+const idKey = ref('o_id')
+// const configName = ref('crud_oper_log_manage')
+// const serviceName = ref('af-system')
+const configName = ref('crud_sources_test')
+const serviceName = ref('af-system')
+
+// 跳转到详情页面
+// 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],
+    },
+  })
+}
+
+// 新增功能
+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>
+  <NormalDataLayout id="XCellListView" title="工作计划">
+    <template #layout_content>
+      <XCellList
+        :config-name="configName"
+        :id-key="idKey"
+        @to-detail="toDetail"
+        @delete-row="deleteRow"
+      />
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+</style>

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

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import XFormGroup from '@af-mobile-client-vue3/components/data/XFormGroup/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { onBeforeMount, ref } from 'vue'
+import { showDialog } from 'vant'
+// import {runLogic} from "@af-mobile-client-vue3/services/api/common";
+
+// 纯表单
+// const configName = ref("计划下发Form")
+// const serviceName = ref("af-linepatrol")
+
+// 表单组
+const configName = ref("lngChargeAuditMobileFormGroup")
+const serviceName = ref("af-gaslink")
+
+const formData = ref({})
+function submit(_result) {
+  showDialog({ message: '提交成功' }).then(() => {
+    history.back()
+  })
+}
+
+// 表单组——数据
+// function initComponents () {
+//   runLogic('getlngChargeAuditMobileFormGroupData', {id: 29}, 'af-gaslink').then((res) => {
+//     formData.value = {...res}
+//   })
+// }
+
+// 纯表单——数据
+// function initComponents() {
+//   formData.value = { plan_name: 'af-llllll', plan_point: '1号点位', plan_single: '1号点位', plan_range: '2024-12-12' }
+// }
+
+// onBeforeMount(() => {
+//   initComponents()
+// })
+</script>
+
+<template>
+  <NormalDataLayout id="XFormGroupView" title="纯表单">
+    <template #layout_content>
+      <XFormGroup
+        :config-name="configName"
+        :service-name="serviceName"
+        :group-form-data="formData"
+        mode="查询"
+        @submit="submit"
+      />
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,55 +1,134 @@
-<script setup lang="ts">
-import { onBeforeMount, ref } from 'vue'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-import XFormGroup from '@af-mobile-client-vue3/components/data/XFormGroup/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { runLogic } from '@af-mobile-client-vue3/services/api/common'
-import {useRoute, useRouter} from 'vue-router'
-import { formatDate } from '@af-mobile-client-vue3/hooks/useCommon'
-import {showSuccessToast} from "vant";
-
-const route = useRoute()
-const router = useRouter()
-const formData = ref({})
-function initComponents () {
-  console.log('router.params=', route.params)
-  runLogic('getLngPurchaseOrderAuditGroupData', {id: route.params?.id}, 'af-gaslink').then((res) => {
-    console.log('调用logic完成==',res)
-    formData.value = {...res}
-    console.log('赋值完成===', formData.value)
-  })
-}
-onBeforeMount(()=>{
-  initComponents()
-})
-const submit = (formData) => {
-  console.log('提交表单===', formData)
-  const param = {
-    type: formData.value.auditInfo.f_approval_status === '审核未通过' ? 0 : 1,
-    model: {
-      approval_date: formatDate(new Date()),
-      approval_remark:formData.value.auditInfo.f_approval_status,
-      approval_operator:useUserStore.getUserInfo?.name,
-      approval_operatorid: useUserStore.getUserInfo?.id
-    },
-    record: {od_id:1}
-  }
-  console.log('param===', param)
-  runLogic('lngPurchaseOrderAuditSubmit', param, 'af-gaslink').then((res) => {
-    console.log('res===', res)
-    showSuccessToast('审核成功！')
-    router.go(-1)
-  })
-}
-</script>
-
-<template>
-  <NormalDataLayout id="XCellListView" title="采购审核">
-    <template #layout_content>
-      <XFormGroup :config-name="'lngPurchaseOrderFormGroup'" @submit="submit" :group-form-data="formData" service-name="af-gaslink"/>
-    </template>
-  </NormalDataLayout>
-</template>
-<style scoped lang="less">
-
-</style>
+<script setup lang="ts">
+import {
+  NavBar as VanNavBar,
+  Space as VanSpace,
+  showDialog,
+} from 'vant'
+import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
+import { useRoute } from 'vue-router'
+import { defineEmits, getCurrentInstance, onBeforeMount, ref } from 'vue'
+import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { post } from '@af-mobile-client-vue3/services/restTools'
+
+const emit = defineEmits(['onSumbit'])
+const xForm = ref(null)
+const id = ref(-1)
+const openid = ref('')
+const instance = getCurrentInstance()
+const xFormInit = ref(false)
+const route = useRoute()
+const configName = route.query.configName as string
+const serviceName = route.query.serviceName as string
+const mode = route.query.mode as string
+const updateData = ref({})
+const title = ref('')
+const groupFormItems = ref({})
+const api = ref('/af-system/logic/commonQuery')
+const updateId = {
+  queryParamsName: 'crud_oper_log_manage',
+  pageNo: 1,
+  pageSize: 20,
+  conditionParams: { o_id: route.params.id as string },
+}
+const loadUpdate = ref(false)
+// const serviceName = ref('af-revenue')
+const _currentEvaluate = {
+  id: null,
+  f_business_name: '',
+  f_evaluate_state: '',
+}
+
+// 组件挂载前获取数据
+onBeforeMount(async () => {
+  if (instance) {
+    id.value = route.params.id as unknown as number
+    openid.value = route.params.openid as string
+    formInit()
+  }
+})
+
+// 组件初始化前的判断
+async function formInit() {
+  getConfigByName(configName, (result) => {
+    groupFormItems.value = result
+    title.value = result.title
+    if (mode === '修改')
+      getUpdateData()
+    xFormInit.value = true
+  }, serviceName)
+}
+
+// 获取配置信息
+function queryData() {
+
+}
+
+// 提交操作
+function onSubmit(params) {
+  // const data = {
+  //   id: currentEvaluate.id,
+  //   f_json: params,
+  //   f_evaluate_date: formatDate(new Date()),
+  //   f_evaluate_state: '已评价',
+  //   f_evaluate_type: '用户评价',
+  //   f_evaluate_userid: openid.value,
+  // }
+  // openApiLogic(data, 'saveEvaluate', formServiveName).then((_res: any) => {
+  //     showDialog({ message: '评价成功了' }).then(() => {history.back()})
+  // }).catch(() => {
+  //   showDialog({ message: '评价失败了' })
+  // })
+  if (params) {
+    emit('onSumbit', params)
+    showDialog({ message: '评价成功了' }).then(() => {
+      history.back()
+    })
+  }
+  else {
+    showDialog({ message: '评价失败了' }).then(() => {
+      history.back()
+    })
+  }
+}
+
+// 查询需要修改的数据
+async function getUpdateData() {
+  if (api.value && updateId) {
+    const res = await post(api.value, updateId)
+    updateData.value = res.data[0]
+  }
+}
+
+</script>
+
+<template>
+  <NormalDataLayout id="XFormView" title="XForm表单">
+    <template #layout_content>
+      <VanSpace direction="vertical" fill>
+        <VanNavBar :title="title ? mode.concat(title) : null" />
+        <XForm
+          v-if="xFormInit"
+          ref="xForm"
+          :group-form-items="JSON.parse(JSON.stringify(groupFormItems))"
+          :service-name="serviceName"
+          :form-data="updateData"
+          :mode="mode"
+          style="margin-bottom: 14px;"
+          @on-submit="onSubmit"
+        />
+      </VanSpace>
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped>
+.van-doc-demo-block__title {
+  margin: 0;
+  padding: 32px 16px 16px;
+  color: black;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+}
+</style>