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(){
},

72
project/fengdu/AppOutSource/AppArchives/components/List.vue
View File

@@ -1,28 +1,28 @@
<template>
<div>
<ai-list class="app-archives-list">
<template slot="title">
<ai-title title="门店档案" isShowBottomBorder>
</ai-title>
<ai-title title="门店档案" isShowBottomBorder></ai-title>
</template>
<template slot="content">
<ai-search-bar class="search-bar">
<template #left>
<el-input placeholder="请输入门店名称" size="small" clearable></el-input>
<el-input placeholder="请输入门店名称" v-model="search.shopName" size="small" clearable></el-input>
<ai-select
v-model="search.applyItemId"
v-model="search.shopName"
@change="(search.current = 1), getList()"
placeholder="是否户主"
:selectList="dictList">
:selectList="$dict.getDict('yesOrNo')">
</ai-select>
<ai-select
v-model="search.applyItemId"
v-model="search.storeLevel"
@change="(search.current = 1), getList()"
placeholder="门店等级"
:selectList="dictList">
:selectList="$dict.getDict('storeLevel')">
</ai-select>
<ai-search label="录入时间">
<el-date-picker
v-model="search.createTimeStart"
v-model="search.createTime"
type="date"
size="small"
value-format="yyyy-MM-dd"
@@ -39,10 +39,10 @@
</el-date-picker>
</ai-search>
<ai-select
v-model="search.status"
v-model="search.operatorType"
@change="(search.current = 1), getList()"
placeholder="经营类型"
:selectList="$dict.getDict('appIntegralApplyEventStatus')">
:selectList="$dict.getDict('operatorType')">
</ai-select>
<ai-select
v-model="search.status"
@@ -108,18 +108,22 @@
<el-button type="text" @click="toDetail(row)">查看</el-button>
<el-button type="text" @click="handleEdit(row)">修改</el-button>
<el-button type="text" @click="handleDelete(row)">删除</el-button>
<el-button type="text" >生成二维码</el-button>
<el-button type="text" @click="generateQr(row)">生成二维码</el-button>
</div>
</template>
</el-table-column>
</ai-table>
</template>
</ai-list>
<ai-dialog title="二维码"
:visible.sync="dialog"
:destroyOnClose="true"
width="720px"></ai-dialog>
</div>
</template>
<script>
import { MessageBox } from 'element-ui'
import { mapState } from 'vuex'
export default {
name: 'List',
@@ -133,7 +137,6 @@ export default {
search: {
current: 1,
size: 10,
areaId: '',
applyItemId: '',
girdId: '',
createTimeStart: '',
@@ -146,31 +149,23 @@ export default {
colConfigs: [
{type: "selection"},
{ slot: 'pic', align: 'center' },
{ prop: 'integralUserName', label: '门店名称', align: 'center' },
{ prop: 'areaName', label: '经营者姓名', align: 'center' },
{ prop: 'girdName', label: '联系电话', align: 'center' },
{ prop: 'shopName', label: '门店名称', align: 'center' },
{ prop: 'name', label: '经营者姓名', align: 'center' },
{ prop: 'phone', label: '联系电话', align: 'center' },
{ prop: 'createTime', label: '录入时间', align: 'center' },
{ prop: 'status', label: '门店地址', align: 'center'},
{ prop: 'auditUserName', label: '经营类型', align: 'center' },
{ prop: 'address', label: '门店地址', align: 'center'},
{ prop: 'operatorTypes', label: '经营类型', align: 'center' },
{slot:'mark',align: 'center'}
],
tableData: [],
dateList: []
}
},
computed: {
...mapState(['user']),
hideLevel () {
return this.user.info.areaList?.length || 0
dateList: [],
dialog:false
}
},
created () {
this.search.areaId = this.user.info.areaId
this.$dict.load('appIntegralApplyEventStatus', 'appIntegralApplyEventPushStatus').then(() => {
this.$dict.load('yesOrNo','storeLevel','operatorType').then(() => {
this.getList()
this.getRulesList()
})
},
@@ -186,19 +181,6 @@ export default {
},
getRulesList () {
this.instance.post(`/app/appintegralrule/listByAppletFD?current=1&size=3000`).then((res) => {
if (res.code === 0) {
this.dictList = res.data.records.map(v => {
return {
dictName: v.ruleName,
dictValue: v.id
}
})
}
})
},
onGridChange (e) {
if (e.length) {
this.search.girdId = e[0].id
@@ -209,7 +191,7 @@ export default {
},
getList () {
this.instance.post(`/app/appintegraluserapply/list`, null, {
this.instance.post(`/app/appshoparchives/list`, null, {
params: {
...this.search
}
@@ -290,6 +272,10 @@ export default {
})
},
generateQr(row){
this.dialog = true
},
toAdd(id) {
this.$emit('change', {
type: 'Add',