|
@@ -8,13 +8,12 @@
|
|
>
|
|
>
|
|
<a-form ref="formRef" :model="formData" :rules="formRules" :wrapper-col="wrapperCol" :label-col="labelCol">
|
|
<a-form ref="formRef" :model="formData" :rules="formRules" :wrapper-col="wrapperCol" :label-col="labelCol">
|
|
<a-form-item label="点位人员信息:" name="userId">
|
|
<a-form-item label="点位人员信息:" name="userId">
|
|
- <xn-page-select
|
|
|
|
- ref="xnUserPageSelectRef"
|
|
|
|
- v-model:value="formData.userId"
|
|
|
|
|
|
+ <xn-user-selector
|
|
|
|
+ :org-tree-api="selectorApiFunction.orgTreeApi"
|
|
|
|
+ :user-page-api="selectorApiFunction.userPageApi"
|
|
|
|
+ :radio-model="true"
|
|
placeholder="请选择装货员"
|
|
placeholder="请选择装货员"
|
|
- allow-clear
|
|
|
|
- :page-function="selectApiFunction.userSelector"
|
|
|
|
- :echo-function="selectApiFunction.echoUser"
|
|
|
|
|
|
+ v-model:value="formData.userId"
|
|
/>
|
|
/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-form>
|
|
</a-form>
|
|
@@ -29,7 +28,7 @@
|
|
import { cloneDeep } from 'lodash-es'
|
|
import { cloneDeep } from 'lodash-es'
|
|
import { required } from '@/utils/formRules'
|
|
import { required } from '@/utils/formRules'
|
|
import bizLoadUserApi from '@/api/biz/bizLoadUserApi'
|
|
import bizLoadUserApi from '@/api/biz/bizLoadUserApi'
|
|
- import userCenterApi from '@/api/sys/userCenterApi'
|
|
|
|
|
|
+ import userApi from '@/api/sys/userApi'
|
|
|
|
|
|
// 抽屉状态
|
|
// 抽屉状态
|
|
const open = ref(false)
|
|
const open = ref(false)
|
|
@@ -38,21 +37,19 @@
|
|
// 表单数据
|
|
// 表单数据
|
|
const formData = ref({})
|
|
const formData = ref({})
|
|
const submitLoading = ref(false)
|
|
const submitLoading = ref(false)
|
|
- // 分页select组件dom定义
|
|
|
|
- const xnUserPageSelectRef = ref()
|
|
|
|
|
|
|
|
//设置表单样式
|
|
//设置表单样式
|
|
const labelCol = ref({ span: 4})
|
|
const labelCol = ref({ span: 4})
|
|
const wrapperCol = ref({ span: 16})
|
|
const wrapperCol = ref({ span: 16})
|
|
|
|
|
|
// 打开抽屉
|
|
// 打开抽屉
|
|
- const onOpen = (record) => {
|
|
|
|
|
|
+ const onOpen = (record, pointId) => {
|
|
open.value = true
|
|
open.value = true
|
|
|
|
+ formData.value.pointId = pointId
|
|
if (record) {
|
|
if (record) {
|
|
let recordData = cloneDeep(record)
|
|
let recordData = cloneDeep(record)
|
|
formData.value = Object.assign({}, recordData)
|
|
formData.value = Object.assign({}, recordData)
|
|
}
|
|
}
|
|
- xnUserPageSelectRef.value.onPage()
|
|
|
|
}
|
|
}
|
|
// 关闭抽屉
|
|
// 关闭抽屉
|
|
const onClose = () => {
|
|
const onClose = () => {
|
|
@@ -64,16 +61,15 @@
|
|
const formRules = {
|
|
const formRules = {
|
|
userId: [required('请选择人员')],
|
|
userId: [required('请选择人员')],
|
|
}
|
|
}
|
|
-
|
|
|
|
- // 传递选择组件需要的API
|
|
|
|
- const selectApiFunction = {
|
|
|
|
- userSelector: (param) => {
|
|
|
|
- return bizUserApi.userSelector(param).then((data) => {
|
|
|
|
|
|
+ // 传递设计器需要的API
|
|
|
|
+ const selectorApiFunction = {
|
|
|
|
+ orgTreeApi: (param) => {
|
|
|
|
+ return userApi.userOrgTreeSelector(param).then((data) => {
|
|
return Promise.resolve(data)
|
|
return Promise.resolve(data)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- echoUser: (param) => {
|
|
|
|
- return userCenterApi.userCenterGetUserListByIdList(param).then((data) => {
|
|
|
|
|
|
+ userPageApi: (param) => {
|
|
|
|
+ return userApi.userSelector(param).then((data) => {
|
|
return Promise.resolve(data)
|
|
return Promise.resolve(data)
|
|
})
|
|
})
|
|
}
|
|
}
|