mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-12 12:26:47 +08:00
-- 项目自动带出组织
This commit is contained in:
@@ -9,7 +9,7 @@
|
||||
:placeholder="placeholder"
|
||||
:filterOption="false"
|
||||
style="width: 100%"
|
||||
:options="options"
|
||||
:options="isOpen?options:selectOptions"
|
||||
allowClear
|
||||
showSearch
|
||||
:mode="mode"
|
||||
@@ -39,13 +39,17 @@ const props = defineProps({
|
||||
default: ''
|
||||
},
|
||||
disabled: Boolean,
|
||||
placeholder: String,
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: "请输入搜索关键字",
|
||||
},
|
||||
mode: String
|
||||
})
|
||||
|
||||
|
||||
const options = ref([])
|
||||
|
||||
const selectOptions = ref([])
|
||||
|
||||
const managerArray = computed(() => props.mode === 'select' ? props.value : (props.value ? props.value.split(',') : []))
|
||||
|
||||
const emit = defineEmits({})
|
||||
@@ -61,10 +65,10 @@ watch(() => memberParam.value.pageNo, throttle(getPageMember, 500))
|
||||
watch(props, init)
|
||||
|
||||
function init() {
|
||||
props.value && (options.value = props.value.split(',').map((e, i) => ({
|
||||
value: e,
|
||||
label: props.name.split(',')[i]
|
||||
})))
|
||||
//第一次进来 编辑赋值
|
||||
if (props.value && (props.value + '') !== selectOptions.value.map(e => e.value).join(',')) {
|
||||
selectOptions.value = (props.value + '').split(',').map((e, i) => ({label: props.name.split(',')[i], value: e}))
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
@@ -94,7 +98,8 @@ function getMemberData() {
|
||||
}
|
||||
const list = res.data.data.rows.filter(e => !(props.value + '').includes(e.id)).map(e => ({
|
||||
label: e.realName,
|
||||
value: e.id
|
||||
value: e.id,
|
||||
deptId: e.departId
|
||||
}));
|
||||
memberParam.value.pageNo === 1 && props.value ? (options.value = list) : options.value.push(...list)
|
||||
loading.value = false
|
||||
@@ -117,16 +122,10 @@ const searchMember = (keyWord) => {
|
||||
};
|
||||
|
||||
function change(e, l) {
|
||||
console.log('change', l)
|
||||
selectOptions.value = l
|
||||
isOpen.value = false
|
||||
emit('onChange', e, l, selectOptions.value.find(e => e.deptId)?.deptId)
|
||||
if (Array.isArray(l)) {
|
||||
// const selectIds = l.filter(t => t.value).map(t => t.value).join(',')
|
||||
// const arr = props.value ? props.value.split(',').filter(e => !selectIds.includes(e)).map((e, i) => ({
|
||||
// value: e,
|
||||
// name: props.name.split(',')[i]
|
||||
// })) : []
|
||||
// l.push(...arr)
|
||||
// l=l.filter(t => t.label)
|
||||
emit('update:name', l.map(t => t.label).join(','))
|
||||
emit('update:value', l.map(t => t.value).join(','))
|
||||
} else {
|
||||
|
||||
@@ -128,6 +128,7 @@
|
||||
<ProjectManager
|
||||
v-model:value="projectInfo.managerId"
|
||||
v-model:name="projectInfo.manager"
|
||||
@change="managerChange"
|
||||
mode="multiple"
|
||||
></ProjectManager>
|
||||
</div>
|
||||
@@ -458,8 +459,13 @@ export default {
|
||||
});
|
||||
};
|
||||
|
||||
function managerChange(e, l, d) {
|
||||
state.projectInfo.sourceBelongId = d
|
||||
}
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
managerChange,
|
||||
timeChange,
|
||||
classificationChange,
|
||||
classificationChange5,
|
||||
@@ -474,6 +480,7 @@ export default {
|
||||
.flex-top {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.projectAdd {
|
||||
width: 100%;
|
||||
// height: inherit;
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
v-model:value="searchParam.name"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入项目名称"
|
||||
@change="sProjectNameChange"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
@@ -20,7 +19,6 @@
|
||||
v-model:value="searchParam.manager"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入项目经理"
|
||||
@change="sProjectOrderChange"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
@@ -31,7 +29,6 @@
|
||||
v-model:value="searchParam.createName"
|
||||
style="width: 270px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入项目创建人"
|
||||
@change="sProjectCreateChange"
|
||||
allowClear
|
||||
showSearch
|
||||
>
|
||||
@@ -212,6 +209,7 @@
|
||||
<ProjectManager
|
||||
v-model:value="projectInfo.managerId"
|
||||
v-model:name="projectInfo.manager"
|
||||
@onChange="managerChange"
|
||||
mode="multiple"
|
||||
></ProjectManager>
|
||||
</div>
|
||||
@@ -1753,10 +1751,16 @@ export default {
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
function managerChange(e, l, d) {
|
||||
state.projectInfo.sourceBelongId = d
|
||||
}
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
dayjs,
|
||||
moment,
|
||||
managerChange,
|
||||
reFinashedProject,
|
||||
showBackFinashModal,
|
||||
timeChange,
|
||||
|
||||
Reference in New Issue
Block a user