af-mobile-client-vue3 1.2.20 → 1.2.21

package/package.json

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

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

@@ -741,7 +741,6 @@ defineExpose({
   flex-direction: column;
   --van-search-padding: 3px;
   --van-dropdown-menu-title-padding: 3px;
-  --van-cell-horizontal-padding: 0px;
   --van-text-color-2: rgb(75, 85, 99);
   --van-button-normal-font-size: 13px;
   .main {

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

@@ -408,6 +408,10 @@ function prepareForm() {
   return cleanedForm
 }
 
+function getFormData() {
+  return prepareForm()
+}
+
 async function onSubmit() {
   await validate()
   // 清理表单数据
@@ -447,7 +451,7 @@ function emitFunc(func, data, value) {
 watch(() => props.formData, (_val) => {
   form.value = _val
 })
-defineExpose({ init, form, formGroupName, validate, asyncSubmit, setForm })
+defineExpose({ init, form, formGroupName, validate, asyncSubmit, setForm, getFormData })
 </script>
 
 <template>

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

@@ -1159,6 +1159,7 @@ function emitFunc(func, data) {
     <!-- 文本输入框 -->
     <VanField
       v-if="(attr.type === 'input' || attr.type === 'intervalPicker') && showItem"
+      v-model="(modelData as string)"
       :label="labelData"
       :label-align="labelAlign"
       :input-align="attr.inputAlign ? attr.inputAlign : 'left'"
@@ -1173,11 +1174,13 @@ function emitFunc(func, data) {
     >
       <template #input>
         <input
-          v-model="modelData"
+          :value="modelData"
           :readonly="readonly || (attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|'))"
           class="van-field__control"
           :placeholder="placeholder"
           style="flex: 1; min-width: 0;"
+          @input="e => modelData = (e.target as HTMLInputElement).value"
+          @blur="() => formTypeCheck(attr, modelData as string)"
         >
         <VanButton
           v-if="attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|')"

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

@@ -1,107 +1,29 @@
 <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')
-
-// 简易crud表单测试
-const configName = ref('lngChargeAuditMobileCRUD')
-const serviceName = ref('af-gaslink')
-
-// 资源权限测试
-// 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,
-    },
-  })
+const configName = ref('ApplyContractPhoneCRUD')
+const xCellListSupplementalAgreement = ref()
+// 详情
+function add(row) {
+  console.log('>>>> 新增')
 }
-
-// 新增功能
-// 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)
+function cancellation(row) {
+  console.log('>>>> 作废')
 }
 </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="xCellListSupplementalAgreement"
+    service-name="af-apply"
+    :config-name="configName"
+    :custom-add="true"
+    @add="add"
+    @cancellation="cancellation"
+  />
 </template>
 
 <style scoped lang="less">