af-mobile-client-vue3 1.3.29 → 1.3.31

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

@@ -1,174 +1,174 @@
-<script setup lang="ts">
-import banner1 from '@af-mobile-client-vue3/assets/img/banner/appraise-banner-1.png'
-import banner2 from '@af-mobile-client-vue3/assets/img/banner/appraise-banner-2.png'
-
-import { formatDate } from '@af-mobile-client-vue3/hooks/useCommon'
-import { openApiLogic } from '@af-mobile-client-vue3/services/api/common'
-import {
-  showDialog,
-  Cell as VanCell,
-  CellGroup as VanCellGroup,
-  Loading as VanLoading,
-  NavBar as VanNavBar,
-  Row as VanRow,
-  Space as VanSpace,
-  Swipe as VanSwipe,
-  SwipeItem as VanSwipeItem,
-} from 'vant'
-import { getCurrentInstance, onMounted, ref } from 'vue'
-import { useRoute } from 'vue-router'
-
-const xForm = ref()
-const xFormInit = ref(false)
-const mode = ref('')
-const loading = ref(true)
-const groupFormItems = ref({})
-const formData = ref({})
-const id = ref(-1)
-const openid = ref('')
-const instance = getCurrentInstance()
-const route = useRoute()
-const serviceName = ref('af-revenue')
-const images = ref([banner1, banner2])
-const currentEvaluate = {
-  id: null,
-  f_business_name: '',
-  f_evaluate_state: '',
-  f_business_agent: '',
-  f_business_type: '',
-}
-onMounted(() => {
-  if (instance) {
-    id.value = route.params.id as unknown as number
-    openid.value = route.params.openid as string
-    formInit()
-  }
-})
-
-async function formInit() {
-  if (id.value > 0) {
-    queryData()
-  }
-  else {
-    // 没有id 直接提示用户不存在，返回上一级
-    await showDialog({ message: '评价信息缺少参数，找不到对应评价信息' })
-    closeWindows()
-  }
-}
-function queryData() {
-  openApiLogic({
-    id: id.value,
-  }, 'getEvalConfigById', serviceName.value).then(async (res: any) => {
-    if (res.row && res.config) {
-      Object.assign(currentEvaluate, res.row)
-      if (currentEvaluate.f_evaluate_state === '已评价') {
-        mode.value = '预览'
-        formData.value = res.row.f_json ? JSON.parse(res.row.f_json) : {}
-      }
-      groupFormItems.value = res.config
-      xFormInit.value = true
-      loading.value = false
-    }
-    else {
-      await showDialog({ message: res.msg })
-      closeWindows()
-    }
-  }).catch(() => {
-    showDialog({ message: '查询评价信息失败了' })
-  })
-}
-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', serviceName.value).then(async (res: any) => {
-    if (res.id) {
-      await showDialog({ message: '评价成功了' })
-      closeWindows()
-    }
-    else {
-      await showDialog({ message: '评价失败了' })
-    }
-  }).catch(() => {
-    showDialog({ message: '评价失败了' })
-  })
-}
-function closeWindows() {
-  const ua = window.navigator.userAgent.toLowerCase()
-  if (ua.includes('micromessenger') && typeof (window as any).WeixinJSBridge !== 'undefined') {
-    (window as any).WeixinJSBridge.call('closeWindow')
-  }
-  else {
-    // 关闭页面
-    if (navigator.userAgent.includes('Firefox') || navigator.userAgent.includes('Chrome')) {
-      window.open('about:blank', '_self')
-      window.close()
-    }
-    else {
-      window.opener = null
-      window.open('', '_self')
-      window.close()
-    }
-  }
-}
-</script>
-
-<template>
-  <VanNavBar
-    :title="mode === '预览' ? '服务评价纪录' : '服务评价'"
-  />
-  <VanSwipe class="my-swipe" height="150" :autoplay="3000" lazy-render indicator-color="#7b7c7c">
-    <VanSwipeItem v-for="image in images" :key="image">
-      <img :src="image">
-    </VanSwipeItem>
-  </VanSwipe>
-  <VanRow v-show="loading" justify="center">
-    <VanLoading type="spinner" color="#1989fa" />
-  </VanRow>
-  <VanSpace v-show="!loading" direction="vertical" fill>
-    <VanCellGroup inset>
-      <VanCell title="业务办理人" :value="currentEvaluate.f_business_agent" />
-      <VanCell title="业务类型" :value="currentEvaluate.f_business_type" />
-      <VanCell title="业务名称" :value="currentEvaluate.f_business_name" />
-    </VanCellGroup>
-    <x-form
-      v-if="xFormInit"
-      ref="xForm"
-      style="margin-bottom: 14px;"
-      :group-form-items="JSON.parse(JSON.stringify(groupFormItems))"
-      :service-name="serviceName"
-      :form-data="formData"
-      :mode="mode"
-      @on-submit="onSubmit"
-    />
-  </VanSpace>
-</template>
-
-<style scoped>
-.van-cell-group--inset .van-cell::after {
-  border-bottom: 1px dashed #c0c2c2 !important; /* 虚线 + 颜色 */
-  left: 16px; /* 保持 inset 分组缩进 */
-  right: 16px;
-}
-.my-swipe .van-swipe-item {
-  border-radius: 8px;
-  box-sizing: border-box;
-  padding: 8px; /* 让图片和边框有间距 */
-}
-
-.my-swipe .van-swipe-item img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain; /* 保持图片比例 */
-  border-radius: 4px; /* 可选：图片圆角 */
-}
-img {
-  overflow-clip-margin: content-box;
-  overflow: clip;
-}
-</style>
+<script setup lang="ts">
+import banner1 from '@af-mobile-client-vue3/assets/img/banner/appraise-banner-1.png'
+import banner2 from '@af-mobile-client-vue3/assets/img/banner/appraise-banner-2.png'
+
+import { formatDate } from '@af-mobile-client-vue3/hooks/useCommon'
+import { openApiLogic } from '@af-mobile-client-vue3/services/api/common'
+import {
+  showDialog,
+  Cell as VanCell,
+  CellGroup as VanCellGroup,
+  Loading as VanLoading,
+  NavBar as VanNavBar,
+  Row as VanRow,
+  Space as VanSpace,
+  Swipe as VanSwipe,
+  SwipeItem as VanSwipeItem,
+} from 'vant'
+import { getCurrentInstance, onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+const xForm = ref()
+const xFormInit = ref(false)
+const mode = ref('')
+const loading = ref(true)
+const groupFormItems = ref({})
+const formData = ref({})
+const id = ref(-1)
+const openid = ref('')
+const instance = getCurrentInstance()
+const route = useRoute()
+const serviceName = ref('af-revenue')
+const images = ref([banner1, banner2])
+const currentEvaluate = {
+  id: null,
+  f_business_name: '',
+  f_evaluate_state: '',
+  f_business_agent: '',
+  f_business_type: '',
+}
+onMounted(() => {
+  if (instance) {
+    id.value = route.params.id as unknown as number
+    openid.value = route.params.openid as string
+    formInit()
+  }
+})
+
+async function formInit() {
+  if (id.value > 0) {
+    queryData()
+  }
+  else {
+    // 没有id 直接提示用户不存在，返回上一级
+    await showDialog({ message: '评价信息缺少参数，找不到对应评价信息' })
+    closeWindows()
+  }
+}
+function queryData() {
+  openApiLogic({
+    id: id.value,
+  }, 'getEvalConfigById', serviceName.value).then(async (res: any) => {
+    if (res.row && res.config) {
+      Object.assign(currentEvaluate, res.row)
+      if (currentEvaluate.f_evaluate_state === '已评价') {
+        mode.value = '预览'
+        formData.value = res.row.f_json ? JSON.parse(res.row.f_json) : {}
+      }
+      groupFormItems.value = res.config
+      xFormInit.value = true
+      loading.value = false
+    }
+    else {
+      await showDialog({ message: res.msg })
+      closeWindows()
+    }
+  }).catch(() => {
+    showDialog({ message: '查询评价信息失败了' })
+  })
+}
+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', serviceName.value).then(async (res: any) => {
+    if (res.id) {
+      await showDialog({ message: '评价成功了' })
+      closeWindows()
+    }
+    else {
+      await showDialog({ message: '评价失败了' })
+    }
+  }).catch(() => {
+    showDialog({ message: '评价失败了' })
+  })
+}
+function closeWindows() {
+  const ua = window.navigator.userAgent.toLowerCase()
+  if (ua.includes('micromessenger') && typeof (window as any).WeixinJSBridge !== 'undefined') {
+    (window as any).WeixinJSBridge.call('closeWindow')
+  }
+  else {
+    // 关闭页面
+    if (navigator.userAgent.includes('Firefox') || navigator.userAgent.includes('Chrome')) {
+      window.open('about:blank', '_self')
+      window.close()
+    }
+    else {
+      window.opener = null
+      window.open('', '_self')
+      window.close()
+    }
+  }
+}
+</script>
+
+<template>
+  <VanNavBar
+    :title="mode === '预览' ? '服务评价纪录' : '服务评价'"
+  />
+  <VanSwipe class="my-swipe" height="150" :autoplay="3000" lazy-render indicator-color="#7b7c7c">
+    <VanSwipeItem v-for="image in images" :key="image">
+      <img :src="image">
+    </VanSwipeItem>
+  </VanSwipe>
+  <VanRow v-show="loading" justify="center">
+    <VanLoading type="spinner" color="#1989fa" />
+  </VanRow>
+  <VanSpace v-show="!loading" direction="vertical" fill>
+    <VanCellGroup inset>
+      <VanCell title="业务办理人" :value="currentEvaluate.f_business_agent" />
+      <VanCell title="业务类型" :value="currentEvaluate.f_business_type" />
+      <VanCell title="业务名称" :value="currentEvaluate.f_business_name" />
+    </VanCellGroup>
+    <x-form
+      v-if="xFormInit"
+      ref="xForm"
+      style="margin-bottom: 14px;"
+      :group-form-items="JSON.parse(JSON.stringify(groupFormItems))"
+      :service-name="serviceName"
+      :form-data="formData"
+      :mode="mode"
+      @on-submit="onSubmit"
+    />
+  </VanSpace>
+</template>
+
+<style scoped>
+.van-cell-group--inset .van-cell::after {
+  border-bottom: 1px dashed #c0c2c2 !important; /* 虚线 + 颜色 */
+  left: 16px; /* 保持 inset 分组缩进 */
+  right: 16px;
+}
+.my-swipe .van-swipe-item {
+  border-radius: 8px;
+  box-sizing: border-box;
+  padding: 8px; /* 让图片和边框有间距 */
+}
+
+.my-swipe .van-swipe-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain; /* 保持图片比例 */
+  border-radius: 4px; /* 可选：图片圆角 */
+}
+img {
+  overflow-clip-margin: content-box;
+  overflow: clip;
+}
+</style>

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

@@ -1,78 +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('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>
+<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,27 +1,27 @@
-<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('AddConstructionForm')
-const serviceName = ref('af-linepatrol')
-
-const formGroupAddConstruction = ref(null)
-</script>
-
-<template>
-  <NormalDataLayout id="XFormGroupView" title="纯表单">
-    <template #layout_content>
-      <XForm
-        ref="formGroupAddConstruction"
-        mode="新增"
-        :config-name="configName"
-        :service-name="serviceName"
-      />
-    </template>
-  </NormalDataLayout>
-</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('AddConstructionForm')
+const serviceName = ref('af-linepatrol')
+
+const formGroupAddConstruction = ref(null)
+</script>
+
+<template>
+  <NormalDataLayout id="XFormGroupView" title="纯表单">
+    <template #layout_content>
+      <XForm
+        ref="formGroupAddConstruction"
+        mode="新增"
+        :config-name="configName"
+        :service-name="serviceName"
+      />
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+
+</style>