网站首页 > 技术文章 正文
场景:
新增客户数据时,需录入客户的证件类型和证件号码,当证件种类是“身份证”时,生日的字段可自动截取并填写证件号码中生日日期。
前期准备:
在白码低代码开发平台上创建客户数据表;
实现步骤:
1. 新增功能新增个人客户;
2. 第一步新增数据,新增个人客户,其中证件种类可设置默认值为“身份证”,证件号码和日期都是填写操作;
3. 第二步使用预处理,实现截取生日日期;
function prepare($programStore, $form, vue) {
vue.$watch(() => { return programStore.getters["getFormValue"]("606ed404cbbb586e7aa5e953") },//监控新增个人客户步骤
function (value, oldvalue) {
if (_.isEqual(value, oldvalue)) {
return;
}
let data = value; //获取步骤数据
let type = data["606bbef1cbbb586e7aa5adc6"]; //证件种类
let inums = data["606bbefecbbb586e7aa5adc7"]; //证件号码
let num = "";
let birth = "";
console.log(type);
//获取步骤信息
if (type == "身份证" && inums.length == 18) {
num = inums.substr(6, 8);
birth = birth.concat(num.substr(0, 4), "-", num.substr(4, 2), "-", num.substr(6, 2));
value["606bbf3214b72e6e88530999"] = birth;
console.log(birth);
$programStore.dispatch("set", { procedure: "606bbf3214b72e6e88530999", value });
}
}
)
}
实现效果:
- 上一篇: websocket长连接和公共状态管理方案
- 下一篇: vue之vuex状态管理(vuex状态属性)
猜你喜欢
- 2024-10-17 vue进阶系列——用typescript玩转vue和vuex
- 2024-10-17 百度Web前端开发实战案例解析(web前端开发案例教程)
- 2024-10-17 vue之vuex状态管理(vuex状态属性)
- 2024-10-17 websocket长连接和公共状态管理方案
- 2024-10-17 带你五步学会Vue SSR(vue sse)
- 2024-10-17 vue-element-admin 登陆(vue elements admin)
- 2024-10-17 Vue实现动态路由(vue动态路由三种方法)
- 2024-10-17 吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【中】
- 2024-10-17 vue常见组件有哪些(vue的组件有哪些)
- 2024-10-17 Vue组件间通信几种方式,你用哪种?【实践】
- 最近发表
- 标签列表
-
- cmd/c (64)
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- sqlset (64)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- chromepost (65)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- linux删除一个文件夹 (65)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)