af-mobile-client-vue3 1.0.90 → 1.0.92-appraise

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,169 @@
+<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 {
+  NavBar as VanNavBar,
+  Space as VanSpace,
+  Row as VanRow,
+  Loading as VanLoading,
+  CellGroup as VanCellGroup,
+  Cell as VanCell,
+  Swipe as VanSwipe,
+  SwipeItem as VanSwipeItem
+} from 'vant'
+import { useRoute } from "vue-router";
+import {onMounted,ref,getCurrentInstance} from 'vue'
+import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
+import {openApiLogic} from "@af-mobile-client-vue3/services/api/common"
+import {showDialog} from "vant/lib";
+import {formatDate} from '@af-mobile-client-vue3/hooks/useCommon'
+let xForm = ref()
+const xFormInit = ref(false)
+const mode = ref('')
+let loading = ref(true)
+const groupFormItems = ref({})
+const formData = ref({})
+let id = ref(-1)
+let openid = ref('')
+const instance = getCurrentInstance();
+let route = useRoute()
+let serviceName = ref('af-revenue')
+let images = ref([banner1, banner2])
+let currentEvaluate = {
+  id: null,
+  f_business_name: '',
+  f_evaluate_state: ''
+}
+onMounted(()=>{
+  if (instance) {
+    id.value = route.params.id as unknown as number
+    openid.value = <string>route.params.openid
+    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) => {
+    console.log('打印res', res)
+    if (res.row && res.config) {
+      Object.assign(currentEvaluate, res.row)
+      if (currentEvaluate.f_evaluate_state === '已评价') {
+        // await showDialog({message: '该纪录已经被评价过了'})
+        // closeWindows()
+        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) {
+  let 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() {
+  let ua = window.navigator.userAgent.toLowerCase();
+  if (ua.indexOf('micromessenger') !== -1) {
+    WeixinJSBridge.call('closeWindow')
+  } else {
+    //关闭页面
+    if (navigator.userAgent.indexOf('Firefox') != -1 || navigator.userAgent.indexOf('Chrome')!= -1) {
+      window.open('about:blank', '_self')
+      window.close()
+    } else {
+      window.opener = null
+      window.open('', '_self')
+      window.close()
+    }
+  }
+}
+</script>
+
+<template>
+  <van-nav-bar
+    :title="mode === '预览' ? '服务评价纪录' : '服务评价'"
+  />
+  <van-swipe class="my-swipe" height="150" :autoplay="3000" lazy-render indicator-color="#7b7c7c">
+    <van-swipe-item v-for="image in images" :key="image">
+      <img :src="image" />
+    </van-swipe-item>
+  </van-swipe>
+  <van-row justify="center" v-show="loading">
+    <van-loading type="spinner" color="#1989fa" />
+  </van-row>
+  <van-space direction="vertical" fill v-show="!loading">
+    <van-cell-group inset>
+      <van-cell title="业务办理人" :value="currentEvaluate.f_business_agent" />
+      <van-cell title="业务类型" :value="currentEvaluate.f_business_type" />
+      <van-cell title="业务名称" :value="currentEvaluate.f_business_name" />
+    </van-cell-group>
+    <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"
+      @onSubmit="onSubmit">
+    </x-form>
+  </van-space>
+</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() {