整理代码

admin/src/addon/zhjw/views/sales/sales_edit.vue

@@ -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-form-item :label="t('grade')">
-                    <el-input v-model="formData.grade" clearable :placeholder="t('gradePlaceholder')" class="input-width" />
+          <el-input v-model="formData.grade" clearable :placeholder="t('gradePlaceholder')" class="input-width"/>
         </el-form-item>
 
-                <el-form-item :label="t('className')" >
+        <el-form-item :label="t('className')">
-                    <el-input v-model="formData.class_name" clearable :placeholder="t('classNamePlaceholder')" class="input-width" />
+          <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-form-item :label="t('getStaffId')">
-                    <el-select class="input-width" v-model="formData.get_staff_id" clearable :placeholder="t('getStaffIdPlaceholder')">
+          <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-form-item :label="t('provinceId')">
-                    <el-select class="input-width" v-model="formData.province_id" clearable :placeholder="t('provinceIdPlaceholder')">
+          <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-form-item :label="t('districtId')">
-                    <el-select class="input-width" v-model="formData.district_id" clearable :placeholder="t('districtIdPlaceholder')">
+          <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-form-item :label="t('communityName')">
-                    <el-input v-model="formData.community_name" clearable :placeholder="t('communityNamePlaceholder')" class="input-width" />
+          <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 {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 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([])
+let sexList = ref([])
-    const sexDictList = async () => {
+const sexDictList = async () => {
   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 () => {
+})
+let source_channelList = ref([])
+const source_channelDictList = async () => {
   source_channelList.value = await (await useDictionary('source_channel')).data.dictionary
-    }
+}
-    source_channelDictList();
+source_channelDictList();
-    watch(() => source_channelList.value, () => { formData.source_channel = source_channelList.value[0].value })
+watch(() => source_channelList.value, () => {
-    let customer_sourceList = ref([])
+  formData.source_channel = source_channelList.value[0].value
-    const customer_sourceDictList = async () => {
+})
+let customer_sourceList = ref([])
+const customer_sourceDictList = async () => {
   customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary
-    }
+}
-    customer_sourceDictList();
+customer_sourceDictList();
-    watch(() => customer_sourceList.value, () => { formData.customer_source = customer_sourceList.value[0].value })
+watch(() => customer_sourceList.value, () => {
-    let customer_tagsList = ref([])
+  formData.customer_source = customer_sourceList.value[0].value
-    const customer_tagsDictList = async () => {
+})
+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 addStaffIdList = ref([] as any[])
-    const setAddStaffIdList = async () => {
+const setAddStaffIdList = async () => {
   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
-    }
+}
-    setGetStaffIdList()
+setGetStaffIdList()
-    const provinceIdList = ref([] as any[])
+const provinceIdList = ref([] as any[])
-    const setProvinceIdList = async () => {
+const setProvinceIdList = async () => {
   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
-    }
+}
-    setCityIdList()
+setCityIdList()
-    const districtIdList = ref([] as any[])
+const districtIdList = ref([] as any[])
-    const setDistrictIdList = async () => {
+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' },
+      {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: [
-        { 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'},
 
     ]
-,
+    ,
   }
 })