af-mobile-client-vue3 1.4.63 → 1.4.64

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

@@ -1,82 +1,78 @@
-<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 { showDialog } from 'vant'
-import { ref } from 'vue'
-import { useRoute } from 'vue-router'
-
-// const configName = ref('reviewFormGroup')
-// const serviceName = ref('af-revenue')
-
-// 纯表单
-// const configName = ref('form_check_test')
-// const serviceName = ref('af-system')
-
-// const configName = ref("计划下发Form")
-// const serviceName = ref("af-linepatrol")
-
-// 表单组
-const configName = ref('lngChargeAuditMobileFormGroup')
-const serviceName = ref('af-gaslink')
-
-const formData = ref({})
-const formGroup = ref(null)
-const route = useRoute()
-const isInit = ref(false)
-function submit(_result) {
-  showDialog({ message: '提交成功' }).then(() => {
-    console.log('12121')
-    // 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' }
-// }
-
-// function initComponents() {
-//   runLogic('getlngChargeAuditMobileFormGroupData', { id: route.query?.id, o_id: route.query?.o_id }, 'af-gaslink').then((res) => {
-//     console.log('res------', res)
-//     formData.value = { ...res }
-// formGroup.value.init({
-//   configName: configName.value,
-//   serviceName: serviceName.value,
-//   groupFormData: { ...res },
-//   mode: "新增"
-// })
-//     isInit.value = true
-//   })
-// }
-
-// onBeforeMount(() => {
-//   initComponents()
-// })
-</script>
-
-<template>
-  <NormalDataLayout id="XFormGroupView" title="纯表单">
-    <template #layout_content>
-      <!--      v-if="isInit" -->
-      <XFormGroup
-        ref="formGroup"
-        config-name="ApplyAddContractFormGroup"
-        service-name="af-apply"
-        :group-form-data="formData"
-        mode="新增"
-        @submit="submit"
-      />
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<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 { showDialog } from 'vant'
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+// 纯表单
+const configName = ref('form_check_test')
+const serviceName = ref('af-system')
+
+// const configName = ref("计划下发Form")
+// const serviceName = ref("af-linepatrol")
+
+// 表单组
+// const configName = ref('lngChargeAuditMobileFormGroup')
+// const serviceName = ref('af-gaslink')
+
+const formData = ref({})
+const formGroup = ref(null)
+const route = useRoute()
+const isInit = ref(false)
+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' }
+// }
+
+// function initComponents() {
+//   runLogic('getlngChargeAuditMobileFormGroupData', { id: route.query?.id, o_id: route.query?.o_id }, 'af-gaslink').then((res) => {
+//     console.log('res------', res)
+//     formData.value = { ...res }
+// formGroup.value.init({
+//   configName: configName.value,
+//   serviceName: serviceName.value,
+//   groupFormData: { ...res },
+//   mode: "新增"
+// })
+//     isInit.value = true
+//   })
+// }
+
+// onBeforeMount(() => {
+//   initComponents()
+// })
+</script>
+
+<template>
+  <NormalDataLayout id="XFormGroupView" title="纯表单">
+    <template #layout_content>
+      <!--      v-if="isInit" -->
+      <XFormGroup
+        ref="formGroup"
+        :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,46 +1,41 @@
-<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 { ref } from 'vue'
-import {
-  Button as VanButton,
-} from 'vant'
-
-const configName = ref('测试Form')
-const serviceName = ref('af-safecheck')
-const formGroupAddConstruction = ref()
-
-// 提交测试
-function onSubmit(form) {
-  console.log('事件触发提交表单----', form)
-}
-async function onAsyncSubmit() {
-  const res = await formGroupAddConstruction.value.asyncSubmit()
-  console.log('异步提交表单----', res)
-}
-function emitFunc(func, data) {
-  console.log('emitFunc:', func, data)
-}
-</script>
-
-<template>
-  <NormalDataLayout id="XFormGroupView" title="纯表单">
-    <template #layout_content>
-      <XForm
-        ref="formGroupAddConstruction"
-        mode="新增"
-        :config-name="configName"
-        :show-tab-header="false"
-        service-name="af-safecheck"
-        :is-group-form="true"
-        @on-submit="onSubmit"
-        @x-form-item-emit-func="emitFunc"
-      />
-    </template>
-  </NormalDataLayout>
-  <van-button type="primary" @click="onAsyncSubmit">提交</van-button>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<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 { ref } from 'vue'
+
+const configName = ref('ceshiForm')
+const serviceName = ref('af-system')
+
+const formGroupAddConstruction = ref(null)
+const formData = ref({
+  'YYYY': '2025-09-08 16:03:22',
+  'YYYY-MM': '2025-09-08 16:03:22',
+  'YYYY-MM-DD': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHH': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHHMM': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHHMMSS': '2025-09-08 16:03:22',
+})
+
+function onSubmit(data: any) {
+  console.warn('提交表单', data)
+}
+</script>
+
+<template>
+  <NormalDataLayout id="XFormGroupView" title="纯表单">
+    <template #layout_content>
+      <XForm
+        ref="formGroupAddConstruction"
+        mode="修改"
+        :config-name="configName"
+        :service-name="serviceName"
+        :form-data="formData"
+        @on-submit="onSubmit"
+      />
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/src/views/external/index.vue

@@ -1,158 +1,158 @@
-<script setup lang="ts">
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-import { getPlatformConfig, getPlatformRoutePrefix } from '@af-mobile-client-vue3/types/platform'
-import {
-  Icon as VanIcon,
-} from 'vant'
-import { computed } from 'vue'
-import { useRouter } from 'vue-router'
-
-const router = useRouter()
-const userStore = useUserStore()
-
-const userInfo = computed(() => userStore.getUserInfo())
-const userName = computed(() => userInfo.value?.name || '外部用户')
-const platformType = computed(() => userStore.getPlatformType())
-const platformConfig = computed(() => getPlatformConfig(platformType.value))
-const userDescription = computed(() =>
-  platformConfig.value?.description || '外部系统访问用户',
-)
-
-function goToProfile() {
-  const routePrefix = getPlatformRoutePrefix(platformType.value)
-  router.push(`${routePrefix}/my`)
-}
-async function clean() {
-  await useUserStore().registerClean()
-}
-</script>
-
-<template>
-  <main class="external_main">
-    <!-- 顶部导航栏 -->
-    <nav class="header_nav">
-      <div class="header_content">
-        <h1 class="main_title">
-          智慧燃气外部系统
-        </h1>
-        <div class="user_section" @click="goToProfile">
-          <VanIcon name="user-o" class="user-icon" />
-        </div>
-      </div>
-    </nav>
-
-    <!-- 主要内容区域 -->
-    <div class="content">
-      <!-- 用户信息卡片 -->
-      <div class="user-card">
-        <div class="user-content">
-          <div class="user-info">
-            <VanIcon name="user-circle-o" size="64" color="#3b82f6" />
-            <h2 class="user-name">
-              {{ userName }}
-            </h2>
-            <p class="user-desc">
-              {{ userDescription }}
-            </p>
-            <p v-if="platformConfig" class="platform-name">
-              {{ platformConfig.name }}
-            </p>
-            <p class="platform-name" @click="clean">
-              清理缓存
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</template>
-
-<style scoped lang="less">
-.external_main {
-  min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-
-  .header_nav {
-    background: rgba(255, 255, 255, 0.95);
-    backdrop-filter: blur(10px);
-    padding: 0 16px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-
-    .header_content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 56px;
-
-      .main_title {
-        font-size: 1.125rem;
-        font-weight: 600;
-        color: #333;
-        margin: 0;
-      }
-
-      .user_section {
-        padding: 8px;
-        cursor: pointer;
-        border-radius: 50%;
-        background: rgba(59, 130, 246, 0.1);
-        transition: all 0.3s ease;
-
-        &:active {
-          background: rgba(59, 130, 246, 0.2);
-        }
-
-        .user-icon {
-          font-size: 20px;
-          color: #3b82f6;
-        }
-      }
-    }
-  }
-
-  .content {
-    padding: 24px 16px;
-    display: flex;
-    justify-content: center;
-
-    .user-card {
-      width: 100%;
-      max-width: 400px;
-      border-radius: 12px;
-      overflow: hidden;
-      background: rgba(255, 255, 255, 0.95);
-      backdrop-filter: blur(10px);
-
-      :deep(.van-card__content) {
-        padding: 32px 24px;
-      }
-
-      .user-content {
-        .user-info {
-          text-align: center;
-
-          .user-name {
-            font-size: 24px;
-            font-weight: 600;
-            color: #333;
-            margin: 16px 0 8px 0;
-          }
-
-          .user-desc {
-            font-size: 14px;
-            color: #666;
-            margin: 0;
-          }
-
-          .platform-name {
-            font-size: 12px;
-            color: #3b82f6;
-            margin: 4px 0 0 0;
-            font-weight: 500;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { getPlatformConfig, getPlatformRoutePrefix } from '@af-mobile-client-vue3/types/platform'
+import {
+  Icon as VanIcon,
+} from 'vant'
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const userStore = useUserStore()
+
+const userInfo = computed(() => userStore.getUserInfo())
+const userName = computed(() => userInfo.value?.name || '外部用户')
+const platformType = computed(() => userStore.getPlatformType())
+const platformConfig = computed(() => getPlatformConfig(platformType.value))
+const userDescription = computed(() =>
+  platformConfig.value?.description || '外部系统访问用户',
+)
+
+function goToProfile() {
+  const routePrefix = getPlatformRoutePrefix(platformType.value)
+  router.push(`${routePrefix}/my`)
+}
+async function clean() {
+  await useUserStore().registerClean()
+}
+</script>
+
+<template>
+  <main class="external_main">
+    <!-- 顶部导航栏 -->
+    <nav class="header_nav">
+      <div class="header_content">
+        <h1 class="main_title">
+          智慧燃气外部系统
+        </h1>
+        <div class="user_section" @click="goToProfile">
+          <VanIcon name="user-o" class="user-icon" />
+        </div>
+      </div>
+    </nav>
+
+    <!-- 主要内容区域 -->
+    <div class="content">
+      <!-- 用户信息卡片 -->
+      <div class="user-card">
+        <div class="user-content">
+          <div class="user-info">
+            <VanIcon name="user-circle-o" size="64" color="#3b82f6" />
+            <h2 class="user-name">
+              {{ userName }}
+            </h2>
+            <p class="user-desc">
+              {{ userDescription }}
+            </p>
+            <p v-if="platformConfig" class="platform-name">
+              {{ platformConfig.name }}
+            </p>
+            <p class="platform-name" @click="clean">
+              清理缓存
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.external_main {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+
+  .header_nav {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    padding: 0 16px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+
+    .header_content {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 56px;
+
+      .main_title {
+        font-size: 1.125rem;
+        font-weight: 600;
+        color: #333;
+        margin: 0;
+      }
+
+      .user_section {
+        padding: 8px;
+        cursor: pointer;
+        border-radius: 50%;
+        background: rgba(59, 130, 246, 0.1);
+        transition: all 0.3s ease;
+
+        &:active {
+          background: rgba(59, 130, 246, 0.2);
+        }
+
+        .user-icon {
+          font-size: 20px;
+          color: #3b82f6;
+        }
+      }
+    }
+  }
+
+  .content {
+    padding: 24px 16px;
+    display: flex;
+    justify-content: center;
+
+    .user-card {
+      width: 100%;
+      max-width: 400px;
+      border-radius: 12px;
+      overflow: hidden;
+      background: rgba(255, 255, 255, 0.95);
+      backdrop-filter: blur(10px);
+
+      :deep(.van-card__content) {
+        padding: 32px 24px;
+      }
+
+      .user-content {
+        .user-info {
+          text-align: center;
+
+          .user-name {
+            font-size: 24px;
+            font-weight: 600;
+            color: #333;
+            margin: 16px 0 8px 0;
+          }
+
+          .user-desc {
+            font-size: 14px;
+            color: #666;
+            margin: 0;
+          }
+
+          .platform-name {
+            font-size: 12px;
+            color: #3b82f6;
+            margin: 4px 0 0 0;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+</style>