php
/
ZhiHuiJiaoWu_Admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

整理代码

master
liutong 1 year ago
parent
b4f08798cb
commit
69aa4b9d5d
1 changed files with 358 additions and 333 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 659
      admin/src/addon/zhjw/views/sales/sales_edit.vue

659
admin/src/addon/zhjw/views/sales/sales_edit.vue
View File

@ -1,420 +1,445 @@
<template> <template>
<div class="main-container"> <div class="main-container">
<div class="detail-head"> <div class="detail-head">
<div class="left" @click="back()"> <div class="left" @click="back()">
<span class="iconfont iconxiangzuojiantou !text-xs"></span> <span class="iconfont iconxiangzuojiantou !text-xs"></span>
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
</div> </div>
<span class="adorn">|</span> <span class="adorn">|</span>
<span class="right">{{ pageName }}</span> <span class="right">{{ pageName }}</span>
</div>
<el-card class="box-card !border-none" shadow="never">
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
<el-form-item :label="t('studentPhone')" prop="student_phone">
<el-input v-model="formData.student_phone" clearable :placeholder="t('studentPhonePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('studentName')" prop="student_name">
<el-input v-model="formData.student_name" clearable :placeholder="t('studentNamePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('sex')" prop="sex">
<el-select class="input-width" v-model="formData.sex" clearable :placeholder="t('sexPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in sexList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('age')" prop="age">
<el-input-number v-model="formData.age" clearable :placeholder="t('agePlaceholder')" class="input-width" :min = "0" max = "300" />
</el-form-item>
<el-form-item :label="t('schoolName')" prop="school_name">
<el-input v-model="formData.school_name" clearable :placeholder="t('schoolNamePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('grade')" >
<el-input v-model="formData.grade" clearable :placeholder="t('gradePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('className')" >
<el-input v-model="formData.class_name" clearable :placeholder="t('classNamePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('sourceChannel')" prop="source_channel">
<el-select class="input-width" v-model="formData.source_channel" clearable :placeholder="t('sourceChannelPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in source_channelList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('customerSource')" prop="customer_source">
<el-select class="input-width" v-model="formData.customer_source" clearable :placeholder="t('customerSourcePlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in customer_sourceList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('addStaffId')" prop="add_staff_id">
<el-select class="input-width" v-model="formData.add_staff_id" clearable :placeholder="t('addStaffIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in addStaffIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('getStaffId')" >
<el-select class="input-width" v-model="formData.get_staff_id" clearable :placeholder="t('getStaffIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in getStaffIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('contactName')" prop="contact_name">
<el-input v-model="formData.contact_name" clearable :placeholder="t('contactNamePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('provinceId')" >
<el-select class="input-width" v-model="formData.province_id" clearable :placeholder="t('provinceIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in provinceIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('cityId')" >
<el-select class="input-width" v-model="formData.city_id" clearable :placeholder="t('cityIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in cityIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('districtId')" >
<el-select class="input-width" v-model="formData.district_id" clearable :placeholder="t('districtIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in districtIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('communityName')" >
<el-input v-model="formData.community_name" clearable :placeholder="t('communityNamePlaceholder')" class="input-width" />
</el-form-item>
<el-form-item :label="t('customerTags')" >
<el-checkbox-group v-model="formData.customer_tags" :placeholder="t('customerTagsPlaceholder')">
<el-checkbox
v-for="(item, index) in customer_tagsList"
:key="index"
:label="item.value">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</el-card>
<div class="fixed-footer-wrap">
<div class="fixed-footer">
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
<el-button @click="back()">{{ t('cancel') }}</el-button>
</div>
</div>
</div> </div>
<el-card class="box-card !border-none" shadow="never">
<el-form :model="formData" label-width="240px" ref="formRef" :rules="formRules" class="page-form">
<el-form-item :label="t('studentPhone')" prop="student_phone">
<el-input v-model="formData.student_phone" clearable :placeholder="t('studentPhonePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('studentName')" prop="student_name">
<el-input v-model="formData.student_name" clearable :placeholder="t('studentNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('sex')" prop="sex">
<el-select class="input-width" v-model="formData.sex" clearable :placeholder="t('sexPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in sexList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('age')" prop="age">
<el-input-number v-model="formData.age" clearable :placeholder="t('agePlaceholder')" class="input-width"
:min="0" max="300"/>
</el-form-item>
<el-form-item :label="t('schoolName')" prop="school_name">
<el-input v-model="formData.school_name" clearable :placeholder="t('schoolNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('grade')">
<el-input v-model="formData.grade" clearable :placeholder="t('gradePlaceholder')" class="input-width"/>
</el-form-item>
<el-form-item :label="t('className')">
<el-input v-model="formData.class_name" clearable :placeholder="t('classNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('sourceChannel')" prop="source_channel">
<el-select class="input-width" v-model="formData.source_channel" clearable
:placeholder="t('sourceChannelPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in source_channelList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('customerSource')" prop="customer_source">
<el-select class="input-width" v-model="formData.customer_source" clearable
:placeholder="t('customerSourcePlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in customer_sourceList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('addStaffId')" prop="add_staff_id">
<el-select class="input-width" v-model="formData.add_staff_id" clearable
:placeholder="t('addStaffIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in addStaffIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('getStaffId')">
<el-select class="input-width" v-model="formData.get_staff_id" clearable
:placeholder="t('getStaffIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in getStaffIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('contactName')" prop="contact_name">
<el-input v-model="formData.contact_name" clearable :placeholder="t('contactNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('provinceId')">
<el-select class="input-width" v-model="formData.province_id" clearable
:placeholder="t('provinceIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in provinceIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('cityId')">
<el-select class="input-width" v-model="formData.city_id" clearable :placeholder="t('cityIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in cityIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('districtId')">
<el-select class="input-width" v-model="formData.district_id" clearable
:placeholder="t('districtIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in districtIdList"
:key="index"
:label="item['name']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('communityName')">
<el-input v-model="formData.community_name" clearable :placeholder="t('communityNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('customerTags')">
<el-checkbox-group v-model="formData.customer_tags" :placeholder="t('customerTagsPlaceholder')">
<el-checkbox
v-for="(item, index) in customer_tagsList"
:key="index"
:label="item.value">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</el-card>
<div class="fixed-footer-wrap">
<div class="fixed-footer">
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
<el-button @click="back()">{{ t('cancel') }}</el-button>
</div>
</div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, computed, watch } from 'vue' import {ref, reactive, computed, watch} from 'vue'
import { t } from '@/lang' import {t} from '@/lang'
import { useDictionary } from '@/app/api/dict' import {useDictionary} from '@/app/api/dict'
import type { FormInstance } from 'element-plus' import type {FormInstance} from 'element-plus'
import { getSalesInfo,addSales,editSales, getWithStaffList, getWithSysAreaList } from '@/addon/zhjw/api/sales'; import {getSalesInfo, addSales, editSales, getWithStaffList, getWithSysAreaList} from '@/addon/zhjw/api/sales';
import { useRoute } from 'vue-router' import {useRoute} from 'vue-router'
const route = useRoute() const route = useRoute()
const id:number = parseInt(route.query.id); const id: number = parseInt(route.query.id);
const loading = ref(false) const loading = ref(false)
const pageName = route.meta.title const pageName = route.meta.title
/** /**
* 表单数据 * 表单数据
*/ */
const initialFormData = { const initialFormData = {
id: 0, id: 0,
student_phone: '', student_phone: '',
student_name: '', student_name: '',
sex: '', sex: '',
age: '', age: '',
school_name: '', school_name: '',
grade: '', grade: '',
class_name: '', class_name: '',
source_channel: '', source_channel: '',
customer_source: '', customer_source: '',
add_staff_id: '', add_staff_id: '',
get_staff_id: '', get_staff_id: '',
contact_name: '', contact_name: '',
province_id: '', province_id: '',
city_id: '', city_id: '',
district_id: '', district_id: '',
community_name: '', community_name: '',
customer_tags: '', customer_tags: '',
} }
const formData: Record<string, any> = reactive({ ...initialFormData }) const formData: Record<string, any> = reactive({...initialFormData})
const setFormData = async (id:number = 0) => { const setFormData = async (id: number = 0) => {
Object.assign(formData, initialFormData) Object.assign(formData, initialFormData)
const data = await (await getSalesInfo(id)).data const data = await (await getSalesInfo(id)).data
Object.keys(formData).forEach((key: string) => { Object.keys(formData).forEach((key: string) => {
if (data[key] != undefined) formData[key] = data[key] if (data[key] != undefined) formData[key] = data[key]
}) })
} }
if(id) setFormData(id); if (id) setFormData(id);
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
// 选中数据 // 选中数据
const selectData = ref<any[]>([]) const selectData = ref<any[]>([])
// 字典数据 // 字典数据
let sexList = ref([]) let sexList = ref([])
const sexDictList = async () => { const sexDictList = async () => {
sexList.value = await (await useDictionary('users_sex')).data.dictionary sexList.value = await (await useDictionary('users_sex')).data.dictionary
} }
sexDictList(); sexDictList();
watch(() => sexList.value, () => { formData.sex = sexList.value[0].value }) watch(() => sexList.value, () => {
let source_channelList = ref([]) formData.sex = sexList.value[0].value
const source_channelDictList = async () => { })
source_channelList.value = await (await useDictionary('source_channel')).data.dictionary let source_channelList = ref([])
} const source_channelDictList = async () => {
source_channelDictList(); source_channelList.value = await (await useDictionary('source_channel')).data.dictionary
watch(() => source_channelList.value, () => { formData.source_channel = source_channelList.value[0].value }) }
let customer_sourceList = ref([]) source_channelDictList();
const customer_sourceDictList = async () => { watch(() => source_channelList.value, () => {
customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary formData.source_channel = source_channelList.value[0].value
} })
customer_sourceDictList(); let customer_sourceList = ref([])
watch(() => customer_sourceList.value, () => { formData.customer_source = customer_sourceList.value[0].value }) const customer_sourceDictList = async () => {
let customer_tagsList = ref([]) customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary
const customer_tagsDictList = async () => { }
customer_tagsList.value = await (await useDictionary('customer_tags')).data.dictionary customer_sourceDictList();
} watch(() => customer_sourceList.value, () => {
customer_tagsDictList(); formData.customer_source = customer_sourceList.value[0].value
})
let customer_tagsList = ref([])
const customer_tagsDictList = async () => {
customer_tagsList.value = await (await useDictionary('customer_tags')).data.dictionary
}
customer_tagsDictList();
const addStaffIdList = ref([] as any[]) const addStaffIdList = ref([] as any[])
const setAddStaffIdList = async () => { const setAddStaffIdList = async () => {
addStaffIdList.value = await (await getWithStaffList({})).data addStaffIdList.value = await (await getWithStaffList({})).data
} }
setAddStaffIdList() setAddStaffIdList()
const getStaffIdList = ref([] as any[]) const getStaffIdList = ref([] as any[])
const setGetStaffIdList = async () => { const setGetStaffIdList = async () => {
getStaffIdList.value = await (await getWithStaffList({})).data getStaffIdList.value = await (await getWithStaffList({})).data
} }
setGetStaffIdList() setGetStaffIdList()
const provinceIdList = ref([] as any[]) const provinceIdList = ref([] as any[])
const setProvinceIdList = async () => { const setProvinceIdList = async () => {
provinceIdList.value = await (await getWithSysAreaList({})).data provinceIdList.value = await (await getWithSysAreaList({})).data
} }
setProvinceIdList() setProvinceIdList()
const cityIdList = ref([] as any[]) const cityIdList = ref([] as any[])
const setCityIdList = async () => { const setCityIdList = async () => {
cityIdList.value = await (await getWithSysAreaList({})).data cityIdList.value = await (await getWithSysAreaList({})).data
} }
setCityIdList() setCityIdList()
const districtIdList = ref([] as any[]) const districtIdList = ref([] as any[])
const setDistrictIdList = async () => { const setDistrictIdList = async () => {
districtIdList.value = await (await getWithSysAreaList({})).data districtIdList.value = await (await getWithSysAreaList({})).data
} }
setDistrictIdList() setDistrictIdList()
// 表单验证规则 // 表单验证规则
const formRules = computed(() => { const formRules = computed(() => {
return { return {
student_phone: [ student_phone: [
{ required: true, message: t('studentPhonePlaceholder'), trigger: 'blur' }, {required: true, message: t('studentPhonePlaceholder'), trigger: 'blur'},
] ]
, ,
student_name: [ student_name: [
{ required: true, message: t('studentNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('studentNamePlaceholder'), trigger: 'blur'},
] ]
, ,
sex: [ sex: [
{ required: true, message: t('sexPlaceholder'), trigger: 'blur' }, {required: true, message: t('sexPlaceholder'), trigger: 'blur'},
] ]
, ,
age: [ age: [
{ required: true, message: t('agePlaceholder'), trigger: 'blur' }, {required: true, message: t('agePlaceholder'), trigger: 'blur'},
{ validator: (rule: any, value: string, callback: any) => { if (value && !/^\d{0,300}$/.test(value)) { callback(new Error(t('generateBetween')))} else { callback() }}}, {
validator: (rule: any, value: string, callback: any) => {
if (value && !/^\d{0,300}$/.test(value)) {
callback(new Error(t('generateBetween')))
} else {
callback()
}
}
},
] ]
, ,
school_name: [ school_name: [
{ required: true, message: t('schoolNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('schoolNamePlaceholder'), trigger: 'blur'},
] ]
, ,
grade: [ grade: [
{ required: true, message: t('gradePlaceholder'), trigger: 'blur' }, {required: true, message: t('gradePlaceholder'), trigger: 'blur'},
] ]
, ,
class_name: [ class_name: [
{ required: true, message: t('classNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('classNamePlaceholder'), trigger: 'blur'},
] ]
, ,
source_channel: [ source_channel: [
{ required: true, message: t('sourceChannelPlaceholder'), trigger: 'blur' }, {required: true, message: t('sourceChannelPlaceholder'), trigger: 'blur'},
] ]
, ,
customer_source: [ customer_source: [
{ required: true, message: t('customerSourcePlaceholder'), trigger: 'blur' }, {required: true, message: t('customerSourcePlaceholder'), trigger: 'blur'},
] ]
, ,
add_staff_id: [ add_staff_id: [
{ required: true, message: t('addStaffIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('addStaffIdPlaceholder'), trigger: 'blur'},
] ]
, ,
get_staff_id: [ get_staff_id: [
{ required: true, message: t('getStaffIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('getStaffIdPlaceholder'), trigger: 'blur'},
] ]
, ,
contact_name: [ contact_name: [
{ required: true, message: t('contactNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('contactNamePlaceholder'), trigger: 'blur'},
] ]
, ,
province_id: [ province_id: [
{ required: true, message: t('provinceIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('provinceIdPlaceholder'), trigger: 'blur'},
] ]
, ,
city_id: [ city_id: [
{ required: true, message: t('cityIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('cityIdPlaceholder'), trigger: 'blur'},
] ]
, ,
district_id: [ district_id: [
{ required: true, message: t('districtIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('districtIdPlaceholder'), trigger: 'blur'},
] ]
, ,
community_name: [ community_name: [
{ required: true, message: t('communityNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('communityNamePlaceholder'), trigger: 'blur'},
] ]
, ,
customer_tags: [ customer_tags: [
{ required: true, message: t('customerTagsPlaceholder'), trigger: 'blur' }, {required: true, message: t('customerTagsPlaceholder'), trigger: 'blur'},
] ]
, ,
} }
}) })
const onSave = async (formEl: FormInstance | undefined) => { const onSave = async (formEl: FormInstance | undefined) => {
if (loading.value || !formEl) return if (loading.value || !formEl) return
await formEl.validate(async (valid) => { await formEl.validate(async (valid) => {
if (valid) { if (valid) {
loading.value = true loading.value = true
let data = formData let data = formData
const save = id ? editSales : addSales const save = id ? editSales : addSales
save(data).then(res => { save(data).then(res => {
loading.value = false loading.value = false
history.back() history.back()
}).catch(err => { }).catch(err => {
loading.value = false loading.value = false
}) })
} }
}) })
} }
// 验证手机号格式 // 验证手机号格式
const mobileVerify = (rule: any, value: any, callback: any) => { const mobileVerify = (rule: any, value: any, callback: any) => {
if (value && !/^1[3-9]\d{9}$/.test(value)) { if (value && !/^1[3-9]\d{9}$/.test(value)) {
callback(new Error(t('generateMobile'))) callback(new Error(t('generateMobile')))
} else { } else {
callback() callback()
} }
} }
// 验证身份证号 // 验证身份证号
const idCardVerify = (rule: any, value: any, callback: any) => { const idCardVerify = (rule: any, value: any, callback: any) => {
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
callback(new Error(t('generateIdCard'))) callback(new Error(t('generateIdCard')))
} else { } else {
callback() callback()
} }
} }
// 验证邮箱号 // 验证邮箱号
const emailVerify = (rule: any, value: any, callback: any) => { const emailVerify = (rule: any, value: any, callback: any) => {
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
callback(new Error(t('generateEmail'))) callback(new Error(t('generateEmail')))
} else { } else {
callback() callback()
} }
} }
// 验证请输入整数 // 验证请输入整数
const numberVerify = (rule: any, value: any, callback: any) => { const numberVerify = (rule: any, value: any, callback: any) => {
if (!Number.isInteger(value)) { if (!Number.isInteger(value)) {
callback(new Error(t('generateNumber'))) callback(new Error(t('generateNumber')))
} else { } else {
callback() callback()
} }
} }
const back = () => { const back = () => {
history.back() history.back()
} }
</script> </script>

Write Preview
Loading…
Cancel
Save