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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 245
      admin/src/addon/zhjw/views/sales/sales_edit.vue

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

@ -3,19 +3,21 @@
<div class="detail-head">
<div class="left" @click="back()">
<span class="iconfont iconxiangzuojiantou !text-xs"></span>
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
</div>
<span class="adorn">|</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 :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-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-input v-model="formData.student_name" clearable :placeholder="t('studentNamePlaceholder')"
class="input-width"/>
</el-form-item>
<el-form-item :label="t('sex')" prop="sex">
@ -31,23 +33,27 @@
</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-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-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 :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 :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-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"
@ -59,7 +65,8 @@
</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-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"
@ -71,7 +78,8 @@
</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-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"
@ -82,8 +90,9 @@
</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-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"
@ -95,11 +104,13 @@
</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-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-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"
@ -110,7 +121,7 @@
</el-select>
</el-form-item>
<el-form-item :label="t('cityId')" >
<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
@ -122,8 +133,9 @@
</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-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"
@ -134,11 +146,12 @@
</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 :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-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"
@ -162,20 +175,19 @@
</template>
<script lang="ts" setup>
import { ref, reactive, computed, watch } from 'vue'
import { t } from '@/lang'
import { useDictionary } from '@/app/api/dict'
import type { FormInstance } from 'element-plus'
import { getSalesInfo,addSales,editSales, getWithStaffList, getWithSysAreaList } from '@/addon/zhjw/api/sales';
import { useRoute } from 'vue-router'
import {ref, reactive, computed, watch} from 'vue'
import {t} from '@/lang'
import {useDictionary} from '@/app/api/dict'
import type {FormInstance} from 'element-plus'
import {getSalesInfo, addSales, editSales, getWithStaffList, getWithSysAreaList} from '@/addon/zhjw/api/sales';
import {useRoute} from 'vue-router'
const route = useRoute()
const id:number = parseInt(route.query.id);
const id: number = parseInt(route.query.id);
const loading = ref(false)
const pageName = route.meta.title
/**
* 表单数据
*/
@ -200,161 +212,174 @@ const initialFormData = {
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)
const data = await (await getSalesInfo(id)).data
Object.keys(formData).forEach((key: string) => {
if (data[key] != undefined) formData[key] = data[key]
})
}
if(id) setFormData(id);
if (id) setFormData(id);
const formRef = ref<FormInstance>()
// 选中数据
const selectData = ref<any[]>([])
// 字典数据
let sexList = ref([])
const sexDictList = async () => {
let sexList = ref([])
const sexDictList = async () => {
sexList.value = await (await useDictionary('users_sex')).data.dictionary
}
sexDictList();
watch(() => sexList.value, () => { formData.sex = sexList.value[0].value })
let source_channelList = ref([])
const source_channelDictList = async () => {
}
sexDictList();
watch(() => sexList.value, () => {
formData.sex = sexList.value[0].value
})
let source_channelList = ref([])
const source_channelDictList = async () => {
source_channelList.value = await (await useDictionary('source_channel')).data.dictionary
}
source_channelDictList();
watch(() => source_channelList.value, () => { formData.source_channel = source_channelList.value[0].value })
let customer_sourceList = ref([])
const customer_sourceDictList = async () => {
}
source_channelDictList();
watch(() => source_channelList.value, () => {
formData.source_channel = source_channelList.value[0].value
})
let customer_sourceList = ref([])
const customer_sourceDictList = async () => {
customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary
}
customer_sourceDictList();
watch(() => customer_sourceList.value, () => { formData.customer_source = customer_sourceList.value[0].value })
let customer_tagsList = ref([])
const customer_tagsDictList = async () => {
}
customer_sourceDictList();
watch(() => customer_sourceList.value, () => {
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();
}
customer_tagsDictList();
const addStaffIdList = ref([] as any[])
const setAddStaffIdList = async () => {
const addStaffIdList = ref([] as any[])
const setAddStaffIdList = async () => {
addStaffIdList.value = await (await getWithStaffList({})).data
}
setAddStaffIdList()
const getStaffIdList = ref([] as any[])
const setGetStaffIdList = async () => {
}
setAddStaffIdList()
const getStaffIdList = ref([] as any[])
const setGetStaffIdList = async () => {
getStaffIdList.value = await (await getWithStaffList({})).data
}
setGetStaffIdList()
const provinceIdList = ref([] as any[])
const setProvinceIdList = async () => {
}
setGetStaffIdList()
const provinceIdList = ref([] as any[])
const setProvinceIdList = async () => {
provinceIdList.value = await (await getWithSysAreaList({})).data
}
setProvinceIdList()
const cityIdList = ref([] as any[])
const setCityIdList = async () => {
}
setProvinceIdList()
const cityIdList = ref([] as any[])
const setCityIdList = async () => {
cityIdList.value = await (await getWithSysAreaList({})).data
}
setCityIdList()
const districtIdList = ref([] as any[])
const setDistrictIdList = async () => {
}
setCityIdList()
const districtIdList = ref([] as any[])
const setDistrictIdList = async () => {
districtIdList.value = await (await getWithSysAreaList({})).data
}
setDistrictIdList()
}
setDistrictIdList()
// 表单验证规则
const formRules = computed(() => {
return {
student_phone: [
{ required: true, message: t('studentPhonePlaceholder'), trigger: 'blur' },
{required: true, message: t('studentPhonePlaceholder'), trigger: 'blur'},
]
,
,
student_name: [
{ required: true, message: t('studentNamePlaceholder'), trigger: 'blur' },
{required: true, message: t('studentNamePlaceholder'), trigger: 'blur'},
]
,
,
sex: [
{ required: true, message: t('sexPlaceholder'), trigger: 'blur' },
{required: true, message: t('sexPlaceholder'), trigger: 'blur'},
]
,
,
age: [
{ 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() }}},
{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()
}
}
},
]
,
,
school_name: [
{ required: true, message: t('schoolNamePlaceholder'), trigger: 'blur' },
{required: true, message: t('schoolNamePlaceholder'), trigger: 'blur'},
]
,
,
grade: [
{ required: true, message: t('gradePlaceholder'), trigger: 'blur' },
{required: true, message: t('gradePlaceholder'), trigger: 'blur'},
]
,
,
class_name: [
{ required: true, message: t('classNamePlaceholder'), trigger: 'blur' },
{required: true, message: t('classNamePlaceholder'), trigger: 'blur'},
]
,
,
source_channel: [
{ required: true, message: t('sourceChannelPlaceholder'), trigger: 'blur' },
{required: true, message: t('sourceChannelPlaceholder'), trigger: 'blur'},
]
,
,
customer_source: [
{ required: true, message: t('customerSourcePlaceholder'), trigger: 'blur' },
{required: true, message: t('customerSourcePlaceholder'), trigger: 'blur'},
]
,
,
add_staff_id: [
{ required: true, message: t('addStaffIdPlaceholder'), trigger: 'blur' },
{required: true, message: t('addStaffIdPlaceholder'), trigger: 'blur'},
]
,
,
get_staff_id: [
{ required: true, message: t('getStaffIdPlaceholder'), trigger: 'blur' },
{required: true, message: t('getStaffIdPlaceholder'), trigger: 'blur'},
]
,
,
contact_name: [
{ required: true, message: t('contactNamePlaceholder'), trigger: 'blur' },
{required: true, message: t('contactNamePlaceholder'), trigger: 'blur'},
]
,
,
province_id: [
{ required: true, message: t('provinceIdPlaceholder'), trigger: 'blur' },
{required: true, message: t('provinceIdPlaceholder'), trigger: 'blur'},
]
,
,
city_id: [
{ required: true, message: t('cityIdPlaceholder'), trigger: 'blur' },
{required: true, message: t('cityIdPlaceholder'), trigger: 'blur'},
]
,
,
district_id: [
{ required: true, message: t('districtIdPlaceholder'), trigger: 'blur' },
{required: true, message: t('districtIdPlaceholder'), trigger: 'blur'},
]
,
,
community_name: [
{ required: true, message: t('communityNamePlaceholder'), trigger: 'blur' },
{required: true, message: t('communityNamePlaceholder'), trigger: 'blur'},
]
,
,
customer_tags: [
{ required: true, message: t('customerTagsPlaceholder'), trigger: 'blur' },
{required: true, message: t('customerTagsPlaceholder'), trigger: 'blur'},
]
,
,
}
})

Write Preview
Loading…
Cancel
Save