|
@@ -11,10 +11,10 @@ const router = useRouter()
|
|
|
|
|
|
const filterState = reactive({
|
|
const filterState = reactive({
|
|
keyword: '',
|
|
keyword: '',
|
|
- SellerDepartmentId: '',
|
|
|
|
|
|
+ sellerId: [],
|
|
createTime: [],
|
|
createTime: [],
|
|
- sortType:'',
|
|
|
|
- sortVal:''
|
|
|
|
|
|
+ SortField: 0,
|
|
|
|
+ SortRule: 0
|
|
})
|
|
})
|
|
|
|
|
|
const tableColOpt = computed( ()=>{
|
|
const tableColOpt = computed( ()=>{
|
|
@@ -44,7 +44,8 @@ const tableColOpt = computed( ()=>{
|
|
{
|
|
{
|
|
label: '创建时间',
|
|
label: '创建时间',
|
|
key: 'CreateTime',
|
|
key: 'CreateTime',
|
|
- width: '200px'
|
|
|
|
|
|
+ width: '200px',
|
|
|
|
+ sort: true,
|
|
},
|
|
},
|
|
]
|
|
]
|
|
} else {
|
|
} else {
|
|
@@ -111,16 +112,15 @@ async function getUserList() {
|
|
const parames = {
|
|
const parames = {
|
|
PageSize: pageSize.value,
|
|
PageSize: pageSize.value,
|
|
CurrentIndex: page.value,
|
|
CurrentIndex: page.value,
|
|
- SellerDepartmentId: filterState.SellerDepartmentId,
|
|
|
|
- KeyWord: filterState.keyword,
|
|
|
|
- CreateStartDate: filterState.createTime ? filterState.createTime[0] : '',
|
|
|
|
- CreateEndDate: filterState.createTime ? filterState.createTime[1] : '',
|
|
|
|
- SortParam:filterState.sortType,
|
|
|
|
- SortType:filterState.sortVal,
|
|
|
|
|
|
+ SellerIds: filterState.sellerId.length > 0 ? filterState.sellerId.join(',') : '',
|
|
|
|
+ Keywords: filterState.keyword,
|
|
|
|
+ StartTime: filterState.createTime ? filterState.createTime[0] : '',
|
|
|
|
+ EndTime: filterState.createTime ? filterState.createTime[1] : '',
|
|
|
|
+ SortField:filterState.SortField,
|
|
|
|
+ SortRule:filterState.SortRule,
|
|
UserStatus: 2
|
|
UserStatus: 2
|
|
}
|
|
}
|
|
- console.log(radio.value === 1 ? 'companyPageList' : 'userList');
|
|
|
|
-
|
|
|
|
|
|
+
|
|
const res = radio.value === 1 ? await apiCustomerUser.companyPageList(parames) : await apiCustomerUser.userList(parames)
|
|
const res = radio.value === 1 ? await apiCustomerUser.companyPageList(parames) : await apiCustomerUser.userList(parames)
|
|
tableLoading.value = false
|
|
tableLoading.value = false
|
|
if (res.Ret === 200) {
|
|
if (res.Ret === 200) {
|
|
@@ -149,17 +149,22 @@ async function getSellerDepartment() {
|
|
}
|
|
}
|
|
|
|
|
|
function handleTableSort(e) {
|
|
function handleTableSort(e) {
|
|
- const { order, prop } = e//order:"descending",prop: "RegisterTime"
|
|
|
|
- filterState.sortType=prop
|
|
|
|
- if(!order){
|
|
|
|
- filterState.sortVal=''
|
|
|
|
- }else{
|
|
|
|
- filterState.sortVal=order==='descending'?'desc':'asc'
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ const sortFieldMap = {
|
|
|
|
+ CreateTime: 1,
|
|
|
|
+ RegisterTime: 2,
|
|
|
|
+ ModifyTime: 3,
|
|
|
|
+ ReadTimes: 4
|
|
|
|
+ };
|
|
|
|
+ // 设置排序字段
|
|
|
|
+ filterState.SortField = sortFieldMap[e.prop] || 0;
|
|
|
|
+ // 设置排序规则
|
|
|
|
+ filterState.SortRule = e.order ? (e.order === 'descending' ? 1 : 2) : 0;
|
|
handleFilterList()
|
|
handleFilterList()
|
|
}
|
|
}
|
|
function handleFilterList() {
|
|
function handleFilterList() {
|
|
|
|
+ console.log('handleFilterList', filterState.sellerId);
|
|
|
|
+
|
|
page.value = 1
|
|
page.value = 1
|
|
getUserList()
|
|
getUserList()
|
|
}
|
|
}
|
|
@@ -341,16 +346,22 @@ function handleGoReadTimes(e){
|
|
style="max-width: 359px;float: right"
|
|
style="max-width: 359px;float: right"
|
|
@input="handleFilterList"
|
|
@input="handleFilterList"
|
|
/>
|
|
/>
|
|
- <el-select
|
|
|
|
- placeholder="请选择营业部"
|
|
|
|
- v-model="filterState.SellerDepartmentId"
|
|
|
|
- style="width: 165px"
|
|
|
|
- clearable
|
|
|
|
- size="large"
|
|
|
|
- @change="handleFilterList"
|
|
|
|
- >
|
|
|
|
- <el-option v-for="(item, index) in departmentList" :key="index" :label="item.SysDepartmentName" :value="item.SysDepartmentId"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
|
|
+ <div style="width: 235px">
|
|
|
|
+ <all-user-for-depart
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ :props="{
|
|
|
|
+ emitPath: false,
|
|
|
|
+ checkStrictly: true,
|
|
|
|
+ multiple: true,
|
|
|
|
+ }"
|
|
|
|
+ :filterable="true"
|
|
|
|
+ onlySelectUser
|
|
|
|
+ :size="'large'"
|
|
|
|
+ v-model="filterState.sellerId"
|
|
|
|
+ placeholder="请选择营业部"
|
|
|
|
+ @change="handleFilterList"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
<div style="width: 235px">
|
|
<div style="width: 235px">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
style="width: 235px"
|
|
style="width: 235px"
|