kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 档案表单

Browse Source
This commit is contained in:
wanglei
2024-06-25 10:06:32 +08:00
parent 927a091075
commit ebf726afd5
2 changed files with 193 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
project/fengdu/AppOutSource/AppArchives/components/Add.vue
View File

@@ -15,28 +15,33 @@
size="small" maxlength="20"
show-word-limit></el-input>
</el-form-item>
<el-form-item label="身份证号：" style="width: 100%;" prop="idcard">
<el-input v-model="form.name" placeholder="请输入身份证号" autocomplete="off"
size="small" maxlength="18"
<el-form-item label="身份证号：" style="width: 100%;" prop="idNumber">
<el-input v-model="form.idNumber" placeholder="请输入身份证号" autocomplete="off"
size="small" maxlength="18" @change="idChange"
show-word-limit></el-input>
</el-form-item>
</el-row>
<el-row type="flex">
<el-form-item label="性别：" style="width: 100%;" prop="name">
<el-select placeholder="性别" size="small" style="width: 100%;"></el-select>
<el-form-item label="性别：" style="width: 100%;" prop="sex">
<ai-select
v-model="form.sex"
style="width: 100%;"
placeholder="性别"
:selectList="$dict.getDict('sex')">
</ai-select>
</el-form-item>
<el-form-item label="联系电话：" style="width: 100%;" prop="idcard">
<el-form-item label="联系电话：" v-model="form.phone" style="width: 100%;" prop="phone">
<el-input v-model="form.name" placeholder="请输入联系电话" autocomplete="off"
size="small" maxlength="18"
show-word-limit></el-input>
</el-form-item>
</el-row>
<el-row type="flex">
<el-form-item label="出生日期：" style="width: 100%;" prop="name">
<el-date-picker value-format="yyyy-MM-dd" size="small" placeholder="请选择出生日期" disabled style="width: 100%"></el-date-picker>
<el-form-item label="出生日期：" style="width: 100%;" prop="birthday">
<el-date-picker value-format="yyyy-MM-dd" size="small" v-model="form.birthday" placeholder="请选择出生日期" disabled style="width: 100%"></el-date-picker>
</el-form-item>
<el-form-item label="年龄：" style="width: 100%;" prop="idcard">
<el-input v-model="form.name" placeholder="请输入年龄" disabled autocomplete="off" size="small"></el-input>
<el-form-item label="年龄：" style="width: 100%;" prop="age">
<el-input v-model="form.age" placeholder="请输入年龄" disabled autocomplete="off" size="small"></el-input>
</el-form-item>
</el-row>
</template>
@@ -45,16 +50,16 @@
<template #content>
<el-row type="flex">
<div class="flex-colum">
<el-form-item label="门店名称：" style="width: 100%;" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" autocomplete="off"
<el-form-item label="门店名称：" style="width: 100%;" prop="shopName">
<el-input v-model="form.shopName" placeholder="请输入姓名" autocomplete="off"
size="small" maxlength="20"
show-word-limit></el-input>
</el-form-item>
<el-form-item label="经营类型：" style="width: 100%;" prop="name">
<el-select placeholder="请选择经营范围" size="small" style="width: 100%;"></el-select>
<el-form-item label="经营类型：" style="width: 100%;" prop="operatorType">
<el-select placeholder="请选择经营范围" v-model="form.operatorType" size="small" style="width: 100%;"></el-select>
</el-form-item>
<el-form-item label="所属片区：" style="width: 100%;" prop="name">
<el-select placeholder="请选择所属片区" size="small" style="width: 100%;"></el-select>
<el-form-item label="所属片区：" style="width: 100%;" prop="girdName">
<el-select placeholder="请选择所属片区" size="small" v-model="form.girdCode" style="width: 100%;"></el-select>
</el-form-item>
</div>
@@ -62,7 +67,7 @@
<ai-uploader
:instance="instance"
isShowTip
v-model="form.thumbUrl"
v-model="form.fileUrl"
:limit="1"
:cropOps="cropOps"
is-crop>
@@ -73,24 +78,24 @@
</ai-uploader>
</el-form-item>
</el-row>
<el-form-item label="社会信用代码：" style="width: 100%;" prop="name">
<el-input v-model="form.code" placeholder="请输入社会统一信用代码" size="small"></el-input>
<el-form-item label="社会信用代码：" style="width: 100%;" prop="creditCode">
<el-input v-model="form.creditCode" placeholder="请输入社会统一信用代码" size="small"></el-input>
</el-form-item>
<el-form-item label="门店住址：" style="width: 100%;" prop="name">
<ai-area-select :instance="instance" clearable v-model="form.areaId" always-show @name="v=>form.areaName=v"/>
<el-form-item label="门店住址：" style="width: 100%;" prop="addressCode">
<ai-area-select :instance="instance" clearable v-model="form.addressCode" always-show @name="v=>form.areaName=v"/>
</el-form-item>
<el-form-item label="" style="width:100%">
<el-form-item label="" style="width:100%" prop="address">
<el-input
size="small"
placeholder="请输入详细地址"
clearable
v-model="form.householdAddress"
v-model="form.address"
maxlength="50"
show-word-limit
></el-input>
</el-form-item>
<el-form-item label="门店描述：" style="width: 100%">
<el-input v-model="form.desc" placeholder="请输入门店描述" type="textarea" :rows="3"></el-input>
<el-form-item label="门店描述：" style="width: 100%" prop="description">
<el-input v-model="form.description" placeholder="请输入门店描述" type="textarea" :rows="3"></el-input>
</el-form-item>
</template>
</ai-card>
@@ -104,6 +109,8 @@
</template>
<script>
import {ID} from "dui/lib/js/utils";
export default {
name: 'Add',
@@ -115,13 +122,42 @@ export default {
data() {
return {
form: {},
rules: {}
form: {
name:'',
idNumber:'',
sex:'',
phone:'',
birthday:'',
age:'',
},
rules: {
name:[{ required: true, message: '请输入经营者姓名', trigger: 'blur' }],
idNumber:[{ required: true, message: '请输入身份证号', trigger: 'blur' }],
}
}
},
created () {
this.$dict.load('sex')
},
methods: {
idChange(val){
if (val.length == 18) {
this.IdCard(val);
}
},
IdCard(UUserCard) {
if (UUserCard) {
const idCard = new ID(UUserCard)
this.form.age = idCard.age
this.form.birthday = idCard.birthday
}
},
handleSave(){
},