代码更新:

1.增加拣选任务监控界面
This commit is contained in:
梁州 2024-09-09 20:35:37 +08:00
parent 71d70e899b
commit 784674adf5

View File

@ -3,34 +3,29 @@
<el-config-provider :locale="zhCn"> <el-config-provider :locale="zhCn">
<div style="display: flex;justify-content: space-between;"> <div style="display: flex;justify-content: space-between;">
<el-row> <el-row>
<el-input v-model="workStationQuery" style="width: 256px; margin-right: 10px;" placeholder="工站" <el-input v-model="vehicleIdQuery" style="width: 256px; margin-right: 10px;" placeholder="箱号"
:suffix-icon="Search" /> :suffix-icon="Search" />
<el-input v-model="smallBoxQuery" style="width: 256px; margin-right: 10px;" placeholder="小盒子" <el-input v-model="standQuery" style="width: 256px; margin-right: 10px;" placeholder="工站"
:suffix-icon="Search" /> :suffix-icon="Search" />
<el-button type="primary" @click="search()">搜索</el-button> <el-button type="primary" @click="search()">搜索</el-button>
<el-button type="warning" @click="reset()">重置</el-button> <el-button type="warning" @click="reset()">重置</el-button>
</el-row> </el-row>
</div> </div>
<br /> <br />
<el-table :data="stationConfigList" stripe border v-loading="loading" class="table-class" highlight-current-row <el-table :data="stationConfigList" stripe border v-loading="loading" class="table-class"
max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }" highlight-current-row max-height="650px" @row-click="getCurrentRow"
:cell-style="{ 'text-align': 'center' }"> :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
<el-table-column width="65px" fixed="left"> <el-table-column width="65px" fixed="left">
<template v-slot="scope"> <template v-slot="scope">
<el-radio :label="scope.row.configId" v-model="configId">&nbsp;</el-radio> <el-radio :label="scope.row.pickTaskId" v-model="pickTaskId">&nbsp;</el-radio>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="configId" label="id" fixed="left" min-width="120px" show-overflow-tooltip /> <el-table-column prop="pickTaskId" label="id" fixed="left" min-width="120px" show-overflow-tooltip />
<el-table-column prop="workStation" label="工站" fixed="left" min-width="120px" /> <el-table-column prop="vehicleId" label="工站" fixed="left" min-width="120px" />
<el-table-column prop="smallBox" label="小盒子" fixed="left" min-width="120px" /> <el-table-column prop="standId" label="小盒子" fixed="left" min-width="120px" />
<el-table-column prop="model" label="机型" min-width="120px" /> <el-table-column prop="pickStatus" label="开工时间调整" min-width="120px" />
<el-table-column prop="workCenter" label="工位" min-width="120px" /> <el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" show-overflow-tooltip
<el-table-column prop="bigBox" label="工位大盒子" min-width="120px" /> min-width="120px" />
<el-table-column prop="vehicle" label="车辆" min-width="120px" />
<el-table-column prop="vehicleLocation" label="线边架/车位置" min-width="120px" />
<el-table-column prop="startDateAdjust" label="开工时间调整" min-width="120px" />
<el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" show-overflow-tooltip min-width="120px" />
<el-table-column prop="lastUpdateUser" label="最近更新用户" min-width="120px" />
<el-table-column fixed="right" label="操作" width="120px"> <el-table-column fixed="right" label="操作" width="120px">
<template v-slot="scope"> <template v-slot="scope">
<el-button plain type="primary" @click="editCurrentRowConfig(scope.row)">编辑</el-button> <el-button plain type="primary" @click="editCurrentRowConfig(scope.row)">编辑</el-button>
@ -147,17 +142,16 @@
<script setup> <script setup>
import store from '@/store' import store from '@/store'
import { getStationConfigs, deleteStationConfigs, updateStationConfigs } from '@/api/kateWork.js' import { getPickTasksByPage } from '@/api/taskMonitor.js'
import { ElMessage, ElMessageBox } from 'element-plus' import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive } from 'vue' import { ref, reactive } from 'vue'
import { dateFormatter, timeFormatter } from '@/utils/formatter.js' import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
import UploadExcelStationConfig from '@/excel/UploadExcelStationConfig.vue'
import { Search } from '@element-plus/icons-vue' import { Search } from '@element-plus/icons-vue'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
</script> </script>
<script> <script>
export default { export default {
name: 'kateOrders', name: 'pickTaskMonitor',
data() { data() {
return { return {
stationConfigList: [], stationConfigList: [],
@ -169,12 +163,12 @@ export default {
}), }),
pageSize: 10, pageSize: 10,
total: 0, total: 0,
workStationQuery: '', vehicleIdQuery: '',
smallBoxQuery: '', standQuery: '',
loading: true, loading: true,
dialogVisible: false, dialogVisible: false,
uploadDialogVisible: false, uploadDialogVisible: false,
configId: '', pickTaskId: '',
configFormEntity: reactive({}), configFormEntity: reactive({}),
labelPosition: 'top', labelPosition: 'top',
configFormRef: ref(), configFormRef: ref(),