mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
This commit is contained in:
朱菊兰
2024-04-08 12:25:44 +08:00
parent 33ed9f15fa
commit cbc7cbc574
16 changed files with 3340 additions and 3191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

290
src/views/group/monitoring/groupTeamView/index.vue
View File

@@ -1,152 +1,150 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<search-bar
:formConfigs="formConfig"
ref="searchBarForm"
@headBtnClick="buttonClick"
/>
<!-- 列表 -->
<base-table
:page="queryParams.pageNo"
:limit="queryParams.pageSize"
:table-props="tableProps"
:table-data="list"
:max-height="tableH"
>
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
:width="160"
label="操作"
:method-list="tableBtn"
@clickBtn="handleClick"
/>
</base-table>
<!-- 查看详情 -->
<group-team-view-detail v-if="paramVisible" ref="groupTeamViewDetail"/>
</div>
<div class="app-container">
<!-- 搜索工作栏 -->
<search-bar
:formConfigs="formConfig"
ref="searchBarForm"
@headBtnClick="buttonClick" />
<!-- 列表 -->
<base-table
:page="queryParams.pageNo"
:limit="queryParams.pageSize"
:table-props="tableProps"
:table-data="list"
:max-height="tableH">
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
:width="160"
label="操作"
:method-list="tableBtn"
@clickBtn="handleClick" />
</base-table>
<!-- 查看详情 -->
<group-team-view-detail
v-if="paramVisible"
ref="groupTeamViewDetail" />
</div>
</template>
<script>
import { getByWorkOrder } from '@/api/monitoring/groupTeamView'
import { workOrderList } from '@/api/base/workOrder'
import GroupTeamViewDetail from './components/groupTeamViewDetail.vue'
import { publicFormatter } from '@/utils/dict'
import { getByWorkOrder } from '@/api/monitoring/groupTeamView';
import { workOrderList } from '@/api/base/workOrder';
import GroupTeamViewDetail from './components/groupTeamViewDetail.vue';
import { publicFormatter } from '@/utils/dict';
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
const tableProps = [
{
prop: 'roomNameDict',
label: '车间名称',
filter: publicFormatter('workshop'),
showOverflowtooltip: true,
minWidth: 100
},
{
prop: 'name',
label: '班组名称'
},
{
prop: 'leaderName',
label: '班组长'
},
{
prop: 'num',
label: '人数'
},
{
prop: 'workCount',
label: '上班次数'
}
]
{
prop: 'roomNameDict',
label: '车间名称',
filter: publicFormatter('workshop'),
showOverflowtooltip: true,
minWidth: 100,
},
{
prop: 'name',
label: '班组名称',
},
{
prop: 'leaderName',
label: '班组长',
},
{
prop: 'num',
label: '人数',
},
{
prop: 'workCount',
label: '上班次数',
},
];
export default {
name: 'GroupTeamView',
data() {
return {
formConfig: [
{
type: 'select',
label: '工单',
selectOptions: [],
param: 'workOrderId',
clearable: false,
filterable: true
},
{
type: 'button',
btnName: '查询',
name: 'search',
color: 'primary'
}
],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 1000,
workOrderId: ''
},
workOrderList: [],
workOrderName: '',
tableBtn: [
this.$auth.hasPermi('base:group-team-view:detail')
? {
type: 'detail',
btnName: '详情'
}
: undefined
].filter((v) => v),
tableProps,
tableH: this.tableHeight(220),
list: [],
paramVisible: false
}
},
components: { GroupTeamViewDetail },
mounted() {
window.addEventListener('resize', () => {
this.tableH = this.tableHeight(220)
})
this.getOrderList()
},
methods: {
// 获取工单list
getOrderList() {
workOrderList().then(res => {
console.log(res)
this.formConfig[0].selectOptions = res.data || []
this.workOrderList = res.data || []
})
},
// 查询
buttonClick(val) {
if (!val.workOrderId) {
this.$modal.msgWarning('工单不能为空')
return false
}
this.queryParams.workOrderId = val.workOrderId
this.getList()
},
// 获取table数据
getList() {
getByWorkOrder({ id: this.queryParams.workOrderId }).then(res => {
this.list = res.data || []
})
},
handleClick(val) {
this.paramVisible = true
let params = {}
params.teamId = val.data.id
params.teamName = val.data.name
this.workOrderList.map(item => {
if (val.data.workOrderId === item.id) {
this.workOrderName = item.name
}
})
params.workOrderId = val.data.workOrderId
params.workOrderName = this.workOrderName
params.roomNameDict = val.data.roomNameDict
this.$nextTick(() => {
this.$refs.groupTeamViewDetail.init(params)
})
}
}
}
name: 'GroupTeamView',
mixins: [tableHeightMixin],
data() {
return {
formConfig: [
{
type: 'select',
label: '工单',
selectOptions: [],
param: 'workOrderId',
clearable: false,
filterable: true,
},
{
type: 'button',
btnName: '查询',
name: 'search',
color: 'primary',
},
],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 1000,
workOrderId: '',
},
heightNum: 220,
workOrderList: [],
workOrderName: '',
tableBtn: [
this.$auth.hasPermi('base:group-team-view:detail')
? {
type: 'detail',
btnName: '详情',
}
: undefined,
].filter((v) => v),
tableProps,
list: [],
paramVisible: false,
};
},
components: { GroupTeamViewDetail },
mounted() {
this.getOrderList();
},
methods: {
// 获取工单list
getOrderList() {
workOrderList().then((res) => {
console.log(res);
this.formConfig[0].selectOptions = res.data || [];
this.workOrderList = res.data || [];
});
},
// 查询
buttonClick(val) {
if (!val.workOrderId) {
this.$modal.msgWarning('工单不能为空');
return false;
}
this.queryParams.workOrderId = val.workOrderId;
this.getList();
},
// 获取table数据
getList() {
getByWorkOrder({ id: this.queryParams.workOrderId }).then((res) => {
this.list = res.data || [];
});
},
handleClick(val) {
this.paramVisible = true;
let params = {};
params.teamId = val.data.id;
params.teamName = val.data.name;
this.workOrderList.map((item) => {
if (val.data.workOrderId === item.id) {
this.workOrderName = item.name;
}
});
params.workOrderId = val.data.workOrderId;
params.workOrderName = this.workOrderName;
params.roomNameDict = val.data.roomNameDict;
this.$nextTick(() => {
this.$refs.groupTeamViewDetail.init(params);
});
},
},
};
</script>