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

feat(sales): 优化销售管理页面 

- 重新组织页面结构，提高代码可读性和维护性
- 添加地址三级联动功能，优化地点筛选操作
- 移除冗余代码，提高代码效率
- 调整样式，提升用户体验
master
liutong 1 year ago
parent
8d8d7c4f85
commit
67db151231
1 changed files with 362 additions and 360 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. 722
      admin/src/addon/zhjw/views/sales/sales.vue

722
admin/src/addon/zhjw/views/sales/sales.vue
View File

@ -1,337 +1,353 @@
<template> <template>
<div class="main-container"> <div class="main-container">
<el-card class="box-card !border-none" shadow="never"> <el-card class="box-card !border-none" shadow="never">
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<span class="text-lg">{{pageName}}</span> <span class="text-lg">{{ pageName }}</span>
<el-button type="primary" @click="addEvent"> <el-button type="primary" @click="addEvent">
{{ t('addSales') }} {{ t('addSales') }}
</el-button> </el-button>
</div> </div>
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
<el-form :inline="true" :model="salesTable.searchParam" ref="searchFormRef"> <el-form :inline="true" :model="salesTable.searchParam" ref="searchFormRef">
<el-form-item :label="t('studentPhone')" prop="student_phone"> <el-form-item :label="t('studentPhone')" prop="student_phone">
<el-input v-model="salesTable.searchParam.student_phone" :placeholder="t('studentPhonePlaceholder')" /> <el-input v-model="salesTable.searchParam.student_phone" :placeholder="t('studentPhonePlaceholder')"/>
</el-form-item> </el-form-item>
<el-form-item :label="t('studentName')" prop="student_name"> <el-form-item :label="t('studentName')" prop="student_name">
<el-input v-model="salesTable.searchParam.student_name" :placeholder="t('studentNamePlaceholder')" /> <el-input v-model="salesTable.searchParam.student_name" :placeholder="t('studentNamePlaceholder')"/>
</el-form-item> </el-form-item>
<el-form-item :label="t('sex')" prop="sex"> <el-form-item :label="t('sex')" prop="sex">
<el-select class="w-[280px]" v-model="salesTable.searchParam.sex" clearable :placeholder="t('sexPlaceholder')"> <el-select class="w-[280px]" v-model="salesTable.searchParam.sex" clearable
<el-option label="全部" value=""></el-option> :placeholder="t('sexPlaceholder')">
<el-option <el-option label="全部" value=""></el-option>
v-for="(item, index) in sexList" <el-option
:key="index" v-for="(item, index) in sexList"
:label="item.name" :key="index"
:value="item.value" :label="item.name"
/> :value="item.value"
</el-select> />
</el-form-item> </el-select>
</el-form-item>
<el-form-item :label="t('age')" prop="age">
<range-input v-model="salesTable.searchParam.age"/> <el-form-item :label="t('age')" prop="age">
</el-form-item> <range-input v-model="salesTable.searchParam.age"/>
</el-form-item>
<el-form-item :label="t('schoolName')" prop="school_name">
<el-input v-model="salesTable.searchParam.school_name" :placeholder="t('schoolNamePlaceholder')" /> <el-form-item :label="t('schoolName')" prop="school_name">
</el-form-item> <el-input v-model="salesTable.searchParam.school_name" :placeholder="t('schoolNamePlaceholder')"/>
<el-form-item :label="t('grade')" prop="grade"> </el-form-item>
<el-input v-model="salesTable.searchParam.grade" :placeholder="t('gradePlaceholder')" /> <el-form-item :label="t('grade')" prop="grade">
</el-form-item> <el-input v-model="salesTable.searchParam.grade" :placeholder="t('gradePlaceholder')"/>
<el-form-item :label="t('className')" prop="class_name"> </el-form-item>
<el-input v-model="salesTable.searchParam.class_name" :placeholder="t('classNamePlaceholder')" /> <el-form-item :label="t('className')" prop="class_name">
</el-form-item> <el-input v-model="salesTable.searchParam.class_name" :placeholder="t('classNamePlaceholder')"/>
</el-form-item>
<el-form-item :label="t('sourceChannel')" prop="source_channel">
<el-select class="w-[280px]" v-model="salesTable.searchParam.source_channel" clearable :placeholder="t('sourceChannelPlaceholder')"> <el-form-item :label="t('sourceChannel')" prop="source_channel">
<el-option label="全部" value=""></el-option> <el-select class="w-[280px]" v-model="salesTable.searchParam.source_channel" clearable
<el-option :placeholder="t('sourceChannelPlaceholder')">
v-for="(item, index) in source_channelList" <el-option label="全部" value=""></el-option>
:key="index" <el-option
:label="item.name" v-for="(item, index) in source_channelList"
:value="item.value" :key="index"
/> :label="item.name"
</el-select> :value="item.value"
</el-form-item> />
</el-select>
</el-form-item>
<el-form-item :label="t('customerSource')" prop="customer_source">
<el-select class="w-[280px]" v-model="salesTable.searchParam.customer_source" clearable :placeholder="t('customerSourcePlaceholder')">
<el-option label="全部" value=""></el-option> <el-form-item :label="t('customerSource')" prop="customer_source">
<el-option <el-select class="w-[280px]" v-model="salesTable.searchParam.customer_source" clearable
v-for="(item, index) in customer_sourceList" :placeholder="t('customerSourcePlaceholder')">
:key="index" <el-option label="全部" value=""></el-option>
:label="item.name" <el-option
:value="item.value" v-for="(item, index) in customer_sourceList"
/> :key="index"
</el-select> :label="item.name"
</el-form-item> :value="item.value"
/>
</el-select>
<el-form-item :label="t('addStaffId')" prop="add_staff_id"> </el-form-item>
<el-select class="w-[280px]" v-model="salesTable.searchParam.add_staff_id" clearable :placeholder="t('addStaffIdPlaceholder')">
<el-option
v-for="(item, index) in addStaffIdList" <el-form-item :label="t('addStaffId')" prop="add_staff_id">
:key="index" <el-select class="w-[280px]" v-model="salesTable.searchParam.add_staff_id" clearable
:label="item['name']" :placeholder="t('addStaffIdPlaceholder')">
:value="item['id']" <el-option
/> v-for="(item, index) in addStaffIdList"
</el-select> :key="index"
</el-form-item> :label="item['name']"
:value="item['id']"
/>
<el-form-item :label="t('getStaffId')" prop="get_staff_id"> </el-select>
<el-select class="w-[280px]" v-model="salesTable.searchParam.get_staff_id" clearable :placeholder="t('getStaffIdPlaceholder')"> </el-form-item>
<el-option
v-for="(item, index) in getStaffIdList"
:key="index" <el-form-item :label="t('getStaffId')" prop="get_staff_id">
:label="item['name']" <el-select class="w-[280px]" v-model="salesTable.searchParam.get_staff_id" clearable
:value="item['id']" :placeholder="t('getStaffIdPlaceholder')">
/> <el-option
</el-select> v-for="(item, index) in getStaffIdList"
</el-form-item> :key="index"
:label="item['name']"
<el-form-item :label="t('contactName')" prop="contact_name"> :value="item['id']"
<el-input v-model="salesTable.searchParam.contact_name" :placeholder="t('contactNamePlaceholder')" /> />
</el-form-item> </el-select>
</el-form-item>
<el-form-item :label="t('provinceId')" prop="province_id">
<el-select class="w-[280px]" v-model="salesTable.searchParam.province_id" clearable :placeholder="t('provinceIdPlaceholder')"> <el-form-item :label="t('contactName')" prop="contact_name">
<el-option <el-input v-model="salesTable.searchParam.contact_name" :placeholder="t('contactNamePlaceholder')"/>
v-for="(item, index) in provinceIdList" </el-form-item>
:key="index"
:label="item['name']" <el-form-item :label="t('所在地')" prop="province_id">
:value="item['id']" <el-cascader
/> class="input-width"
</el-select> v-model="salesTable.searchParam.full_address_id"
</el-form-item> :options="options_area"
:props="{
label: 'name', // 指定显示文本字段
<el-form-item :label="t('cityId')" prop="city_id"> value: 'id', // 指定值字段
<el-select class="w-[280px]" v-model="salesTable.searchParam.city_id" clearable :placeholder="t('cityIdPlaceholder')"> children: 'children' // 指定子节点字段
<el-option }"
v-for="(item, index) in cityIdList" @change="changeArea"></el-cascader>
:key="index" </el-form-item>
:label="item['name']"
:value="item['id']" <el-form-item :label="t('communityName')" prop="community_name">
/> <el-input v-model="salesTable.searchParam.community_name" :placeholder="t('communityNamePlaceholder')"/>
</el-select> </el-form-item>
</el-form-item> <el-form-item :label="t('createTime')" prop="create_time">
<el-date-picker v-model="salesTable.searchParam.create_time" type="datetimerange"
format="YYYY-MM-DD hh:mm:ss"
<el-form-item :label="t('districtId')" prop="district_id"> :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
<el-select class="w-[280px]" v-model="salesTable.searchParam.district_id" clearable :placeholder="t('districtIdPlaceholder')"> </el-form-item>
<el-option
v-for="(item, index) in districtIdList"
:key="index" <el-form-item>
:label="item['name']" <el-button type="primary" @click="loadSalesList()">{{ t('search') }}</el-button>
:value="item['id']" <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
/> </el-form-item>
</el-select> </el-form>
</el-form-item> </el-card>
<el-form-item :label="t('communityName')" prop="community_name"> <div class="mt-[10px]">
<el-input v-model="salesTable.searchParam.community_name" :placeholder="t('communityNamePlaceholder')" /> <el-table :data="salesTable.data" size="large" v-loading="salesTable.loading">
</el-form-item> <template #empty>
<el-form-item :label="t('createTime')" prop="create_time"> <span>{{ !salesTable.loading ? t('emptyData') : '' }}</span>
<el-date-picker v-model="salesTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" </template>
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
</el-form-item>
<el-table-column prop="student_phone" :label="t('studentPhone')" min-width="120"
:show-overflow-tooltip="true"/>
<el-form-item>
<el-button type="primary" @click="loadSalesList()">{{ t('search') }}</el-button> <el-table-column prop="student_name" :label="t('studentName')" min-width="120" :show-overflow-tooltip="true"/>
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
</el-form-item> <el-table-column :label="t('sex')" min-width="180" align="center" :show-overflow-tooltip="true">
</el-form> <template #default="{ row }">
</el-card> <div v-for="(item, index) in sexList">
<div v-if="item.value == row.sex">{{ item.name }}</div>
<div class="mt-[10px]"> </div>
<el-table :data="salesTable.data" size="large" v-loading="salesTable.loading"> </template>
<template #empty> </el-table-column>
<span>{{ !salesTable.loading ? t('emptyData') : '' }}</span>
</template> <el-table-column prop="age" :label="t('age')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="school_name" :label="t('schoolName')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="student_phone" :label="t('studentPhone')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="grade" :label="t('grade')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="student_name" :label="t('studentName')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="class_name" :label="t('className')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column :label="t('sex')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }"> <el-table-column :label="t('sourceChannel')" min-width="180" align="center" :show-overflow-tooltip="true">
<div v-for="(item, index) in sexList"> <template #default="{ row }">
<div v-if="item.value == row.sex">{{ item.name }}</div> <div v-for="(item, index) in source_channelList">
</div> <div v-if="item.value == row.source_channel">{{ item.name }}</div>
</template> </div>
</el-table-column> </template>
</el-table-column>
<el-table-column prop="age" :label="t('age')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column :label="t('customerSource')" min-width="180" align="center" :show-overflow-tooltip="true">
<el-table-column prop="school_name" :label="t('schoolName')" min-width="120" :show-overflow-tooltip="true"/> <template #default="{ row }">
<div v-for="(item, index) in customer_sourceList">
<el-table-column prop="grade" :label="t('grade')" min-width="120" :show-overflow-tooltip="true"/> <div v-if="item.value == row.customer_source">{{ item.name }}</div>
</div>
<el-table-column prop="class_name" :label="t('className')" min-width="120" :show-overflow-tooltip="true"/> </template>
</el-table-column>
<el-table-column :label="t('sourceChannel')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }"> <el-table-column prop="add_staff_id_name" :label="t('addStaffId')" min-width="120"
<div v-for="(item, index) in source_channelList"> :show-overflow-tooltip="true"/>
<div v-if="item.value == row.source_channel">{{ item.name }}</div>
</div> <el-table-column prop="get_staff_id_name" :label="t('getStaffId')" min-width="120"
</template> :show-overflow-tooltip="true"/>
</el-table-column>
<el-table-column prop="contact_name" :label="t('contactName')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column :label="t('customerSource')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }"> <el-table-column prop="province_id_name" :label="t('provinceId')" min-width="120"
<div v-for="(item, index) in customer_sourceList"> :show-overflow-tooltip="true"/>
<div v-if="item.value == row.customer_source">{{ item.name }}</div>
</div> <el-table-column prop="city_id_name" :label="t('cityId')" min-width="120" :show-overflow-tooltip="true"/>
</template>
</el-table-column> <el-table-column prop="district_id_name" :label="t('districtId')" min-width="120"
:show-overflow-tooltip="true"/>
<el-table-column prop="add_staff_id_name" :label="t('addStaffId')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column prop="community_name" :label="t('communityName')" min-width="120"
<el-table-column prop="get_staff_id_name" :label="t('getStaffId')" min-width="120" :show-overflow-tooltip="true"/> :show-overflow-tooltip="true"/>
<el-table-column prop="contact_name" :label="t('contactName')" min-width="120" :show-overflow-tooltip="true"/> <el-table-column :label="t('customerTags')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
<el-table-column prop="province_id_name" :label="t('provinceId')" min-width="120" :show-overflow-tooltip="true"/> <div v-for="(item, index) in customer_tagsList">
<div v-if="item.value == row.customer_tags">{{ item.name }}</div>
<el-table-column prop="city_id_name" :label="t('cityId')" min-width="120" :show-overflow-tooltip="true"/> </div>
</template>
<el-table-column prop="district_id_name" :label="t('districtId')" min-width="120" :show-overflow-tooltip="true"/> </el-table-column>
<el-table-column prop="community_name" :label="t('communityName')" min-width="120" :show-overflow-tooltip="true"/> <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
<el-table-column :label="t('customerTags')" min-width="180" align="center" :show-overflow-tooltip="true"> {{ row.create_time || '' }}
<template #default="{ row }"> </template>
<div v-for="(item, index) in customer_tagsList"> </el-table-column>
<div v-if="item.value == row.customer_tags">{{ item.name }}</div>
</div> <el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true">
</template> <template #default="{ row }">
</el-table-column> {{ row.update_time || '' }}
</template>
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> </el-table-column>
<template #default="{ row }">
{{ row.create_time || '' }}
</template> <el-table-column :label="t('operation')" fixed="right" min-width="120">
</el-table-column> <template #default="{ row }">
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
<el-table-column :label="t('updateTime')" min-width="180" align="center" :show-overflow-tooltip="true"> <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
<template #default="{ row }"> </template>
{{ row.update_time || '' }} </el-table-column>
</template>
</el-table-column> </el-table>
<div class="mt-[16px] flex justify-end">
<el-pagination v-model:current-page="salesTable.page" v-model:page-size="salesTable.limit"
<el-table-column :label="t('operation')" fixed="right" min-width="120"> layout="total, sizes, prev, pager, next, jumper" :total="salesTable.total"
<template #default="{ row }"> @size-change="loadSalesList()" @current-change="loadSalesList"/>
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> </div>
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> </div>
</template>
</el-table-column>
</el-card>
</el-table> </div>
<div class="mt-[16px] flex justify-end">
<el-pagination v-model:current-page="salesTable.page" v-model:page-size="salesTable.limit"
layout="total, sizes, prev, pager, next, jumper" :total="salesTable.total"
@size-change="loadSalesList()" @current-change="loadSalesList" />
</div>
</div>
</el-card>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, ref, watch } from 'vue' import {reactive, ref, watch} from 'vue'
import { t } from '@/lang' import {t} from '@/lang'
import { useDictionary } from '@/app/api/dict' import {useDictionary} from '@/app/api/dict'
import {getSalesList, deleteSales, getWithStaffList, getWithSysAreaList} from '@/addon/zhjw/api/sales' import {getSalesList, deleteSales, getWithStaffList, getWithSysAreaList} from '@/addon/zhjw/api/sales'
import { img } from '@/utils/common' import {img} from '@/utils/common'
import { ElMessageBox,FormInstance } from 'element-plus' import {ElMessageBox, FormInstance} from 'element-plus'
import { useRouter } from 'vue-router' import {useRouter} from 'vue-router'
import { useRoute } from 'vue-router' import {useRoute} from 'vue-router'
import {getAreaTree} from "@/addon/zhjw/api/common";
const route = useRoute() const route = useRoute()
const pageName = route.meta.title; const pageName = route.meta.title;
let salesTable = reactive({ let salesTable = reactive({
page: 1, page: 1,
limit: 10, limit: 10,
total: 0, total: 0,
loading: true, loading: true,
data: [], data: [],
searchParam:{ searchParam: {
"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": "",
"create_time":"" "create_time": ""
} }
}) })
const searchFormRef = ref<FormInstance>() const searchFormRef = ref<FormInstance>()
//地址下拉三级联动
const options_area = ref([]);//地址选择树形结构
//获取地址树形结构
const getAreaTreeArr = async () => {
options_area.value = await (await getAreaTree()).data
}
getAreaTreeArr()
//监听地址选择
const changeArea = (selectedValues: any[]) => {
console.log('用户选择的地址值:', selectedValues);
// 将选中的地址信息存储到 formData 中
if (selectedValues.length >= 1) {
salesTable.searchParam.province_id = selectedValues[0]; // 省级 ID
}
if (selectedValues.length >= 2) {
salesTable.searchParam.city_id = selectedValues[1]; // 市级 ID
}
if (selectedValues.length >= 3) {
salesTable.searchParam.district_id = selectedValues[2]; // 区级 ID
}
};
// 选中数据 // 选中数据
const selectData = ref<any[]>([]) const selectData = ref<any[]>([])
// 字典数据 // 字典数据
const sexList = ref([] as any[]) const sexList = ref([] as any[])
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();
const source_channelList = ref([] as any[]) const source_channelList = ref([] as any[])
const source_channelDictList = async () => { const source_channelDictList = async () => {
source_channelList.value = await (await useDictionary('source_channel')).data.dictionary source_channelList.value = await (await useDictionary('source_channel')).data.dictionary
} }
source_channelDictList(); source_channelDictList();
const customer_sourceList = ref([] as any[]) const customer_sourceList = ref([] as any[])
const customer_sourceDictList = async () => { const customer_sourceDictList = async () => {
customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary customer_sourceList.value = await (await useDictionary('customer_source')).data.dictionary
} }
customer_sourceDictList(); customer_sourceDictList();
const customer_tagsList = ref([] as any[]) const customer_tagsList = ref([] as any[])
const customer_tagsDictList = async () => { const customer_tagsDictList = async () => {
customer_tagsList.value = await (await useDictionary('customer_tags')).data.dictionary customer_tagsList.value = await (await useDictionary('customer_tags')).data.dictionary
} }
customer_tagsDictList(); customer_tagsDictList();
/** /**
* 获取销售管理列表 * 获取销售管理列表
*/ */
const loadSalesList = (page: number = 1) => { const loadSalesList = (page: number = 1) => {
salesTable.loading = true salesTable.loading = true
salesTable.page = page salesTable.page = page
getSalesList({ getSalesList({
page: salesTable.page, page: salesTable.page,
limit: salesTable.limit, limit: salesTable.limit,
...salesTable.searchParam ...salesTable.searchParam
}).then(res => { }).then(res => {
salesTable.loading = false salesTable.loading = false
salesTable.data = res.data.data salesTable.data = res.data.data
salesTable.total = res.data.total salesTable.total = res.data.total
}).catch(() => { }).catch(() => {
salesTable.loading = false salesTable.loading = false
}) })
} }
loadSalesList() loadSalesList()
@ -341,7 +357,7 @@ const router = useRouter()
* 添加销售管理 * 添加销售管理
*/ */
const addEvent = () => { const addEvent = () => {
router.push('/sales/sales_edit') router.push('/sales/sales_edit')
} }
/** /**
@ -349,69 +365,55 @@ const addEvent = () => {
* @param data * @param data
*/ */
const editEvent = (data: any) => { const editEvent = (data: any) => {
router.push('/sales/sales_edit?id='+data.id) router.push('/sales/sales_edit?id=' + data.id)
} }
/** /**
* 删除销售管理 * 删除销售管理
*/ */
const deleteEvent = (id: number) => { const deleteEvent = (id: number) => {
ElMessageBox.confirm(t('salesDeleteTips'), t('warning'), ElMessageBox.confirm(t('salesDeleteTips'), t('warning'),
{ {
confirmButtonText: t('confirm'), confirmButtonText: t('confirm'),
cancelButtonText: t('cancel'), cancelButtonText: t('cancel'),
type: 'warning', type: 'warning',
} }
).then(() => { ).then(() => {
deleteSales(id).then(() => { deleteSales(id).then(() => {
loadSalesList() loadSalesList()
}).catch(() => { }).catch(() => {
})
}) })
})
} }
const addStaffIdList = ref([]) const addStaffIdList = ref([])
const setAddStaffIdList = async () => { const getStaffIdList = ref([])
addStaffIdList.value = await (await getWithStaffList({})).data const getStaffIdListApi = async () => {
} let data = await (await getWithStaffList({})).data
setAddStaffIdList() addStaffIdList.value = data
const getStaffIdList = ref([])
const setGetStaffIdList = async () => { getStaffIdList.value = data
getStaffIdList.value = await (await getWithStaffList({})).data }
} getStaffIdListApi()
setGetStaffIdList()
const provinceIdList = ref([])
const setProvinceIdList = async () => {
provinceIdList.value = await (await getWithSysAreaList({})).data
}
setProvinceIdList()
const cityIdList = ref([])
const setCityIdList = async () => {
cityIdList.value = await (await getWithSysAreaList({})).data
}
setCityIdList()
const districtIdList = ref([])
const setDistrictIdList = async () => {
districtIdList.value = await (await getWithSysAreaList({})).data
}
setDistrictIdList()
const resetForm = (formEl: FormInstance | undefined) => { const resetForm = (formEl: FormInstance | undefined) => {
if (!formEl) return if (!formEl) return
formEl.resetFields() formEl.resetFields()
loadSalesList() loadSalesList()
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* 多行超出隐藏 */ /* 多行超出隐藏 */
.multi-hidden { .multi-hidden {
word-break: break-all; word-break: break-all;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save