af-mobile-client-vue3 1.0.89 → 1.0.91

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

@@ -1,123 +1,127 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import {
-  Cell as VanCell,
-  List as VanList,
-  showToast,
-} from 'vant'
-import { indexedDB } from '@af-mobile-client-vue3/utils/indexedDB'
-import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
-
-// 列表详情页的路由  '/Component/XCellDetailView/:id'
-const list = ref([
-  {
-    name: 'XCellList 单元格列表',
-    to: '/Component/XCellListView',
-  },
-  {
-    name: 'XReportForm 报表表单',
-    to: '/Component/XReportFormView',
-  },
-  {
-    name: 'XCellDetail 列表详情页',
-    to: '/Component/XCellDetailView/0',
-  },
-  {
-    name: 'XForm 表单',
-    to: '/Component/XFormView/1/debug',
-  },
-  {
-    name: '操作卡手机端',
-    to: '/Component/XReportFormView',
-  },
-  {
-    name: '评论记录列表',
-    to: '/Component/EvaluateRecordView',
-  },
-  {
-    name: 'XSignature 签名组件',
-    to: '/Component/XSignatureView',
-  },
-  {
-    name: 'XReportGridView 栅格组件',
-    to: '/Component/XReportGridView',
-  },
-])
-
-function cleanConfigCache() {
-  // 清除indexedDB缓存
-  indexedDB.clear()
-  showToast({
-    message: '操作成功',
-  })
-}
-
-async function logout() {
-  await useUserStore().logout()
-}
-</script>
-
-<template>
-  <main class="home_main">
-    <h1 class="home_title">
-      <img src="@af-mobile-client-vue3/assets/img/component/logo.png" alt="logo">
-      <span>Vue3-Client</span>
-    </h1>
-    <span class="home_desc">基于Vant4的移动端组件库扩展</span>
-    <div class="home_component_main">
-      <span class="home_desc">配置化组件</span>
-      <VanList>
-        <VanCell v-for="item in list" :key="item.name" :title="item.name" is-link :to="item.to" />
-      </VanList>
-      <span class="home_desc">开发者工具</span>
-      <VanList>
-        <VanCell key="clean_config_cache" title="清除配置缓存" @click="cleanConfigCache" />
-        <VanCell key="clean_config_cache" title="退出登录" @click="logout" />
-      </VanList>
-    </div>
-  </main>
-</template>
-
-<style scoped lang="less">
-.home_main {
-  width: 100vw;
-  height: 100%;
-  padding: var(--base-interval-2);
-  background-color: #eff2f5;
-  .home_title {
-    margin: 0 0 10px;
-    font-size: 30px;
-    font-weight: 400;
-    color: rgb(50, 50, 51);
-    img {
-      vertical-align: middle;
-      width: 46px;
-      height: 46px;
-    }
-    span {
-      margin-left: 12px;
-    }
-  }
-  .home_desc {
-    padding-left: 16px;
-    font-weight: 400;
-    line-height: 1.6;
-    margin: 0 0 40px;
-    color: #969799;
-    font-size: 14px;
-  }
-  .home_component_main {
-    margin-top: 30px;
-    .van-cell {
-      margin: 10px 0;
-      font-weight: 600;
-      border-radius: 99px;
-      color: #34495e;
-      :deep(.van-icon) {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import { ref } from 'vue'
+import {
+  Cell as VanCell,
+  List as VanList,
+  showToast,
+} from 'vant'
+import { indexedDB } from '@af-mobile-client-vue3/utils/indexedDB'
+import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
+
+// 列表详情页的路由  '/Component/XCellDetailView/:id'
+const list = ref([
+  {
+    name: 'XCellList 单元格列表',
+    to: '/Component/XCellListView',
+  },
+  {
+    name: 'XReportForm 报表表单',
+    to: '/Component/XReportFormView',
+  },
+  {
+    name: 'XCellDetail 列表详情页',
+    to: '/Component/XCellDetailView/0',
+  },
+  {
+    name: 'XForm 表单',
+    to: '/Component/XFormView/1/debug',
+  },
+  {
+    name: '操作卡手机端',
+    to: '/Component/XReportFormView',
+  },
+  {
+    name: '评论记录列表',
+    to: '/Component/EvaluateRecordView',
+  },
+  {
+    name: 'XSignature 签名组件',
+    to: '/Component/XSignatureView',
+  },
+  {
+    name: 'XReportGridView 栅格组件',
+    to: '/Component/XReportGridView',
+  },
+  {
+    name: 'XFormAppraise 表单',
+    to: '/Component/XFormAppraiseView/2/debug',
+  },
+])
+
+function cleanConfigCache() {
+  // 清除indexedDB缓存
+  indexedDB.clear()
+  showToast({
+    message: '操作成功',
+  })
+}
+
+async function logout() {
+  await useUserStore().logout()
+}
+</script>
+
+<template>
+  <main class="home_main">
+    <h1 class="home_title">
+      <img src="@af-mobile-client-vue3/assets/img/component/logo.png" alt="logo">
+      <span>Vue3-Client</span>
+    </h1>
+    <span class="home_desc">基于Vant4的移动端组件库扩展</span>
+    <div class="home_component_main">
+      <span class="home_desc">配置化组件</span>
+      <VanList>
+        <VanCell v-for="item in list" :key="item.name" :title="item.name" is-link :to="item.to" />
+      </VanList>
+      <span class="home_desc">开发者工具</span>
+      <VanList>
+        <VanCell key="clean_config_cache" title="清除配置缓存" @click="cleanConfigCache" />
+        <VanCell key="clean_config_cache" title="退出登录" @click="logout" />
+      </VanList>
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.home_main {
+  width: 100vw;
+  height: 100%;
+  padding: var(--base-interval-2);
+  background-color: #eff2f5;
+  .home_title {
+    margin: 0 0 10px;
+    font-size: 30px;
+    font-weight: 400;
+    color: rgb(50, 50, 51);
+    img {
+      vertical-align: middle;
+      width: 46px;
+      height: 46px;
+    }
+    span {
+      margin-left: 12px;
+    }
+  }
+  .home_desc {
+    padding-left: 16px;
+    font-weight: 400;
+    line-height: 1.6;
+    margin: 0 0 40px;
+    color: #969799;
+    font-size: 14px;
+  }
+  .home_component_main {
+    margin-top: 30px;
+    .van-cell {
+      margin: 10px 0;
+      font-weight: 600;
+      border-radius: 99px;
+      color: #34495e;
+      :deep(.van-icon) {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+</style>