af-mobile-client-vue3 1.2.7 → 1.2.8

package/package.json

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

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

@@ -4,8 +4,8 @@ import { ref } from 'vue'
 
 const { serviceName, dictName, dictValue } = withDefaults(defineProps<{
   serviceName: string
-  dictName: string
-  dictValue: string
+  dictName: string | null | undefined
+  dictValue: string | null | undefined
 }>(), {})
 
 // 字面值

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

@@ -186,8 +186,8 @@ function initComponent() {
           })
         }
       }
-
-      if (item.showTitleBtn)
+      console.log('item===', item)
+      if (item.btnIcon)
         btnList.value.push(item)
 
       if (result.showSortIcon && item.sortable) {
@@ -604,7 +604,7 @@ defineExpose({
               <VanRow gutter="20" class="card_item_details" @click="emit('toDetail', item)">
                 <VanCol v-for="column of detailColumns" :key="`details_${column.dataIndex}`" :span="column.span">
                   <p>
-                    {{ `${column.title}: ` }}
+                    {{ `${column.showLabel ? `${column.title}: ` : ''}` }}
                     <XBadge
                       :style="handleFunctionStyle(column.styleFunctionForValue, item)"
                       :dict-name="column.dictName" :dict-value="item[column.dataIndex]"
@@ -629,7 +629,7 @@ defineExpose({
                         >
                           <div class="tag-content">
                             <VanIcon v-if="column.tagIcon" :name="column.tagIcon" class="tag-icon" />
-                            <span class="tag-title">{{ column.title }}：</span>
+                            <span class="tag-title">{{ `${column.showLabel ? `${column.title}: ` : ''}` }}</span>
                             <XBadge
                               :dict-name="column.dictName"
                               :dict-value="item[column.dataIndex]"
@@ -651,7 +651,7 @@ defineExpose({
                 <VanCol v-for="column of footColumns" :key="`foot_${column.dataIndex}`" :span="12">
                   <p>
                     <span :style="handleFunctionStyle(column.styleFunctionForTitle, item)">
-                      {{ column.title }}:
+                      {{ `${column.showLabel ? `${column.title}: ` : ''}` }}
                     </span>
                     <XBadge
                       :style="handleFunctionStyle(column.styleFunctionForValue, item)"
@@ -718,6 +718,8 @@ defineExpose({
   --van-search-padding: 3px;
   --van-dropdown-menu-title-padding: 3px;
   --van-cell-vertical-padding: 0px;
+  --van-text-color-2: rgb(75, 85, 99);
+  --van-button-normal-font-size: 13px;
   .main {
     flex: 1;
     min-height: 0;
@@ -760,7 +762,7 @@ defineExpose({
             align-items: center;
             .card_item_title {
               font-size: var(--van-font-size-lg);
-              font-weight: 500;
+              font-weight: 700;
               color: var(--van-text-color);
               margin: 0;
             }
@@ -771,9 +773,8 @@ defineExpose({
             align-items: center;
             margin-left: 8px;
             .card_item_subtitle {
-              font-size: var(--van-font-size-xs);
+              font-size: var(--van-font-size-md);
               color: var(--van-text-color-2);
-              margin: 0;
             }
           }
 
@@ -790,7 +791,7 @@ defineExpose({
               color: var(--van-primary-color);
               background-color: rgba(25, 137, 250, 0.1);
               border-radius: 6px;
-              font-size: 18px;
+              font-size: var(--van-font-size-lg);
               display: flex;
               align-items: center;
               justify-content: center;
@@ -821,8 +822,8 @@ defineExpose({
 
           .tag-item {
             width: auto;
-            font-size: var(--van-font-size-xs);
-            margin: 2px 4px;
+            font-size: var(--van-font-size-sm);
+            margin: 4px 4px;
             :deep(.van-tag) {
               width: fit-content;
               display: inline-flex;
@@ -849,9 +850,9 @@ defineExpose({
       }
 
       .card_item_details {
-        font-size: var(--van-font-size-sm);
+        font-size: var(--van-font-size-md);
         color: var(--van-text-color-2);
-        padding: 8px 0;
+        padding: 4px 0;
 
         .van-col {
           margin-bottom: 4px;
@@ -876,9 +877,9 @@ defineExpose({
       }
 
       .card_item_footer {
-        font-size: var(--van-font-size-sm);
+        font-size: var(--van-font-size-md);
         color: var(--van-text-color-2);
-        padding: 8px 0;
+        padding: 4px 0;
         .van-col:last-child {
           text-align: right;
         }
@@ -888,8 +889,8 @@ defineExpose({
       }
 
       .card_item_bottom {
-        margin-top: 12px;
-        padding-top: 12px;
+        margin-top: 8px;
+        padding-top: 10px;
         border-top: 1px solid rgba(0, 0, 0, 0.06);
 
         .more-button {
@@ -900,7 +901,7 @@ defineExpose({
           justify-content: center;
           color: var(--van-text-color-2);
           cursor: pointer;
-          font-size: 18px;
+          font-size: var(--van-font-size-lg);
           background-color: var(--van-background);
           border-radius: 6px;
           transition: all 0.2s ease;
@@ -922,7 +923,7 @@ defineExpose({
           min-width: 76px;
           height: 40px;
           border-radius: 10px;
-          font-size: 1rem;
+          // font-size: var(--van-font-size-md);
           transition: all 0.2s ease;
           &:active {
             transform: scale(0.95);

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

@@ -348,22 +348,22 @@ function handleCloseScanButton() {
                 <VanCol span="10">
                   排序字段
                 </VanCol>
-                <VanCol span="2">
+                <!--                <VanCol span="2">
                   <div class="reset-item" @click.stop="currentOrderVal = undefined">
                     重置
                   </div>
-                </VanCol>
+                </VanCol> -->
               </VanRow>
               <XGridDropOption :columns="props.orderList" :columns-field-names="colFieldNames" />
               <VanRow justify="space-between" class="filter-title">
                 <VanCol span="10">
                   排序规则
                 </VanCol>
-                <VanCol span="2">
+                <!--                <VanCol span="2">
                   <div class="reset-item" @click.stop="currentSortordVal = undefined">
                     重置
                   </div>
-                </VanCol>
+                </VanCol> -->
               </VanRow>
               <XGridDropOption :columns="sortordList" :columns-field-names="colFieldNames" />
             </template>
@@ -372,11 +372,11 @@ function handleCloseScanButton() {
                 <VanCol span="10">
                   {{ item.name }}
                 </VanCol>
-                <VanCol span="2">
+                <!--                <VanCol span="2">
                   <div class="reset-item" @click.stop="resetOptionItem(item.model)">
                     重置
                   </div>
-                </VanCol>
+                </VanCol> -->
               </VanRow>
               <XFormItem v-model="conditionParams[item.model]" :form="conditionParams" :attr="item" :service-name="props.serviceName" :show-label="false" />
             </template>
@@ -400,6 +400,7 @@ function handleCloseScanButton() {
 
 <style scoped lang="less">
 #XCellListFilter {
+  --van-cell-horizontal-padding: 0;
   width: 100%;
   .filter-buttons {
     display: flex;
@@ -490,7 +491,7 @@ function handleCloseScanButton() {
     }
     // 下拉菜单遮罩层
     :deep(.van-overlay) {
-      z-index: 9
+      z-index: 9;
     }
   }
 
@@ -501,7 +502,7 @@ function handleCloseScanButton() {
     width: 40px;
     height: 40px;
     border-radius: 10px;
-    background-color: rgba(245,245,245);
+    background-color: rgba(245, 245, 245);
     cursor: pointer;
     position: relative;
     z-index: 1;

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'