af-mobile-client-vue3 1.1.42 → 1.1.43

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.1.42",
+  "version": "1.1.43",
   "description": "Vue + Vite component lib",
   "license": "MIT",
   "engines": {

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

@@ -734,7 +734,7 @@ defineExpose({
 
 <style scoped lang="less">
 #XCellList {
-  height: calc(100vh - var(--van-nav-bar-height) - 5px);
+  height: calc(100vh - var(--van-nav-bar-height) - 20px);
   display: flex;
   flex-direction: column;
   --van-search-padding: 3px;
@@ -953,6 +953,7 @@ defineExpose({
 
         .action-btn {
           min-width: 76px;
+          height: 40px;
           border-radius: 10px;
           font-size: 1rem;
           transition: all 0.2s ease;

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

@@ -218,7 +218,7 @@ defineExpose({ init, form, formGroupName, validate })
       </VanCellGroup>
     </div>
     <div v-if="resolvedSubmitButton && props.mode !== '预览'" class="form-footer-fixed">
-      <VanButton round block type="primary" native-type="submit">
+      <VanButton class="action-btn" round block type="primary" native-type="submit">
         {{ props.groupFormItems?.btnName ? props.groupFormItems.btnName : '提交' }}
       </VanButton>
       <slot />
@@ -228,7 +228,7 @@ defineExpose({ init, form, formGroupName, validate })
 
 <style scoped>
 .x-form-container {
-  height: calc(100vh - var(--van-nav-bar-height) - 5px);
+  height: calc(100vh - var(--van-nav-bar-height) - 20px);
   display: flex;
   flex-direction: column;
   max-height: 100vh;
@@ -239,11 +239,13 @@ defineExpose({ init, form, formGroupName, validate })
   flex: 1;
   overflow-y: auto;
   min-height: 0;
-  padding: 0 16px;
 }
 
 .form-footer-fixed {
   margin: 16px;
   flex-shrink: 0;
+  .action-btn {
+    border-radius: 10px;
+  }
 }
 </style>

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

@@ -837,7 +837,7 @@ function handleAddressConfirm(location) {
       :rules="[{ required: attr.rule.required === 'true', message: '请选择' }]"
       @click="readonly ? null : showPicker = true"
     />
-    <VanPopup v-model:show="showPicker" round position="bottom" teleport="body">
+    <VanPopup v-model:show="showPicker" round position="bottom" teleport="body" overlay-class="date-picker-overlay">
       <VanPicker
         v-model="(localValue as Numeric[])"
         :title="attr.name"
@@ -870,6 +870,7 @@ function handleAddressConfirm(location) {
       switch-mode="year-month"
       type="range"
       teleport="body"
+      overlay-class="date-picker-overlay"
       :show-confirm="attr.showConfirm"
       @confirm="onCalendarConfirm"
     />
@@ -888,7 +889,7 @@ function handleAddressConfirm(location) {
       :rules="[{ required: attr.rule.required === 'true', message: '请选择' }]"
       @click="readonly ? null : showDataTimePicker()"
     />
-    <VanPopup v-model:show="showDatePicker" position="bottom" teleport="body">
+    <VanPopup v-model:show="showDatePicker" position="bottom" teleport="body" overlay-class="date-picker-overlay">
       <VanPickerGroup
         :title="attr.name"
         :tabs="['选择日期', '选择时间']"
@@ -925,7 +926,7 @@ function handleAddressConfirm(location) {
       :rules="[{ required: attr.rule.required === 'true', message: '请选择' }]"
       @click="showDatePicker = true"
     />
-    <VanPopup v-model:show="showDatePicker" position="bottom" teleport="body">
+    <VanPopup v-model:show="showDatePicker" position="bottom" teleport="body" overlay-class="date-picker-overlay">
       <VanPickerGroup
         :title="attr.name"
         :tabs="['选择日期', '选择时间']"
@@ -962,7 +963,7 @@ function handleAddressConfirm(location) {
       :rules="[{ required: attr.rule.required === 'true', message: '请选择' }]"
       @click="showTimePicker = true"
     />
-    <VanPopup v-model:show="showTimePicker" position="bottom" teleport="body">
+    <VanPopup v-model:show="showTimePicker" position="bottom" teleport="body" overlay-class="date-picker-overlay">
       <VanTimePicker
         v-model="localValue as string[]"
         :title="attr.name"
@@ -989,7 +990,7 @@ function handleAddressConfirm(location) {
       :rules="[{ required: attr.rule.required === 'true', message: '请选择' }]"
       @click="readonly ? null : showArea = true"
     />
-    <VanPopup v-model:show="showArea" position="bottom" teleport="body">
+    <VanPopup v-model:show="showArea" position="bottom" teleport="body" overlay-class="date-picker-overlay">
       <VanArea
         v-model="localValue as string" :title="attr.name" :area-list="areaList"
         @confirm="onAreaConfirm"
@@ -1063,6 +1064,7 @@ function handleAddressConfirm(location) {
       position="bottom"
       :style="{ height: '80vh' }"
       teleport="body"
+      overlay-class="date-picker-overlay"
     >
       <XLocationPicker
         :default-center="defaultMapCenter"
@@ -1073,5 +1075,7 @@ function handleAddressConfirm(location) {
 </template>
 
 <style scoped>
-
+.date-picker-overlay {
+  background-color: rgba(0, 0, 0, 0.2); /* 设置为半透明的黑色 */
+}
 </style>

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

@@ -1,107 +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 { defineEmits, ref } from 'vue'
+import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 
-// 定义事件
-const emit = defineEmits(['deleteRow'])
-// 访问路由
-const router = useRouter()
-// 获取默认值
-const idKey = ref('o_id')
+// 巡检计划
+defineOptions({
+  name: 'PatrolPlan',
+})
 
-// 简易crud表单测试
+const router = useRouter()
 const configName = ref('crud_patroltask_managePhoneCRUD')
-const serviceName = ref('af-linepatrol')
-
-// 资源权限测试
-// const configName = ref('crud_sources_test')
-// const serviceName = ref('af-system')
-
-// 实际业务测试
-// const configName = ref('lngChargeAuditMobileCRUD')
-// const serviceName = ref('af-gaslink')
-
-// 跳转到详情页面
-// function toDetail(item) {
-//   router.push({
-//     name: 'XCellDetailView',
-//     params: { id: item[idKey.value] }, // 如果使用命名路由，推荐使用路由参数而不是直接构建 URL
-//     query: {
-//       operName: item[operNameKey.value],
-//       method:item[methodKey.value],
-//       requestMethod:item[requestMethodKey.value],
-//       operatorType:item[operatorTypeKey.value],
-//       operUrl:item[operUrlKey.value],
-//       operIp:item[operIpKey.value],
-//       costTime:item[costTimeKey.value],
-//       operTime:item[operTimeKey.value],
-//
-//       title: item[titleKey.value],
-//       businessType: item[businessTypeKey.value],
-//       status:item[statusKey.value]
-//     }
-//   })
-// }
-
-// 跳转到表单——以表单组来渲染纯表单
-function toDetail(item) {
-  router.push({
-    name: 'XFormGroupView',
-    query: {
-      id: item[idKey.value],
-      // id: item.rr_id,
-      // o_id: item.o_id,
-    },
-  })
-}
-
-// 新增功能
-// function addOption(totalCount) {
-//   router.push({
-//     name: 'XFormView',
-//     params: { id: totalCount, openid: totalCount },
-//     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 deleteRow(result) {
-  emit('deleteRow', result.o_id)
-}
+const xCellListRefPatrolPlan = ref()
 </script>
 
 <template>
-  <NormalDataLayout id="XCellListView" title="工作计划">
-    <template #layout_content>
-      <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"
-      />
-    </template>
-  </NormalDataLayout>
+  <XCellList
+    ref="xCellListRefPatrolPlan"
+    service-name="af-linepatrol"
+    :config-name="configName"
+  />
 </template>
 
 <style scoped lang="less">

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

@@ -12,16 +12,19 @@ const formGroupAddConstruction = ref(null)
 <template>
   <NormalDataLayout id="XFormGroupView" title="纯表单">
     <template #layout_content>
-      <XForm
+      <div class="form">   <XForm
         ref="formGroupAddConstruction"
         mode="新增"
         :config-name="configName"
         :service-name="serviceName"
-      />
+      /></div>
+
     </template>
   </NormalDataLayout>
 </template>
 
 <style scoped lang="less">
-
+.form {
+  margin-top: 2px;
+}
 </style>

package/vite.config.ts

@@ -1,8 +1,8 @@
 import type { ConfigEnv, UserConfig } from 'vite'
 import path from 'node:path'
 import process from 'node:process'
-// import autoprefixer from 'autoprefixer'
-// import viewport from 'postcss-mobile-forever'
+import autoprefixer from 'autoprefixer'
+import viewport from 'postcss-mobile-forever'
 import { loadEnv } from 'vite'
 import { createVitePlugins } from './build/vite'
 
@@ -95,15 +95,15 @@ export default ({ mode }: ConfigEnv): UserConfig => {
       postcss: {
         plugins: [
           // 自动获取浏览器的流行度和能够支持的属性，并为 CSS 规则添加前缀
-          // autoprefixer(),
-          // viewport({
-          //   appSelector: '#system-app',
-          //   viewportWidth: 375,
-          //   maxDisplayWidth: 800,
-          //   appContainingBlock: 'auto',
-          //   necessarySelectorWhenAuto: '.app-wrapper',
-          //   rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],
-          // }),
+          autoprefixer(),
+          viewport({
+            appSelector: '#system-app',
+            viewportWidth: 375,
+            maxDisplayWidth: 800,
+            appContainingBlock: 'auto',
+            necessarySelectorWhenAuto: '.app-wrapper',
+            rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],
+          }),
         ],
       },
     },