You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
945 lines
27 KiB
945 lines
27 KiB
<template> |
|
<basic-container> |
|
<avue-crud |
|
:option="option" |
|
:table-loading="loading" |
|
:data="data" |
|
v-model:page="page" |
|
v-model="form" |
|
ref="crud" |
|
@row-update="rowUpdate" |
|
@row-save="rowSave" |
|
@row-del="rowDel" |
|
@search-change="searchChange" |
|
@search-reset="searchReset" |
|
@selection-change="selectionChange" |
|
@current-change="currentChange" |
|
@size-change="sizeChange" |
|
@refresh-change="refreshChange" |
|
:before-open="beforeOpen" |
|
@on-load="onLoad" |
|
@sort-change="sortChange" |
|
:permission="permissionList" |
|
> |
|
<template #menu-left> |
|
<el-button type="danger" v-if="permission.teamManagement_del" @click="handleDelete">删 除 </el-button> |
|
<!-- <el-button type="success" icon="el-icon-upload" @click="handleImport" |
|
>导入 |
|
</el-button> --> |
|
</template> |
|
<template #menu-right> |
|
<el-button type="primary" v-if="permission.teamManagement_import" @click="handleImport">导入</el-button> |
|
</template> |
|
<template #menu="scope"> |
|
<el-button type="text" v-if="permission.teamManagement_setTeamMembers" @click="setCrew(scope.row)">设置班组人员</el-button> |
|
<el-button type="text" v-if="permission.teamManagement_dailyDispatchTime" @click="changeTime(scope.row, 0)">日分派时间</el-button> |
|
<el-button type="text" v-if="permission.teamManagement_specialDayDistributionTime" @click="changeTime(scope.row, 1)">特殊日分派时间</el-button> |
|
<el-button type="text" v-if="permission.teamManagement_rotationTime" @click="changeTime(scope.row, 2)">轮换时间</el-button> |
|
</template> |
|
<template #teamLeader="{ row }"> |
|
{{ row.teamLeaderRealName }} |
|
</template> |
|
<template #planner="{ row }"> |
|
{{ row.plannerRealName }} |
|
</template> |
|
<template #dispatcher="{ row }"> |
|
{{ row.dispatcherRealName }} |
|
</template> |
|
<!-- <template #csId="{ row }"> |
|
{{ row.bsClassesSet.csName }} |
|
</template> --> |
|
<!-- <template #csId-form="{ type }"> |
|
<span v-show="type == 'edit' || type == 'add'"> |
|
<el-select v-model="form.bsClassesSet.csId" placeholder="请选择班次"> |
|
<el-option |
|
v-for="item in csData" |
|
:key="item.csId" |
|
:value="item.csId" |
|
:label="item.csName" |
|
></el-option> |
|
</el-select> |
|
</span> |
|
</template> --> |
|
<template #teamLeader-form="{ type }"> |
|
<span v-show="type == 'edit' || type == 'add'"> |
|
<jhSelect |
|
:value="form.teamLeader" |
|
placeholder="请搜索选择" |
|
api-url="/blade-system/user/page" |
|
echo-api="/blade-system/user/page" |
|
echoParamsKey="ids" |
|
echo-method="get" |
|
api-method="get" |
|
list-key="records" |
|
total-key="total" |
|
label-key="realName" |
|
value-key="id" |
|
search-key="realName" |
|
:debounce-time="500" |
|
@change="changeTeam" |
|
:title="'修改'" |
|
/> |
|
|
|
<!-- <el-select |
|
v-model="form.teamLeader" |
|
placeholder="请选择班组长" |
|
filterable |
|
clearable |
|
> |
|
<el-option |
|
v-for="item in userData" |
|
:key="item.id" |
|
:value="item.id" |
|
:label="item.realName" |
|
/> |
|
</el-select> --> |
|
</span> |
|
</template> |
|
<template #planner-form="{ type }"> |
|
<span v-show="type == 'edit' || type == 'add'"> |
|
|
|
<jhSelect |
|
:value="form.planner" |
|
placeholder="请搜索选择" |
|
api-url="/blade-system/user/page" |
|
echo-api="/blade-system/user/page" |
|
echoParamsKey="ids" |
|
echo-method="get" |
|
api-method="get" |
|
list-key="records" |
|
total-key="total" |
|
label-key="realName" |
|
value-key="id" |
|
search-key="realName" |
|
:debounce-time="500" |
|
@change="changePlanner" |
|
:title="'修改'" |
|
/> |
|
|
|
<!-- <el-select |
|
v-model="form.planner" |
|
placeholder="请选择计划员" |
|
filterable |
|
clearable |
|
> |
|
<el-option |
|
v-for="item in plannerData" |
|
:key="item.id" |
|
:value="item.id" |
|
:label="item.realName" |
|
/> |
|
</el-select> --> |
|
</span> |
|
</template> |
|
<template #dispatcher-form="{ type }"> |
|
<span v-show="type == 'edit' || type == 'add'"> |
|
|
|
<jhSelect |
|
:value="form.dispatcher" |
|
placeholder="请搜索选择" |
|
api-url="/blade-system/user/page" |
|
echo-api="/blade-system/user/page" |
|
echoParamsKey="ids" |
|
echo-method="get" |
|
api-method="get" |
|
list-key="records" |
|
total-key="total" |
|
label-key="realName" |
|
value-key="id" |
|
search-key="realName" |
|
@change="changeDispatcher" |
|
:debounce-time="500" |
|
:title="'修改'" |
|
/> |
|
|
|
<!-- <el-select |
|
v-model="form.dispatcher" |
|
placeholder="请选择调度员" |
|
filterable |
|
clearable |
|
> |
|
<el-option |
|
v-for="item in dispatcherData" |
|
:key="item.id" |
|
:value="item.id" |
|
:label="item.realName" |
|
/> |
|
</el-select> --> |
|
</span> |
|
</template> |
|
</avue-crud> |
|
<el-dialog class="setCrewBox" title="设置人员" append-to-body v-model="crewDialog" width="60%"> |
|
<tree-transfer |
|
class="trans_ware" |
|
style="margin-top: 10px" |
|
ref="transferRef" |
|
:titleList="['未选择', '已选择']" |
|
v-model:fromData="noChooseUser" |
|
v-model:toData="chooseUser" |
|
:defaultProps="{ |
|
id: 'id', // 节点id |
|
parentId: 'parentId', // 父节点id |
|
label: 'label', |
|
children: 'children', |
|
disabled: 'disabled', |
|
}" |
|
rootPid="0" |
|
/> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="crewDialog = false">取 消</el-button> |
|
<el-button type="primary" @click="submitPeople">确 定</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
<el-dialog title="时间" append-to-body v-model="timeDialog" width="60%"> |
|
<div> |
|
<el-button type="primary" @click="insertEvent()">插入一行</el-button> |
|
<el-button plain type="danger" @click="remove">删除选择行</el-button> |
|
<!-- <el-button type="primary" @click="handleSave">保存</el-button> --> |
|
</div> |
|
<div style="margin-top: 20px"> |
|
<el-table :data="timeList" @select="selectChange"> |
|
<el-table-column type="selection" width="55px"></el-table-column> |
|
<el-table-column align="center" label="开始时间"> |
|
<template #default="scope"> |
|
<el-time-select |
|
v-model="scope.row.startTime" |
|
start="00:00" |
|
step="00:15" |
|
end="24:00" |
|
placeholder="选择时间" |
|
> |
|
</el-time-select> |
|
</template> |
|
</el-table-column> |
|
<el-table-column align="center" label="结束时间"> |
|
<template #default="scope"> |
|
<el-time-select |
|
v-model="scope.row.endTime" |
|
start="00:00" |
|
step="00:15" |
|
end="24:00" |
|
placeholder="选择时间" |
|
> |
|
</el-time-select> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</div> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="timeDialog = false">取 消</el-button> |
|
<el-button type="primary" @click="submitTime">确 定</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
|
|
<!-- 导入 --> |
|
<basic-import |
|
v-if="isShowImport" |
|
title="导入" |
|
:isShow="isShowImport" |
|
templateUrl="/blade-desk/BA/TeamSet/downloadExcelTemplate" |
|
templateName="班组模板.xls" |
|
importUrl="/blade-desk/BA/TeamSet/importExcel" |
|
@closeDialog="closeDialog" |
|
></basic-import> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import jhSelect from '@/components/jh-select/index.vue'; |
|
import { |
|
getList, |
|
addTeam, |
|
updateTeam, |
|
getAllUser, |
|
deleteTeam, |
|
getNotSelectUser, |
|
getSelectUser, |
|
getDeptUser, |
|
saveUser, |
|
getDispatchTime, |
|
saveDispatchTime, |
|
} from '@/api/basicData/teamManagement.js'; |
|
import basicImport from '@/components/basic-import/main.vue'; |
|
import treeTransfer from 'tree-transfer-vue3'; // 引入 |
|
import { mapGetters } from 'vuex'; |
|
export default { |
|
components: { |
|
basicImport, |
|
treeTransfer, |
|
jhSelect |
|
}, |
|
data() { |
|
return { |
|
isShowImport: false, |
|
data: [], |
|
page: { |
|
pageSize: 10, |
|
currentPage: 1, |
|
total: 0, |
|
}, |
|
peopleValue: [], |
|
peopleData: [], |
|
timeList: [], |
|
deleteTidArr: [], //删除数据 |
|
form: {}, |
|
crewDialog: false, |
|
timeDialog: false, |
|
noChooseUser: [], //未选人员 |
|
chooseUser: [], //已选人员 |
|
csData: [ |
|
{ |
|
csId: 18, |
|
csName: '白班', |
|
keyValue: 18, |
|
}, |
|
{ |
|
csId: 19, |
|
csName: '晚班', |
|
keyValue: 19, |
|
}, |
|
], |
|
crewData: [], //班组人员数据 |
|
userData: [], |
|
plannerData: [], |
|
dispatcherData: [], |
|
query: {}, |
|
loading: true, |
|
excelBox: false, |
|
option: { |
|
tip: false, |
|
height: 'auto', |
|
calcHeight: 32, |
|
simplePage: false, |
|
searchShow: true, |
|
searchMenuSpan: 6, |
|
searchIcon: true, |
|
searchIndex: 3, |
|
tree: false, |
|
border: true, |
|
index: false, |
|
selection: true, |
|
viewBtn: false, |
|
delBtn: false, |
|
editBtnText: '修改', |
|
viewBtnText: '详情', |
|
labelWidth: 80, |
|
menuWidth: 380, |
|
dialogWidth: 800, |
|
dialogClickModal: false, |
|
searchEnter: true, |
|
filterBtn: true, |
|
searchShowBtn: false, |
|
excelBtn: true, |
|
showOverflowTooltip: true, |
|
searchLabelPosition: 'left', |
|
searchGutter: 24, |
|
searchSpan: 6, |
|
menuAlign: 'center', |
|
gridBtn: false, |
|
searchMenuPosition: 'right', |
|
addBtnIcon: ' ', |
|
viewBtnIcon: ' ', |
|
delBtnIcon: ' ', |
|
editBtnIcon: ' ', |
|
align: 'center', |
|
searchLabelWidth: 'auto', |
|
column: [ |
|
{ |
|
label: '编码', |
|
prop: 'tsCode', |
|
search: true, |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 100, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入编码', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '名称', |
|
prop: 'tsName', |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 150, |
|
search: true, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入名称', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '班组长', |
|
prop: 'teamLeader', |
|
search: false, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择班组长', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicUrl: '/api/blade-system/user/page?current=1&size=9999', |
|
props: { |
|
label: 'realName', |
|
value: 'id', |
|
res: 'data.records', |
|
}, |
|
}, |
|
{ |
|
label: '计划员', |
|
prop: 'planner', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
type: 'select', |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择计划员', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicUrl: '/api/blade-system/user/page?current=1&size=9999', |
|
props: { |
|
label: 'realName', |
|
value: 'id', |
|
res: 'data.records', |
|
}, |
|
}, |
|
{ |
|
label: '调度员', |
|
prop: 'dispatcher', |
|
search: true, |
|
sortable: true, |
|
filter: true, |
|
remote: true, |
|
type: 'select', |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择调度员', |
|
trigger: 'blur', |
|
}, |
|
], |
|
dicUrl: '/api/blade-system/user/page?current=1&size=9999&realName={{key}}', |
|
props: { |
|
label: 'realName', |
|
value: 'id', |
|
res: 'data.records', |
|
}, |
|
}, |
|
{ |
|
label: '班组人员', |
|
prop: 'teamMember', |
|
search: false, |
|
sortable: true, |
|
filter: true, |
|
editDisplay: false, |
|
addDisplay: false, |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择班组人员', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '班次', |
|
prop: 'csId', |
|
search: false, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 150, |
|
props: { |
|
label: 'name', |
|
value: 'id', |
|
}, |
|
dicUrl: '/api/blade-desk/BA/Shifts/listForSelect', |
|
}, |
|
{ |
|
label: '类型分类', |
|
prop: 'tsType', |
|
search: false, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 150, |
|
dicData: [ |
|
{ value: '1', label: '针孔' }, |
|
{ value: '2', label: '壳体' }, |
|
{ value: '3', label: '烧结' }, |
|
{ value: '4', label: '园区' }, |
|
// { value: 5,label: "外协",}, |
|
], |
|
}, |
|
{ |
|
label: '日分派时间', |
|
prop: 'dayPutDueTime', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入日分派时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '特殊日分派时间', |
|
prop: 'specDayPutDueTime', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入特殊日分派时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '轮换时间', |
|
prop: 'exChangeTime', |
|
search: false, |
|
sortable: true, |
|
editDisplay: false, |
|
filter: true, |
|
addDisplay: false, |
|
span: 12, |
|
width: 150, |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请输入轮换时间', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
{ |
|
label: '特殊', |
|
prop: 'special', |
|
search: false, |
|
type: 'select', |
|
sortable: true, |
|
filter: true, |
|
span: 12, |
|
width: 150, |
|
dicData: [ |
|
{ |
|
value: '1', |
|
label: '是', |
|
}, |
|
{ |
|
value: '0', |
|
label: '否', |
|
}, |
|
], |
|
rules: [ |
|
{ |
|
required: true, |
|
message: '请选择特殊', |
|
trigger: 'blur', |
|
}, |
|
], |
|
}, |
|
|
|
], |
|
}, |
|
selectionList: [], |
|
checkId: '', |
|
checkTimeType: 0, |
|
}; |
|
}, |
|
computed: { |
|
...mapGetters(['permission']), |
|
permissionList() { |
|
return { |
|
addBtn: this.validData(this.permission.teamManagement_add, false), |
|
editBtn: this.validData(this.permission.teamManagement_edit, false), |
|
}; |
|
}, |
|
}, |
|
mounted() {}, |
|
methods: { |
|
changeTeam(val, item) { |
|
// let select = this.teacherArr.find(e => e.id == val); |
|
this.form.teamLeader = item && item.id; |
|
}, |
|
changePlanner(val,item){ |
|
this.form.planner = item && item.id; |
|
}, |
|
changeDispatcher(val,item){ |
|
this.form.dispatcher = item && item.id; |
|
}, |
|
// 点击导入按钮 |
|
handleImport() { |
|
this.isShowImport = true; |
|
}, |
|
handleDelete() { |
|
if (this.selectionList.length == 0) { |
|
this.$message.error('请至少选择一条数据'); |
|
return; |
|
} |
|
const count = this.selectionList.length; |
|
this.$confirm(`确定要删除选中的 ${count} 条班组数据吗？此操作不可恢复！`, '删除确认', { |
|
confirmButtonText: '确定删除', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
confirmButtonClass: 'el-button--danger', |
|
}) |
|
.then(() => { |
|
deleteTeam({ |
|
ids: this.selectionList.map(item => item.id).join(','), |
|
}).then(res => { |
|
if (res.data.code == 200) { |
|
this.$message.success('删除成功'); |
|
this.selectionList = []; |
|
this.onLoad(); |
|
} |
|
}); |
|
}) |
|
.catch(() => { |
|
// 用户点击取消 |
|
}); |
|
}, |
|
// 多选 |
|
selectionChange(list) { |
|
this.selectionList = list; |
|
}, |
|
selectionClear() { |
|
this.selectionList = []; |
|
this.$refs.crud.toggleSelection(); |
|
}, |
|
rowUpdate(row, index, done, loading) { |
|
row.csId = row.csId ? row.csId : null; |
|
row.tsType = row.tsType ? row.tsType : null; |
|
row.special = row.special ? row.special : ''; |
|
updateTeam(row).then(res => { |
|
if (res.data.code == 200) { |
|
this.$message.success('修改成功'); |
|
this.onLoad(); |
|
done(); |
|
} |
|
}); |
|
}, |
|
rowSave(row, done, loading) { |
|
console.log('row-----------', row); |
|
addTeam(row).then(res => { |
|
if (res.data.code == 200) { |
|
this.$message.success('添加成功'); |
|
this.onLoad(); |
|
done(); |
|
} |
|
}); |
|
}, |
|
searchReset() { |
|
this.query = {}; |
|
this.onLoad(this.page); |
|
}, |
|
searchChange(params, done) { |
|
this.query = params; |
|
this.page.currentPage = 1; |
|
this.onLoad(this.page, params); |
|
done(); |
|
}, |
|
rowDel(row, index, done) { |
|
this.$confirm('确定将选择数据删除?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}).then(() => {}); |
|
}, |
|
// 设置时间 |
|
changeTime(row, val) { |
|
this.checkId = row.id; |
|
this.checkTimeType = val; |
|
getDispatchTime({ |
|
id: row.id, |
|
special: val, |
|
}).then(res => { |
|
console.log('res-----------', res); |
|
res.data.data.map(item => { |
|
item._select = false; |
|
}); |
|
this.timeList = res.data.data; |
|
this.timeDialog = true; |
|
}); |
|
// this.timeList = []; |
|
// // if(val == 1){ |
|
// this.timeList = [ |
|
// { startTime: "00:00", endTime: "00:15", _select: false }, |
|
// { startTime: "00:15", endTime: "00:20", _select: false }, |
|
// { startTime: "00:45", endTime: "01:00", _select: false }, |
|
// ]; |
|
// this.timeDialog = true; |
|
// // } |
|
}, |
|
submitTime() { |
|
if (this.timeList.length == 0) { |
|
this.$message.error('请添加一条数据！'); |
|
return; |
|
} |
|
const timeData = []; |
|
this.timeList.map(item => { |
|
timeData.push({ |
|
startTime: item.startTime, |
|
endTime: item.endTime, |
|
special: this.checkTimeType, |
|
}); |
|
}); |
|
let params = { |
|
id: this.checkId, |
|
special: this.checkTimeType, |
|
teamTimes: timeData, |
|
}; |
|
saveDispatchTime(params).then(res => { |
|
if (res.data.code === 200) { |
|
this.$message.success('设置成功'); |
|
this.timeDialog = false; |
|
this.onLoad(); |
|
} |
|
}); |
|
}, |
|
selectChange(list, row) { |
|
row._select = !row._select; |
|
}, |
|
// 插入一行 |
|
insertEvent() { |
|
const record = { _select: false }; |
|
this.timeList.push(record); |
|
}, |
|
//删除所选行 |
|
remove() { |
|
let arr = this.timeList.filter(item => item._select); |
|
if (arr.length != 0) { |
|
this.$confirm('确定将选择数据删除?', { |
|
confirmButtonText: '确定', |
|
cancelButtonText: '取消', |
|
type: 'warning', |
|
}).then(() => { |
|
if (this.rowId) { |
|
let deleteData = this.timeList.filter(item => item._select); |
|
this.deleteTidArr = deleteData.filter(item => item.tidId); |
|
} |
|
let deleteArr = this.timeList.filter(item => !item._select); |
|
this.timeList = deleteArr; |
|
}); |
|
} else { |
|
this.$message.error('请至少选择一条数据进行操作！'); |
|
} |
|
}, |
|
// 点击保存按钮 |
|
handleSave() { |
|
if (this.timeList.length == 0) { |
|
this.$message.error('请至少填写一条数据'); |
|
} else { |
|
let tmp = this.timeList.find(item => item.startTime && item.endTime); |
|
if (!tmp) { |
|
this.$message.error('数据请填写完整!'); |
|
} |
|
} |
|
}, |
|
processTree(nodes, isRootLevel = true) { |
|
return nodes.map(item => { |
|
// 第一层：parentId = 0；其他层：parentId = item.pid |
|
const parentId = isRootLevel ? 0 : item.pid; |
|
|
|
const newItem = { |
|
...item, |
|
parentId, // 添加 parentId 字段 |
|
// 注意：保留原有的 pid 字段，除非你不需要 |
|
}; |
|
|
|
// 递归处理 children，下一层不再是根层 |
|
if (Array.isArray(item.children)) { |
|
newItem.children = this.processTree(item.children, false); |
|
} |
|
|
|
return newItem; |
|
}); |
|
}, |
|
// 设置班组人员 |
|
async setCrew(row) { |
|
this.checkId = row.id; |
|
const users = await getDeptUser({ teamSetId: row.id }); |
|
this.chooseUser = this.processTree(users.data.data.teamSelects); |
|
this.noChooseUser = this.processTree(users.data.data.teamUnSelects); |
|
this.crewDialog = true; |
|
|
|
// const notUser = await getNotSelectUser({id: row.id}); |
|
// const user = await getSelectUser({id: row.id}); |
|
// console.log('notUser============', notUser); |
|
// console.log('user============', user); |
|
// this.peopleData = [...notUser.data.data,...user.data.data] |
|
// this.peopleValue = user.data.data.map(item => item.id) |
|
// this.crewDialog = true; |
|
}, |
|
|
|
getLeafIds(nodes) { |
|
const leafIds = []; |
|
|
|
function traverse(items) { |
|
if (!Array.isArray(items)) return; |
|
|
|
items.forEach(item => { |
|
// 判断是否为叶子节点 |
|
const hasChildren = Array.isArray(item.children) && item.children.length > 0; |
|
|
|
if (!hasChildren) { |
|
// 是叶子节点，收集 id |
|
leafIds.push(item.id); |
|
} else { |
|
// 有子节点，继续递归 |
|
traverse(item.children); |
|
} |
|
}); |
|
} |
|
|
|
traverse(nodes); |
|
return leafIds; |
|
}, |
|
|
|
submitPeople() { |
|
let userArr = this.getLeafIds(this.chooseUser).map(item => item.replace('user-', '')); |
|
let params = { |
|
id: this.checkId, |
|
userIds: userArr, |
|
}; |
|
|
|
saveUser(params).then(res => { |
|
if (res.data.code === 200) { |
|
this.$message.success('人员设置成功'); |
|
this.crewDialog = false; |
|
this.onLoad(); |
|
} |
|
}); |
|
}, |
|
async beforeOpen(done, type, loading) { |
|
try { |
|
const res = await getAllUser({ current: 1, size: 9999 }); |
|
const allUsers = res.data.data.records || []; |
|
// 三个数组独立，互不污染 |
|
this.userData = [...allUsers]; |
|
this.plannerData = [...allUsers]; |
|
this.dispatcherData = [...allUsers]; |
|
|
|
if (type === 'edit') { |
|
// 自动补全回显（不管用户是否在列表里，都能显示） |
|
const userFields = [ |
|
{ id: this.form.teamLeader, name: this.form.teamLeaderRealName, arr: this.userData }, |
|
{ id: this.form.planner, name: this.form.plannerRealName, arr: this.plannerData }, |
|
{ |
|
id: this.form.dispatcher, |
|
name: this.form.dispatcherRealName, |
|
arr: this.dispatcherData, |
|
}, |
|
]; |
|
userFields.forEach(({ id, name, arr }) => { |
|
const uid = (id || '') + ''; |
|
if (!uid || !name) return; |
|
const exist = arr.some(u => u.id == uid); |
|
if (!exist) arr.unshift({ id: uid, realName: name }); |
|
}); |
|
// 统一转字符串 |
|
this.form.csId = (this.form.csId || '') + ''; |
|
this.form.teamLeader = (this.form.teamLeader || '') + ''; |
|
this.form.planner = (this.form.planner || '') + ''; |
|
this.form.dispatcher = (this.form.dispatcher || '') + ''; |
|
} |
|
} catch (err) { |
|
console.error('加载用户失败', err); |
|
} |
|
done(); |
|
}, |
|
currentChange(currentPage) { |
|
this.page.currentPage = currentPage; |
|
}, |
|
sizeChange(pageSize) { |
|
this.page.pageSize = pageSize; |
|
}, |
|
refreshChange() { |
|
this.onLoad(this.page, this.query); |
|
}, |
|
// 排序 |
|
sortChange({ prop, order }) { |
|
if (!prop) { |
|
// 如果取消排序，清空排序参数 |
|
this.query.orderByField = undefined; |
|
this.query.isAsc = undefined; |
|
} else { |
|
const orderByField = prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase(); |
|
this.query.orderByField = orderByField; |
|
this.query.isAsc = order === 'ascending' ? true : false; |
|
} |
|
// 重新加载数据 |
|
this.onLoad(); |
|
}, |
|
onLoad() { |
|
this.loading = true; |
|
getList({ |
|
descs: 'TS_CODE', |
|
current: this.page.currentPage, |
|
size: this.page.pageSize, |
|
...this.query, |
|
}).then(res => { |
|
this.data = res.data.data.records; |
|
this.page.total = res.data.data.total; |
|
this.loading = false; |
|
}); |
|
}, |
|
}, |
|
}; |
|
</script> |
|
|
|
<style></style> |
|
|
|
<style lang="scss"> |
|
.setCrewBox { |
|
.tree-transfer-vue3 { |
|
height: 450px !important; |
|
|
|
.el-tree { |
|
height: 335px !important; |
|
} |
|
} |
|
} |
|
</style>
|
|
|