af-mobile-client-vue3 1.2.4 → 1.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "packageManager": "pnpm@10.12.3",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/data/XCellList/index.vue

@@ -617,17 +617,14 @@ defineExpose({
                 <VanCol :span="24">
                   <div class="tag-container">
                     <div class="tag-wrapper">
-                      <VanCol
+                      <template
                         v-for="column of tagList"
                         :key="`tag_${column.dataIndex}`"
-                        :span="column.flexSpan"
-                        class="tag-col"
                       >
                         <VanTag
                           :text-color="column.tagColor"
                           :color="column.tagBorderColor"
-                          round
-                          size="medium"
+                          size="large"
                           class="tag-item"
                         >
                           <div class="tag-content">
@@ -640,7 +637,7 @@ defineExpose({
                             />
                           </div>
                         </VanTag>
-                      </VanCol>
+                      </template>
                     </div>
                   </div>
                 </VanCol>
@@ -822,21 +819,10 @@ defineExpose({
           width: 100%;
           margin: 0 -4px;
 
-          .tag-col {
-            display: flex;
-            align-items: center;
-            padding: 0 4px;
-            min-height: 28px;
-          }
-
           .tag-item {
             width: auto;
-            text-align: left;
             font-size: var(--van-font-size-xs);
-            display: flex;
-            align-items: center;
-            margin: 2px 0;
-            justify-content: center;
+            margin: 2px 4px;
             :deep(.van-tag) {
               width: fit-content;
               display: inline-flex;
@@ -847,7 +833,7 @@ defineExpose({
             .tag-content {
               display: flex;
               align-items: center;
-              white-space: nowrap;
+              //white-space: nowrap;
             }
             .tag-icon {
               margin-right: 4px;
@@ -892,21 +878,19 @@ defineExpose({
       .card_item_footer {
         font-size: var(--van-font-size-sm);
         color: var(--van-text-color-2);
-        margin-bottom: 12px;
         padding: 8px 0;
-        border-top: 1px solid rgba(0, 0, 0, 0.04);
-
         .van-col:last-child {
           text-align: right;
         }
-
         .van-col:first-child {
           text-align: left;
         }
       }
 
       .card_item_bottom {
-        margin-top: 4px;
+        margin-top: 12px;
+        padding-top: 12px;
+        border-top: 1px solid rgba(0, 0, 0, 0.06);
 
         .more-button {
           width: 28px;
@@ -933,6 +917,8 @@ defineExpose({
         }
 
         .action-btn {
+          --van-button-primary-border-color: #1890ff;
+          --van-button-primary-background: #1890ff;
           min-width: 76px;
           height: 40px;
           border-radius: 10px;

package/src/components/data/XForm/index.vue

@@ -2,6 +2,7 @@
 import type { FormInstance } from 'vant'
 import XFormItem from '@af-mobile-client-vue3/components/data/XFormItem/index.vue'
 import { addOrModifyEntity } from '@af-mobile-client-vue3/services/api/common'
+import XOlMap from '@af-mobile-client-vue3/components/data/XOlMap/index.vue'
 import { post } from '@af-mobile-client-vue3/services/restTools'
 import {
   showFailToast,
@@ -10,7 +11,7 @@ import {
   CellGroup as VanCellGroup,
   Form as VanForm,
 } from 'vant'
-import { computed, defineEmits, defineProps, onBeforeMount, reactive, ref, watch } from 'vue'
+import { computed, defineEmits, defineProps, nextTick, onBeforeMount, reactive, ref, watch } from 'vue'
 
 interface FormItem {
   addOrEdit: string
@@ -74,6 +75,37 @@ const resolvedSubmitButton = computed(() => {
   return props.submitButton
 })
 
+const previewMapRef = ref(null)
+// 假设你只预览第一个 addressSearch 类型的经纬度
+const previewLonLatKey = computed(() => {
+  const item = realJsonData.value.find(i => i.type === 'addressSearch')
+  return item ? `${item.model}_lon_lat` : null
+})
+const previewMapPoint = computed(() => {
+  const val = form.value[previewLonLatKey.value]
+  if (val && typeof val === 'string' && val.includes(',')) {
+    const [lon, lat] = val.split(',').map(Number)
+    if (!Number.isNaN(lon) && !Number.isNaN(lat)) {
+      return [lon, lat]
+    }
+  }
+  return null
+})
+
+// 地图初始化逻辑
+const previewMapInited = ref(false)
+watch(previewMapPoint, async (val) => {
+  await nextTick()
+  if (val && previewMapRef.value) {
+    if (!previewMapInited.value) {
+      await previewMapRef.value.init({ center: val, zoom: 16, isPreview: true })
+      previewMapInited.value = true
+    }
+    previewMapRef.value.setCenter(val, true)
+    previewMapRef.value.updateLocationMarker(val)
+  }
+}, { immediate: true })
+
 onBeforeMount(() => {
   if (!props.configName && props.groupFormItems) {
     if (props.groupFormItems && props.groupFormItems.tableName) {
@@ -266,6 +298,15 @@ defineExpose({ init, form, formGroupName, validate })
           @set-form="setForm"
         />
       </VanCellGroup>
+      <!-- 地图预览，统一放在表单项下方，只在有经纬度时显示 -->
+      <div v-if="previewMapPoint" style="height: 200px; margin-top: 12px; position: relative;">
+        <XOlMap
+          ref="previewMapRef"
+          :center="previewMapPoint"
+          :style="{ height: '100%' }"
+        />
+        <div class="map-mask" />
+      </div>
     </div>
     <div v-if="resolvedSubmitButton && props.mode !== '预览'" class="form-footer-fixed">
       <VanButton class="action-btn" round block type="primary" native-type="submit">
@@ -298,4 +339,14 @@ defineExpose({ init, form, formGroupName, validate })
     border-radius: 10px;
   }
 }
+.map-mask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: all;
+  background: transparent;
+  z-index: 10;
+}
 </style>

package/src/components/data/XOlMap/index.vue

@@ -48,6 +48,8 @@ const mapParams = ref<InitParams>({})
 
 /** 地图容器引用 */
 const mapRef = ref<HTMLDivElement>()
+/** 是否为预览模式 */
+const preview = ref(false)
 /** 地图实例 */
 let map: Map | null = null
 /** 当前底图类型 */
@@ -104,13 +106,17 @@ function createLocationLayer(): VectorLayer<VectorSource> {
  * 更新位置图标
  */
 function updateLocationMarker(center: [number, number]): void {
-  if (!map || !locationLayer)
+  if (!map) {
     return
-
+  }
+  if (!locationLayer) {
+    locationLayer = createLocationLayer()
+    map?.addLayer(locationLayer)
+  }
   const source = locationLayer.getSource()
-  if (!source)
+  if (!source) {
     return
-
+  }
   // 清除现有图标
   source.clear()
 
@@ -330,8 +336,10 @@ function init(params: InitParams = {}): Promise<void> {
       zoom = 10,
       maxZoom = 18,
       minZoom = 4,
+      isPreview = false,
     } = params
-
+    // 设置预览模式
+    preview.value = isPreview
     try {
       getConfigByName('webConfig', (res) => {
         const tianDiTuKey = res.tianDiTuKey || 'c16876b28898637c0a1a68b3fa410504'
@@ -1031,6 +1039,7 @@ function handleToggleTrackLayer(track: TrackData): void {
 
 // 暴露方法给父组件
 defineExpose({
+  updateLocationMarker,
   init,
   getMap,
   setCenter,
@@ -1071,8 +1080,7 @@ onUnmounted(() => {
 <template>
   <div class="map-wrapper">
     <div ref="mapRef" class="ol-map" />
-    <!-- 添加定位按钮 -->
-    <div class="location-button">
+    <div v-if="!preview" class="location-button">
       <Button size="small" square @click="handleLocation">
         <img
           src="@af-mobile-client-vue3/assets/img/component/location.png"
@@ -1183,7 +1191,7 @@ onUnmounted(() => {
   .ol-map {
     width: 100%;
     height: 100%;
-    min-height: 400px;
+    min-height: 200px;
     touch-action: none;
 
     &:active {

package/src/components/data/XOlMap/types.ts

@@ -14,7 +14,7 @@ export interface PhoneLocationStatus {
   status: string
 
   data: {
-    location: string;
+    location: string
   }
 }
 
@@ -30,6 +30,8 @@ export interface InitParams {
   minZoom?: number
   /** 是否开启地址选择模式 */
   enableLocationPicker?: boolean
+  /** 是否为预览模式（预览时不显示定位按钮） */
+  isPreview?: boolean
 }
 
 /** 点位数据接口 */

package/src/components/data/XReportGrid/XReportDemo.vue

@@ -1,33 +1,33 @@
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import XReport from './XReport.vue'
-
-const mainRef = ref()
-
-onMounted(() => {
-  // 初始化逻辑
-})
-</script>
-
-<template>
-  <div id="test">
-    <van-card :bordered="false">
-      <XReport
-        ref="mainRef"
-        :use-oss-for-img="false"
-        config-name="nurseWorkstationCover"
-        server-name="af-his"
-        :show-img-in-cell="true"
-        :display-only="true"
-        :edit-mode="false"
-        :show-save-button="false"
-        :no-padding="true"
-        :dont-format="true"
-      />
-    </van-card>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import XReport from './XReport.vue'
+
+const mainRef = ref()
+
+onMounted(() => {
+  // 初始化逻辑
+})
+</script>
+
+<template>
+  <div id="test">
+    <van-card :bordered="false">
+      <XReport
+        ref="mainRef"
+        :use-oss-for-img="false"
+        config-name="nurseWorkstationCover"
+        server-name="af-his"
+        :show-img-in-cell="true"
+        :display-only="true"
+        :edit-mode="false"
+        :show-save-button="false"
+        :no-padding="true"
+        :dont-format="true"
+      />
+    </van-card>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/src/components/data/XReportGrid/print.js

@@ -1,184 +1,184 @@
-// print.js
-
-export function printElement(elementToPrint) {
-  // 创建一个新的浏览器窗口
-  const printWindow = window.open('', '_blank', 'height=1024,width=768')
-  // 设置新窗口的文档内容
-  printWindow.document.write(`
-    <html>
-      <head>
-        <title>Print</title>
-        <style>
-          @page {
-            size: auto;
-            margin: 0mm;
-          }
-          html, body {
-            margin: 0;
-            padding: 0;
-            width: 100%;
-            height: 100%;
-          }
-          #print-container {
-            display: none
-          }
-          .img{
-            width: 95%;
-            height: 180px;
-            object-fit: cover;
-          }
-          .reportMain {
-            text-align: center;
-            margin: 0 auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-              margin-bottom: 1%;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-between;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-              text-align: center;
-            }
-          }
-          .reportMainForDisplay {
-            text-align: center;
-            margin: 10% auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-around;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-            }
-          }
-          .reportMainNoPadding {
-            text-align: center;
-            margin: 0 auto;
-            font-size: 16px;
-            color: #000;
-            background-color: #fff;
-            border-radius: 8px;
-
-            .reportTitle {
-              font-weight: bold;
-            }
-
-            .subTitle {
-              display: flex;
-              justify-content: space-between;
-
-              .subTitleItems {
-                max-width: 30%;
-              }
-            }
-
-            .inputsDiv {
-              display: flex;
-              justify-content: space-between;
-              .inputsDivItem {
-                display: flex;
-                align-items: center;
-                padding: 0 4px;
-                white-space: nowrap;
-                .inputsDivItemLabel {
-                  padding: 0 4px;
-                }
-              }
-            }
-
-            .reportTable {
-              width: 100%;
-              border-collapse: collapse;
-              table-layout:fixed;
-              word-break:break-all;
-            }
-          }
-          .tools{
-            position: fixed;
-            right: 2%;
-            text-align: right;
-            width: 60%;
-            cursor: pointer;
-            .toolsItem{
-              width: 15%;
-              margin-right: 3%;
-              display: inline-block;
-            }
-          }
-        </style>
-      </head>
-      <body>
-        <!-- 将需要打印的元素内容复制到新窗口中 -->
-        ${elementToPrint.innerHTML}
-      </body>
-    </html>
-  `)
-  // 延迟执行打印，以确保新窗口的内容已加载完成
-  printWindow.document.close() // 关闭文档流，确保内容完全加载
-  setTimeout(() => {
-    printWindow.print() // 调用打印方法
-    printWindow.close()
-  }, 500) // 延迟500毫秒后执行打印
-}
+// print.js
+
+export function printElement(elementToPrint) {
+  // 创建一个新的浏览器窗口
+  const printWindow = window.open('', '_blank', 'height=1024,width=768')
+  // 设置新窗口的文档内容
+  printWindow.document.write(`
+    <html>
+      <head>
+        <title>Print</title>
+        <style>
+          @page {
+            size: auto;
+            margin: 0mm;
+          }
+          html, body {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+          }
+          #print-container {
+            display: none
+          }
+          .img{
+            width: 95%;
+            height: 180px;
+            object-fit: cover;
+          }
+          .reportMain {
+            text-align: center;
+            margin: 0 auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+              margin-bottom: 1%;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-between;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+              text-align: center;
+            }
+          }
+          .reportMainForDisplay {
+            text-align: center;
+            margin: 10% auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-around;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+            }
+          }
+          .reportMainNoPadding {
+            text-align: center;
+            margin: 0 auto;
+            font-size: 16px;
+            color: #000;
+            background-color: #fff;
+            border-radius: 8px;
+
+            .reportTitle {
+              font-weight: bold;
+            }
+
+            .subTitle {
+              display: flex;
+              justify-content: space-between;
+
+              .subTitleItems {
+                max-width: 30%;
+              }
+            }
+
+            .inputsDiv {
+              display: flex;
+              justify-content: space-between;
+              .inputsDivItem {
+                display: flex;
+                align-items: center;
+                padding: 0 4px;
+                white-space: nowrap;
+                .inputsDivItemLabel {
+                  padding: 0 4px;
+                }
+              }
+            }
+
+            .reportTable {
+              width: 100%;
+              border-collapse: collapse;
+              table-layout:fixed;
+              word-break:break-all;
+            }
+          }
+          .tools{
+            position: fixed;
+            right: 2%;
+            text-align: right;
+            width: 60%;
+            cursor: pointer;
+            .toolsItem{
+              width: 15%;
+              margin-right: 3%;
+              display: inline-block;
+            }
+          }
+        </style>
+      </head>
+      <body>
+        <!-- 将需要打印的元素内容复制到新窗口中 -->
+        ${elementToPrint.innerHTML}
+      </body>
+    </html>
+  `)
+  // 延迟执行打印，以确保新窗口的内容已加载完成
+  printWindow.document.close() // 关闭文档流，确保内容完全加载
+  setTimeout(() => {
+    printWindow.print() // 调用打印方法
+    printWindow.close()
+  }, 500) // 延迟500毫秒后执行打印
+}

package/src/utils/queryFormDefaultRangePicker.ts

@@ -1,57 +1,57 @@
-/**
- * 根据类型获取日期区间字符串
- * @param type '当年' | 'curMonth' | '当日'
- * @param show 区分实际值还是显示值, true为实际值, false为显示值
- * @returns [start, end] 例：['2024-01-01 00:00:00', '2024-12-31 23:59:59']
- */
-export function getRangeByType(type: string, show: boolean): [string, string] {
-  const now = new Date()
-  const year = now.getFullYear()
-  const month = (now.getMonth() + 1).toString().padStart(2, '0')
-  const day = now.getDate().toString().padStart(2, '0')
-
-  if (!show) {
-    if (type === 'curYear') {
-      return [
-        `${year}-01-01 00:00:00`,
-        `${year}-12-31 23:59:59`,
-      ]
-    }
-    if (type === 'curMonth') {
-      const lastDay = new Date(year, now.getMonth() + 1, 0).getDate()
-      return [
-        `${year}-${month}-01 00:00:00`,
-        `${year}-${month}-${lastDay.toString().padStart(2, '0')} 23:59:59`,
-      ]
-    }
-    if (type === 'curDay') {
-      return [
-        `${year}-${month}-${day} 00:00:00`,
-        `${year}-${month}-${day} 23:59:59`,
-      ]
-    }
-  }
-  if (show) {
-    if (type === 'curYear') {
-      return [
-        `${year}-01-01`,
-        `${year}-12-31`,
-      ]
-    }
-    if (type === 'curMonth') {
-      const lastDay = new Date(year, now.getMonth() + 1, 0).getDate()
-      return [
-        `${year}-${month}-01`,
-        `${year}-${month}-${lastDay.toString().padStart(2, '0')}`,
-      ]
-    }
-    if (type === 'curDay') {
-      return [
-        `${year}-${month}-${day}`,
-        `${year}-${month}-${day}`,
-      ]
-    }
-  }
-  // 兜底返回空字符串数组
-  return ['', '']
-}
+/**
+ * 根据类型获取日期区间字符串
+ * @param type '当年' | 'curMonth' | '当日'
+ * @param show 区分实际值还是显示值, true为实际值, false为显示值
+ * @returns [start, end] 例：['2024-01-01 00:00:00', '2024-12-31 23:59:59']
+ */
+export function getRangeByType(type: string, show: boolean): [string, string] {
+  const now = new Date()
+  const year = now.getFullYear()
+  const month = (now.getMonth() + 1).toString().padStart(2, '0')
+  const day = now.getDate().toString().padStart(2, '0')
+
+  if (!show) {
+    if (type === 'curYear') {
+      return [
+        `${year}-01-01 00:00:00`,
+        `${year}-12-31 23:59:59`,
+      ]
+    }
+    if (type === 'curMonth') {
+      const lastDay = new Date(year, now.getMonth() + 1, 0).getDate()
+      return [
+        `${year}-${month}-01 00:00:00`,
+        `${year}-${month}-${lastDay.toString().padStart(2, '0')} 23:59:59`,
+      ]
+    }
+    if (type === 'curDay') {
+      return [
+        `${year}-${month}-${day} 00:00:00`,
+        `${year}-${month}-${day} 23:59:59`,
+      ]
+    }
+  }
+  if (show) {
+    if (type === 'curYear') {
+      return [
+        `${year}-01-01`,
+        `${year}-12-31`,
+      ]
+    }
+    if (type === 'curMonth') {
+      const lastDay = new Date(year, now.getMonth() + 1, 0).getDate()
+      return [
+        `${year}-${month}-01`,
+        `${year}-${month}-${lastDay.toString().padStart(2, '0')}`,
+      ]
+    }
+    if (type === 'curDay') {
+      return [
+        `${year}-${month}-${day}`,
+        `${year}-${month}-${day}`,
+      ]
+    }
+  }
+  // 兜底返回空字符串数组
+  return ['', '']
+}

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

@@ -1,26 +1,24 @@
 <script setup lang="ts">
 import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
 import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import {
+  Col as VanCol,
+  Icon as VanIcon,
+  Row as VanRow,
+} from 'vant'
 import { defineEmits, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 // 定义事件
 const emit = defineEmits(['deleteRow'])
-const userInfo = useUserStore().getUserInfo()
 // 访问路由
 const router = useRouter()
 // 获取默认值
 const idKey = ref('o_id')
 
 // 简易crud表单测试
-// const configName = ref('orderCarInMobileCRUD')
-// const serviceName = ref('af-gaslink')
-// const configName = ref('lngPriceManageMobileCRUD')
-const configName = ref('测试2')
-const serviceName = ref('af-gaslink')
-// const configName = ref('mobile_liushuiQueryCRUD')
-// const serviceName = ref('af-revenue')
+const configName = ref('ApplyMobileSuperviseCRUD')
+const serviceName = ref('af-apply')
 
 // 资源权限测试
 // const configName = ref('crud_sources_test')
@@ -56,11 +54,11 @@ const serviceName = ref('af-gaslink')
 function toDetail(item) {
   router.push({
     name: 'XFormGroupView',
-    // query: {
-    //   id: item[idKey.value],
-    // id: item.rr_id,
-    // o_id: item.o_id,
-    // },
+    query: {
+      id: item[idKey.value],
+      // id: item.rr_id,
+      // o_id: item.o_id,
+    },
   })
 }
 
@@ -76,36 +74,23 @@ function toDetail(item) {
 //     },
 //   })
 // }
-function addOption() {
-  router.push({
-    name: 'XFormGroupView',
-    // params: { id: totalCount.value },
-    // query: {
-    //   configName: configName.value,
-    //   serviceName: serviceName.value,
-    //   mode: '新增',
-    // },
-  })
-  // 如果存在回调函数，调用它并传递true表示已处理
-  // if (typeof callback === 'function') {
-  //   callback(true)
-  // }
-}
 
 // 修改功能
-function updateRow(result) {
-  console.log('用户----', userInfo)
-  router.push({
-    name: 'XFormGroupView',
-    // params: { id: result.o_id, openid: result.o_id },
-    // query: {
-    //   configName: configName.value,
-    //   serviceName: serviceName.value,
-    //   mode: '修改',
-    // },
-  })
+// function updateRow(result) {
+//   router.push({
+//     name: 'XFormView',
+//     params: { id: result.o_id, openid: result.o_id },
+//     query: {
+//       configName: configName.value,
+//       serviceName: serviceName.value,
+//       mode: '修改',
+//     },
+//   })
+// }
+// 删除功能
+function phone(result) {
+  console.log('phone==', result)
 }
-
 // 删除功能
 function deleteRow(result) {
   emit('deleteRow', result.o_id)
@@ -118,28 +103,166 @@ function deleteRow(result) {
       <XCellList
         :config-name="configName"
         :service-name="serviceName"
-        :custom-add="true"
-        :custom-edit="true"
         :id-key="idKey"
         @to-detail="toDetail"
         @delete-row="deleteRow"
-        @update="updateRow"
-        @add="addOption"
-      />
-
-      <!--      :fix-query-form="{ u_f_price_state: ['生效', '待生效'] }" -->
-
-      <!--      <XCellList -->
-      <!--        :config-name="configName" -->
-      <!--        :service-name="serviceName" -->
-      <!--        :fix-query-form="{ o_f_oper_name: 'edu_test' }" -->
-      <!--        :id-key="idKey" -->
-      <!--        @to-detail="toDetail" -->
-      <!--        @delete-row="deleteRow" -->
-      <!--      /> -->
+        @phone="phone"
+      >
+        <template #search-after>
+          <div class="cell-search-after">
+            <VanRow style="padding: 0 8px;">
+              <VanCol span="8">
+                <span style="font-weight: bolder">流程汇总</span>
+              </VanCol>
+              <VanCol span="16" class="stat-date-range">
+                <VanIcon name="clock-o" />
+                <span>2025-07-08 ~ 2025-07-14</span>
+              </VanCol>
+            </VanRow>
+            <VanRow gutter="12">
+              <VanCol span="8">
+                <div class="stat-card stat-total">
+                  <div class="stat-num">
+                    3
+                  </div>
+                  <div class="stat-label">
+                    总流程数
+                  </div>
+                  <VanIcon name="notes-o" class="stat-icon" />
+                </div>
+              </VanCol>
+              <VanCol span="8">
+                <div class="stat-card stat-done">
+                  <div class="stat-num">
+                    2
+                  </div>
+                  <div class="stat-label">
+                    已完成
+                  </div>
+                  <VanIcon name="passed" class="stat-icon" />
+                </div>
+              </VanCol>
+              <VanCol span="8">
+                <div class="stat-card stat-processing">
+                  <div class="stat-num">
+                    1
+                  </div>
+                  <div class="stat-label">
+                    处理中
+                  </div>
+                  <VanIcon name="todo-list-o" class="stat-icon" />
+                </div>
+              </VanCol>
+            </VanRow>
+          </div>
+        </template>
+      </XCellList>
     </template>
   </NormalDataLayout>
 </template>
 
 <style scoped lang="less">
+.cell-search-after {
+  padding: 8px 12px;
+  background-color: #fff;
+  .van-row:first-child {
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 0 2px;
+    h4 {
+      font-size: 1.08rem;
+      font-weight: 600;
+      margin: 0;
+      color: #222;
+      letter-spacing: 1px;
+    }
+    .stat-date-range {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      font-size: 0.92rem;
+      color: #b0b3b8;
+      font-weight: 400;
+      span {
+        margin-left: 4px;
+        font-size: 0.92rem;
+        color: #b0b3b8;
+      }
+      .van-icon {
+        font-size: 1rem;
+        color: #b0b3b8;
+        margin-right: 2px;
+      }
+    }
+  }
+  .van-row:nth-child(2) {
+    margin-top: 8px;
+    // 统计卡片间距由gutter控制
+    .van-col {
+      // 让卡片宽度自适应
+      .stat-card {
+        width: 100%;
+      }
+    }
+  }
+  .stat-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 12px;
+    padding: 12px 0 8px 0;
+    min-height: 64px;
+    position: relative;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+    background: #f7f8fa;
+    .stat-num {
+      font-size: 1.5rem;
+      font-weight: 600;
+      margin-bottom: 2px;
+    }
+    .stat-label {
+      font-size: 0.95rem;
+      color: #888;
+      margin-bottom: 2px;
+    }
+    .stat-icon {
+      position: absolute;
+      top: 8px;
+      right: 10px;
+      font-size: 1.1rem;
+      opacity: 0.4;
+    }
+  }
+  .stat-total {
+    background: #f0f5ff;
+    color: #2f54eb;
+    .stat-num {
+      color: #2f54eb;
+    }
+    .stat-icon {
+      color: #2f54eb;
+    }
+  }
+  .stat-done {
+    background: #e6fffb;
+    color: #13c2c2;
+    .stat-num {
+      color: #13c2c2;
+    }
+    .stat-icon {
+      color: #13c2c2;
+    }
+  }
+  .stat-processing {
+    background: #f9f0ff;
+    color: #b37feb;
+    .stat-num {
+      color: #b37feb;
+    }
+    .stat-icon {
+      color: #b37feb;
+    }
+  }
+}
 </style>

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

@@ -5,19 +5,16 @@ 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_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 configName = ref('lngChargeAuditMobileFormGroup')
+// const serviceName = ref('af-gaslink')
 
 const formData = ref({})
 const formGroup = ref(null)

package/vite.config.ts

@@ -11,8 +11,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
 
   const appProxys = {}
 
-  const v4Server = 'http://aote-office.8866.org:31567'
-  const v3Server = 'http://aote-office.8866.org:31567'
+  const v4Server = 'http://192.168.50.67:31577'
+  const v3Server = 'https://wkf.qhgas.com'
   const OSSServerDev = 'http://192.168.50.67:30351'
   const geoserver = 'http://39.104.49.8:30372'
   // const OSSServerProd = 'http://192.168.50.67:31351'