af-mobile-client-vue3 1.0.90 → 1.0.93

package/src/main.ts

@@ -1,13 +1,15 @@
-import { createApp } from 'vue'
-import { createHead } from '@unhead/vue'
-import bootstrap from '@af-mobile-client-vue3/bootstrap'
 import App from '@af-mobile-client-vue3/App.vue'
+import bootstrap from '@af-mobile-client-vue3/bootstrap'
+import Plugins from '@af-mobile-client-vue3/plugins'
 import router from '@af-mobile-client-vue3/router'
 import pinia from '@af-mobile-client-vue3/stores'
+import { createHead } from '@unhead/vue/client'
+import { createApp } from 'vue'
 import 'virtual:uno.css'
 import '@af-mobile-client-vue3/styles/app.less'
 import 'vant/lib/index.css'
 import 'vant/lib/tabbar/index.css'
+
 import 'vant/lib/tabbar-item/index.css'
 
 // svg icon
@@ -15,7 +17,6 @@ import 'virtual:svg-icons-register'
 
 // Vant 桌面端适配
 import '@vant/touch-emulator'
-
 /* --------------------------------
 Vant 中有个别组件是以函数的形式提供的，
 包括 Toast，Dialog，Notify 和 ImagePreview 组件。
@@ -26,7 +27,6 @@ import 'vant/es/toast/style'
 import 'vant/es/dialog/style'
 import 'vant/es/notify/style'
 import 'vant/es/image-preview/style'
-import Plugins from '@af-mobile-client-vue3/plugins'
 
 const app = createApp(App)
 const head = createHead()

package/src/router/routes.ts

@@ -4,6 +4,7 @@ import XCellListView from '@af-mobile-client-vue3/views/component/XCellListView/
 import XCellDetailView from '@af-mobile-client-vue3/views/component/XCellDetailView/index.vue'
 import XReportFormView from '@af-mobile-client-vue3/views/component/XReportFormView/index.vue'
 import XFormView from '@af-mobile-client-vue3/views/component/XFormView/index.vue'
+import XFormAppraiseView from '@af-mobile-client-vue3/views/component/XFormAppraiseView/index.vue'
 import EvaluateRecordView from '@af-mobile-client-vue3/views/component/EvaluateRecordView/index.vue'
 import XReportFormIframeView from '@af-mobile-client-vue3/views/component/XReportFormIframeView/index.vue'
 import PageLayout from '@af-mobile-client-vue3/layout/PageLayout.vue'
@@ -86,6 +87,11 @@ const routes: Array<RouteRecordRaw> = [
       //   }),
       //   meta:{ title: '新增/修改表单' }
       // },
+      {
+        path: '/Component/XFormAppraiseView/:id/:openid',
+        name: 'XFormAppraiseView',
+        component: XFormAppraiseView
+      },
       {
         path: '/Component/XFormView/:id/:openid',
         name: 'XFormView',

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

@@ -12,8 +12,8 @@ const router = useRouter()
 const idKey = ref('o_id')
 
 // 简易crud表单测试
-const configName = ref('orderCarInMobileCRUD')
-const serviceName = ref('af-gaslink')
+const configName = ref('crud_oper_log_manage')
+const serviceName = ref('af-system')
 
 // 资源权限测试
 // const configName = ref('crud_sources_test')

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

@@ -0,0 +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 {
+  Cell as VanCell,
+  CellGroup as VanCellGroup,
+  Loading as VanLoading,
+  NavBar as VanNavBar,
+  Row as VanRow,
+  Space as VanSpace,
+  Swipe as VanSwipe,
+  SwipeItem as VanSwipeItem,
+  showDialog,
+} from 'vant'
+import { useRoute } from 'vue-router'
+import { getCurrentInstance, onMounted, ref } from 'vue'
+import { openApiLogic } from '@af-mobile-client-vue3/services/api/common'
+import { formatDate } from '@af-mobile-client-vue3/hooks/useCommon'
+
+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 WeixinJSBridge !== 'undefined') {
+    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

@@ -63,8 +63,8 @@ function submit(_result) {
       <!--      v-if="isInit" -->
       <XFormGroup
         ref="formGroup"
-        config-name="lngOrderCarInFormGroup"
-        service-name="af-gaslink"
+        :config-name="configName"
+        :service-name="serviceName"
         :group-form-data="formData"
         mode="新增"
         @submit="submit"

package/src/views/component/index.vue

@@ -42,6 +42,10 @@ const list = ref([
     name: 'XReportGridView 栅格组件',
     to: '/Component/XReportGridView',
   },
+  {
+    name: 'XFormAppraise 表单',
+    to: '/Component/XFormAppraiseView/2/debug',
+  },
 ])
 
 function cleanConfigCache() {