| | |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <!-- 创建任务 --> |
| | | <el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%"> |
| | | <el-table ref="table" style="margin-top: 20px;height: 500px;" |
| | | :data="tableDatab" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> |
| | |
| | | <!-- <el-table-column prop="lackCount" align="center" :label="$t('hellow.missingnumber')" min-width="80"/> --> |
| | | <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270"> |
| | | <template #default="scope"> |
| | | <el-button size="mini" type="text" plain @click="finisha(scope.row)">{{ $t('hellow.claimquest') }}</el-button> |
| | | <el-button size="mini" type="text" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button> |
| | | <el-button size="mini" type="text" plain @click="handleBindRack(scope.row)">{{ |
| | | $t('hellow.missingfilms') |
| | | }} |
| | | </el-button> |
| | | <el-button size="mini" type="text" plain @click="finishb(scope.row)">{{ |
| | | <el-button size="mini" type="text" plain @click="handleout(scope.row)">{{ |
| | | $t('hellow.forcedfilming') |
| | | }} |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-dialog> |
| | | <!-- 领取任务 --> |
| | | <el-dialog v-model="dialogFormVisiblec" top="21vh" width="40%" :title="$t('hellow.claimquest')"> |
| | | <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;"> |
| | | <el-form size="mini" label-width="100px"> |
| | | <el-form label-width="210px" label-position="right"> |
| | | <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw"> |
| | | <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantity" autocomplete="off" /> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | :placeholder="$t('hellow.croute')" |
| | | style="width: 270px" |
| | | v-model="cell"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button type="primary" @click="finisha"> |
| | | {{ $t('reportWork.sure') }} |
| | | </el-button> |
| | | <el-button @click="dialogFormVisiblec = false">{{ $t('reportWork.cancel') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | |
| | | <!-- 强制出片 --> |
| | | <el-dialog v-model="dialogFormVisibled" top="21vh" width="40%" :title="$t('hellow.forcedfilming')"> |
| | | <div style="margin-left: 20px;margin-top: 10px;margin-bottom: 10px;"> |
| | | <el-form size="mini" label-width="100px"> |
| | | <el-form label-width="210px" label-position="right"> |
| | | <el-form-item :label="$t('hellow.pairQuantity')" :required="true" style="width: 25vw"> |
| | | <el-input :placeholder="$t('hellow.cpairQuantity')" v-model="totalPairQuantity" autocomplete="off" /> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | :placeholder="$t('hellow.croute')" |
| | | style="width: 270px" |
| | | v-model="cell"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button type="primary" @click="finishb"> |
| | | {{ $t('reportWork.sure') }} |
| | | </el-button> |
| | | <el-button @click="dialogFormVisibled = false">{{ $t('reportWork.cancel') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <el-dialog v-model="dialogFormVisibleb" top="7vh" width="70%" height="500"> |
| | | <div style="margin-top: -20px;text-align: center;margin-left: 400px;"> |
| | |
| | | </div> |
| | | </el-table> |
| | | </el-dialog> |
| | | <!-- 开始任务 --> |
| | | <el-dialog v-model="blinda" top="30vh" width="25%" :title="$t('hellow.pstarttask')"> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 停止任务 --> |
| | | <el-dialog v-model="blindb" top="30vh" width="25%" :title="$t('hellow.pstoptask')"> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | |
| | | const tableDatab = ref([]) |
| | | const tableDatac = ref([]) |
| | | const flowCard = ref('') |
| | | const cell = ref('') |
| | | const totalPairQuantity = ref('') |
| | | const dialogFormVisiblea = ref(false) |
| | | const dialogFormVisibleb = ref(false) |
| | | const dialogFormVisiblec = ref(false) |
| | | const dialogFormVisibled = ref(false) |
| | | const currentRow = reactive({}); // 当前行的数据 |
| | | |
| | | const options = [ |
| | | { |
| | | value: 930, |
| | | label: 930, |
| | | }, |
| | | { |
| | | value: 931, |
| | | label: 931, |
| | | }, |
| | | { |
| | | value: 932, |
| | | label: 932, |
| | | } |
| | | ] |
| | | let socket = null; |
| | | // const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/screen`; |
| | | // const handleMessage = (data) => { |
| | |
| | | }; |
| | | const handleBindRack = (row) => { |
| | | const { flowCardId, layer } = row; |
| | | currentRow.flowCardId = row.flowCardId; // 直接设置响应式属性 |
| | | currentRow.flowCardId = row.flowCardId; |
| | | dialogFormVisibleb.value = true; |
| | | fetchFlowBind(flowCardId, layer); |
| | | }; |
| | | // 领取任务 |
| | | const handletake = (row) => { |
| | | window.localStorage.setItem('flowCardId', row.flowCardId) |
| | | dialogFormVisiblec.value = true; |
| | | }; |
| | | // 强制出片 |
| | | const handleout = (row) => { |
| | | window.localStorage.setItem('flowCardId', row.flowCardId) |
| | | dialogFormVisibled.value = true; |
| | | }; |
| | | // 创建任务 |
| | | const fetchFlowCardId = async () => { |
| | |
| | | } |
| | | } |
| | | // 领取任务 |
| | | const finisha = async (row) => { |
| | | const finisha = async () => { |
| | | let flowCardId = window.localStorage.getItem('flowCardId') |
| | | try { |
| | | const confirmResult = await ElMessageBox.confirm( |
| | | t('hellow.pclaimquest'), |
| | | t('searchOrder.prompt'), |
| | | { |
| | | confirmButtonText: t('searchOrder.yes'), |
| | | cancelButtonText: t('searchOrder.cancel'), |
| | | type: 'warning', |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/receiveTask?cell="+cell.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | dialogFormVisiblec.value = false; |
| | | cell.value = ''; |
| | | totalPairQuantity.value = ''; |
| | | } else { |
| | | ElMessage.error(response.message); |
| | | } |
| | | ); |
| | | if (confirmResult === 'confirm') { |
| | | const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/finishBigStorageCageDetails", row) |
| | | if (response.code === 200) { |
| | | ElMessage.success(response.message); |
| | | } else { |
| | | ElMessage.error(response.message); |
| | | } catch (error) { |
| | | console.error(error); |
| | | } |
| | | } |
| | | } catch (error) { |
| | | console.error('发生错误:', error); |
| | | } |
| | | }; |
| | | // 强制出片 |
| | | const finishb = async (row) => { |
| | | const finishb = async () => { |
| | | let flowCardId = window.localStorage.getItem('flowCardId') |
| | | try { |
| | | const confirmResult = await ElMessageBox.confirm( |
| | | t('hellow.pforcedfilming'), |
| | | t('searchOrder.prompt'), |
| | | { |
| | | confirmButtonText: t('searchOrder.yes'), |
| | | cancelButtonText: t('searchOrder.cancel'), |
| | | type: 'warning', |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/forceOutGlass?cell="+cell.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | dialogFormVisibled.value = false; |
| | | cell.value = ''; |
| | | totalPairQuantity.value = ''; |
| | | } else { |
| | | ElMessage.error(response.message); |
| | | } |
| | | ); |
| | | if (confirmResult === 'confirm') { |
| | | const response = await request.post("/cacheVerticalGlass/bigStorageCageDetails/finishBigStorageCageDetails", row) |
| | | if (response.code === 200) { |
| | | ElMessage.success(response.message); |
| | | } else { |
| | | ElMessage.error(response.message); |
| | | } catch (error) { |
| | | console.error(error); |
| | | } |
| | | } |
| | | } catch (error) { |
| | | console.error('发生错误:', error); |
| | | } |
| | | }; |
| | | onUnmounted(() => { |
| | | socket.close(); |
| | | }); |
| | |
| | | }); |
| | | </script> |
| | | |
| | | <style scoped></style> |
| | | <style scoped> |
| | | #dialog-footer { |
| | | text-align: center; |
| | | margin-top: -15px; |
| | | }</style> |