| | |
| | | <div style="height: 600px;"> |
| | | <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading"> |
| | | <div style="display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;"> |
| | | <el-button id="searchButton" type="primary" @click="handleormulan"> |
| | | {{ $t('hellow.hollowformula') }} |
| | | </el-button> |
| | | <el-button id="searchButton" type="primary" @click="handlezhiban"> |
| | | {{ $t('hellow.createtask') }} |
| | | </el-button> |
| | |
| | | </el-button> |
| | | <el-button style="margin-left: 10px;" id="searchButton" type="success" @click="handleBinda"> |
| | | {{ $t('hellow.starttask') }} |
| | | </el-button> |
| | | <el-button style="margin-left: 10px;" id="searchButton" type="info" @click="handleBindd">{{ |
| | | $t('hellow.taskdet') |
| | | }} |
| | | </el-button> |
| | | <el-button style="margin-left: 10px;" id="searchButton" type="warning" @click="handleBindc">{{ |
| | | $t('hellow.stopproject') |
| | |
| | | </el-button> |
| | | <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('hellow.schedulingswitch')" @change="handleChange" /> |
| | | </div> |
| | | <div style="margin-bottom: -5px;margin-left: 5px;"> |
| | | <el-form> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <el-form-item :label="$t('hellow.currenttask')" style="width: 14vw"> |
| | | {{ temperingtotal }} |
| | | </el-form-item> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <el-form-item :label="$t('hellow.claimednumber')" style="width: 14vw"> |
| | | {{ glasstotal }} |
| | | </el-form-item> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <el-form-item :label="$t('hellow.linenumber')" style="width: 14vw"> |
| | | {{ fulltotals }} |
| | | </el-form-item> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <div id="dotClass"> |
| | | <div style="margin-left: 70px;">{{ $t('hellow.freetwo') }}</div> |
| | | <i :style="{ marginTop: '2px', backgroundColor: freetwo, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i> |
| | | </div> |
| | | <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> |
| | | <el-table height="650" ref="table" :data="tableDataa" |
| | | :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="display: flex;margin-left: 40%;margin-top: 10px;"> |
| | | <!-- <div style="display: flex;margin-left: 40%;margin-top: 10px;"> |
| | | <div style="margin-top: 5px;margin-right: 5px;">{{ $t('hellow.line') }}</div> |
| | | <el-pagination |
| | | background |
| | |
| | | :current-page.sync="currentPage" |
| | | @current-change="handlePageChange1" |
| | | /> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <!-- 创建任务 --> |
| | | <el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%"> |
| | | <div style="display: flex;"> |
| | | <el-input v-model="flowCardId" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('searchOrder.incardnumber')" /> |
| | | <el-input v-model="filmsId" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('film.infilms')"/> |
| | | <el-input v-model="thickness" style="margin-left: 10px;margin-bottom: 10px;width: 240px;" :placeholder="$t('searchOrder.inthickness')"/> |
| | | <el-button type="primary" style="margin-left: 10px;margin-bottom: 10px;" @click="fetchFlowCardsearch"> |
| | | {{$t('reportmanage.inquire')}}</el-button> |
| | | </div> |
| | | <el-table |
| | | ref="table" |
| | | style="margin-top: 20px; height: 700px;" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-dialog> |
| | | <!-- 中空配方添加 --> |
| | | <el-dialog v-model="add" top="23vh" width="55%" :title="$t('hellow.hollowformula')" > |
| | | <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;"> |
| | | <el-form size="mini" label-width="150px"> |
| | | <el-form label-width="150px" label-position="right"> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.formulaName')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.formulaNamea')" v-model="formulaName" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('Mounting.removalmethoda')" :required="true" style="width: 16vw;"> |
| | | <el-select v-model="filmRemove" clearable style="width: 220px" :placeholder="$t('Mounting.removalmethod')"> |
| | | <el-option :label="$t('Mounting.removal')" value="1"></el-option> |
| | | <el-option :label="$t('Mounting.noremoval')" value="0"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.bottomRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.bottomRemovea')" v-model="bottomRemove" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.topRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.topRemovea')" v-model="topRemove" autocomplete="off" /> |
| | | </el-form-item> |
| | | </div></div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.leftRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.leftRemovea')" v-model="leftRemove" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.rightRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.rightRemovea')" v-model="rightRemove" autocomplete="off" /> |
| | | </el-form-item> |
| | | </div></div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button type="primary" @click="handleConfirm"> |
| | | {{ $t('basicData.confirm') }} |
| | | </el-button> |
| | | <el-button @click="add = false">{{ $t('basicData.cancel') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 中空配方修改 --> |
| | | <el-dialog v-model="adda" top="23vh" width="55%" :title="$t('hellow.edithollowformula')" > |
| | | <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;"> |
| | | <el-form size="mini" label-width="150px"> |
| | | <el-form label-width="150px" label-position="right"> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.formulaName')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.formulaNamea')" v-model="formulaName" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('Mounting.removalmethoda')" :required="true" style="width: 16vw;"> |
| | | <el-select v-model="filmRemove" clearable style="width: 220px" :placeholder="$t('Mounting.removalmethod')"> |
| | | <el-option :label="$t('Mounting.removal')" value="1"></el-option> |
| | | <el-option :label="$t('Mounting.noremoval')" value="0"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.bottomRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.bottomRemovea')" v-model="bottomRemove" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.topRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.topRemovea')" v-model="topRemove" autocomplete="off" /> |
| | | </el-form-item> |
| | | </div></div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10px;"> |
| | | <el-col :span="6"> |
| | | <div id="dt" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.leftRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.leftRemovea')" v-model="leftRemove" autocomplete="off" /> |
| | | </el-form-item></div></div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div id="dta" style="font-size: 15px;"> |
| | | <div> |
| | | <el-form-item :label="$t('hellow.rightRemove')" :required="true" style="width: 16vw;"> |
| | | <el-input :placeholder="$t('hellow.rightRemovea')" v-model="rightRemove" autocomplete="off" /> |
| | | </el-form-item> |
| | | </div></div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button type="primary" @click="handledit"> |
| | | {{ $t('basicData.confirm') }} |
| | | </el-button> |
| | | <el-button @click="adda = false">{{ $t('basicData.cancel') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </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-item> |
| | | <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | :placeholder="$t('hellow.croute')" |
| | | :placeholder="$t('hellow.line2')" |
| | | disabled |
| | | style="width: 270px" |
| | | v-model="cell"> |
| | | <el-option |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('hellow.hollowformulp')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | v-model="selectedFormulaName" |
| | | filterable |
| | | clearable |
| | | :placeholder="$t('hellow.phollowformula')" |
| | | style="width: 270px" |
| | | @change="handleFormulaChange" |
| | | > |
| | | <el-option |
| | | v-for="item in titleformulaName" |
| | | :key="item.id" |
| | | :label="item.formulaName" |
| | | :value="item.formulaName" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | <el-form-item :label="$t('hellow.route')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | :placeholder="$t('hellow.croute')" |
| | | :placeholder="$t('hellow.line2')" |
| | | disabled |
| | | style="width: 270px" |
| | | v-model="cella"> |
| | | <el-option |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('hellow.hollowformulp')" :required="true" style="width: 25vw;"> |
| | | <el-select |
| | | v-model="selectedFormulaName" |
| | | filterable |
| | | clearable |
| | | :placeholder="$t('hellow.phollowformula')" |
| | | style="width: 270px" |
| | | @change="handleFormulaChange" |
| | | > |
| | | <el-option |
| | | v-for="item in titleformulaName" |
| | | :key="item.id" |
| | | :label="item.formulaName" |
| | | :value="item.formulaName" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-form> |
| | | </div> |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 删除任务 --> |
| | | <el-dialog v-model="blindd" top="30vh" width="25%" :title="$t('hellow.hollowtaskdet')"> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button type="primary" @click="handled"> |
| | | {{ $t('basicData.confirm') }} |
| | | </el-button> |
| | | <el-button @click="blindd = false">{{ $t('basicData.cancel') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 预览 --> |
| | | <el-dialog v-model="dialogFormVisiblee" top="24vh" width="25%" :title="$t('hellow.reviewproject')" > |
| | | <div style="margin-left: 50px;margin-bottom: 10px;"> |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 中空配方 --> |
| | | <el-dialog v-model="mulan" top="15vh" width="70%" :title="$t('hellow.hollowformula')"> |
| | | <el-button id="searchButton" type="primary" @click="openAddDialog"> |
| | | {{ $t('basicData.add') }} |
| | | </el-button> |
| | | <el-table ref="table" style="margin-top: 20px;height: 400px;" |
| | | :data="tableDatax" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}"> |
| | | <el-table-column prop="formulaName" fixed align="center" :label="$t('hellow.formulaNamep')"/> |
| | | <el-table-column prop="filmRemove" align="center" :label="$t('Mounting.removalmethodp')" min-width="110"> |
| | | <template #default="scope"> |
| | | <el-tag :type="getcasOnea(scope.row.filmRemove)"> |
| | | {{ getStatuscasOnea(scope.row.filmRemove) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="topRemove" align="center" :label="$t('hellow.topRemovep')"> </el-table-column> |
| | | <el-table-column prop="bottomRemove" align="center" :label="$t('hellow.bottomRemovep')"> </el-table-column> |
| | | <el-table-column prop="leftRemove" align="center" :label="$t('hellow.leftRemovep')"> </el-table-column> |
| | | <el-table-column prop="rightRemove" align="center" :label="$t('hellow.rightRemovep')"> </el-table-column> |
| | | <el-table-column fixed="right" :label="$t('productStock.operate')" align="center" width="270"> |
| | | <template #default="scope"> |
| | | <el-button size="mini" type="text" plain @click="handleEdit(scope.row)">{{ $t('productStock.exit') }}</el-button> |
| | | <el-button size="mini" type="text" plain @click="opena(scope.row)">{{ $t('productStock.delete') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <template #footer> |
| | | <div id="dialog-footer"> |
| | | <el-button @click="mulan = false">{{ $t('large.close') }}</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | </template> |
| | | <script setup> |
| | | import {ElMessage} from 'element-plus' |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | import {onBeforeUnmount, onMounted, onUnmounted, ref, reactive, watch, computed} from "vue"; |
| | | import request from "@/utils/request" |
| | | import {host, WebSocketHost} from '@/utils/constants' |
| | |
| | | const blinda = ref(false) |
| | | const blindb = ref(false) |
| | | const blindc = ref(false) |
| | | const blindd = ref(false) |
| | | const mulan = ref(false) |
| | | const tableDataa = ref([]) |
| | | const tableDatab = ref([]) |
| | | const tableDatac = ref([]) |
| | | const allData = ref({}) |
| | | const flowCard = ref('') |
| | | const tableDatax = ref([]) |
| | | const cell = ref('') |
| | | const cella = ref('') |
| | | const selectedProjectNo = ref(''); |
| | | const ganghua = ref(true) |
| | | const totalPairQuantity = ref('') |
| | | const totalPairQuantitya = ref('') |
| | | const bottomRemove = ref('') |
| | | const filmRemove = ref('') |
| | | const formulaName = ref('') |
| | | const leftRemove = ref('') |
| | | const thickness = ref('') |
| | | const rightRemove = ref('') |
| | | const topRemove = ref('') |
| | | const filmsId = ref('') |
| | | const flowCardId = ref('') |
| | | const freetwo = ref('#911005'); |
| | | const dialogFormVisiblea = ref(false) |
| | | const dialogFormVisibleb = ref(false) |
| | | const dialogFormVisiblec = ref(false) |
| | | const dialogFormVisibled = ref(false) |
| | | const dialogFormVisiblee = ref(false) |
| | | const add = ref(false) |
| | | const adda = ref(false) |
| | | const currentPage2 = ref(1) |
| | | const currentRow = reactive({}); |
| | | const formattedProcessType = ref([]); |
| | | const selectedFormulaName = ref(''); |
| | | let selectedFormulaId = ref(null); |
| | | const formulaNameid = ref({ id: null }); |
| | | const titleformulaName = ref({ formulaName: [] ,formulaId: []}); |
| | | const titleSelectJson = ref({ processType: [] }); |
| | | const options = [ |
| | | { |
| | |
| | | { |
| | | value: 931, |
| | | label: t('hellow.line2'), |
| | | }, |
| | | { |
| | | value: 932, |
| | | label: t('hellow.line3'), |
| | | } |
| | | ] |
| | | let socket = null; |
| | |
| | | }; |
| | | const handleMessage = (data) => { |
| | | try { |
| | | tableDataa.value = data[931][0]; |
| | | const allPageData = data; |
| | | const currentPageKeyValue = currentPageKey.value; |
| | | const currentPageData = allPageData[currentPageKeyValue]; |
| | | if (currentPageData && Array.isArray(currentPageData) && currentPageData.length > 0) { |
| | | tableDataa.value = currentPageData[0]; |
| | | } else { |
| | | console.warn('No data for the current page key:', currentPageKeyValue); |
| | | } |
| | | if (data.freeTwoRequestEntity != null) { |
| | | freetwo.value = data.freeTwoRequestEntity[0] == true ? 'green' : '#911005'; |
| | | } |
| | | // if (currentPageData && Array.isArray(currentPageData) && currentPageData.length > 0) { |
| | | // tableDataa.value = currentPageData[0]; |
| | | // } else { |
| | | // console.warn('No data for the current page key:', currentPageKeyValue); |
| | | // } |
| | | } catch (error) { |
| | | console.error('Error parsing WebSocket message:', error); |
| | | } |
| | | }; |
| | | onMounted(() => { |
| | | socket = initializeWebSocket(socketUrl, handleMessage); |
| | | window.localStorage.setItem('flowCardId', '') |
| | | }); |
| | | onUnmounted(() => { |
| | | if (socket) { |
| | | closeWebSocket(socket); |
| | | } |
| | | }); |
| | | function getcasOnea(filmRemove) { |
| | | switch (filmRemove) { |
| | | case 1: |
| | | return 'success'; |
| | | case 0: |
| | | return 'warning'; |
| | | default: |
| | | return 'info'; |
| | | } |
| | | } |
| | | function getStatuscasOnea(filmRemove) { |
| | | switch (filmRemove) { |
| | | case 1: |
| | | return t('Mounting.removal'); |
| | | case 0: |
| | | return t('Mounting.noremoval'); |
| | | default: |
| | | return ''; |
| | | } |
| | | } |
| | | // 开始任务 |
| | | const handleBinda = (row) => { |
| | | blinda.value = true; |
| | |
| | | const handleBindc = (row) => { |
| | | blindc.value = true; |
| | | }; |
| | | // 删除任务 |
| | | const handleBindd = (row) => { |
| | | blindd.value = true; |
| | | }; |
| | | const removalMethodMap = { |
| | | 1: t('Mounting.removal'), |
| | | 0: t('Mounting.noremoval') |
| | | }; |
| | | // 处理编辑按钮点击 |
| | | function handleEdit(row) { |
| | | formulaName.value = row.formulaName; |
| | | filmRemove.value = removalMethodMap[row.filmRemove]; |
| | | bottomRemove.value = row.bottomRemove; |
| | | leftRemove.value = row.leftRemove; |
| | | rightRemove.value = row.rightRemove; |
| | | topRemove.value = row.topRemove; |
| | | adda.value = true; |
| | | } |
| | | function openAddDialog() { |
| | | formulaName.value = ''; |
| | | filmRemove.value = ''; |
| | | bottomRemove.value = ''; |
| | | leftRemove.value = ''; |
| | | rightRemove.value = ''; |
| | | topRemove.value = ''; |
| | | add.value = true; |
| | | } |
| | | const handlezhiban = () => { |
| | | dialogFormVisiblea.value = true; |
| | | fetchFlowCardId(); |
| | | }; |
| | | const handleormulan = () => { |
| | | mulan.value = true; |
| | | fetchmulan(); |
| | | }; |
| | | // 预览 |
| | | const selectproject = () => { |
| | |
| | | const handletake = (row) => { |
| | | window.localStorage.setItem('flowCardId', row.projectNumber) |
| | | dialogFormVisiblec.value = true; |
| | | fetchmulan() |
| | | }; |
| | | // 强制出片 |
| | | const handleout = (row) => { |
| | | window.localStorage.setItem('flowCardId', row.projectNumber) |
| | | dialogFormVisibled.value = true; |
| | | fetchmulan() |
| | | }; |
| | | // 创建任务 |
| | | const fetchFlowCardId = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard'); |
| | | const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ |
| | | filmsId: '', |
| | | flowCardId: '', |
| | | thickness: '', |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | const newData = parseData(response.data); |
| | |
| | | } catch (error) { |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | const fetchFlowCardsearch = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ |
| | | filmsId: filmsId.value, |
| | | flowCardId: flowCardId.value, |
| | | thickness: thickness.value |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | const newData = parseData(response.data); |
| | | tableDatab.value = newData; |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | | } catch (error) { |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | // 中空配方 |
| | | const fetchmulan = async () => { |
| | | try { |
| | | var url="/hollowGlass/hollowFormulaDetails/listFormulaDetails?keyword="+''; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | tableDatax.value = response.data; |
| | | titleformulaName.value = response.data.map(item => ({ formulaId: item.id, formulaName: item.formulaName })); |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | | } catch (error) { |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | const handleFormulaChange = (value) => { |
| | | const selectedItem = titleformulaName.value.find(item => item.formulaName === value); |
| | | if (selectedItem) { |
| | | formulaNameid.value = { id: selectedItem.formulaId }; |
| | | window.localStorage.setItem('id', formulaNameid.value.id) |
| | | } else { |
| | | formulaNameid.value = { id: null }; |
| | | } |
| | | }; |
| | | // 中空配方添加 |
| | | const handleConfirm = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowFormulaDetails/saveFormulaDetails',{ |
| | | formulaName: formulaName.value, |
| | | filmRemove: filmRemove.value, |
| | | bottomRemove: bottomRemove.value, |
| | | leftRemove: leftRemove.value, |
| | | rightRemove: rightRemove.value, |
| | | topRemove: topRemove.value, |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | tableDatax.value = response.data; |
| | | add.value = false |
| | | formulaName.value = ''; |
| | | filmRemove.value = ''; |
| | | bottomRemove.value = ''; |
| | | leftRemove.value = ''; |
| | | rightRemove.value = ''; |
| | | topRemove.value = ''; |
| | | fetchmulan() |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | | } catch (error) { |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | const removalMethodMapa = { |
| | | [t('Mounting.removal')]: 1, |
| | | [t('Mounting.noremoval')]: 0, |
| | | }; |
| | | // 中空配方修改 |
| | | const handledit = async () => { |
| | | try { |
| | | const response = await request.post('/hollowGlass/hollowFormulaDetails/updateFormulaDetails',{ |
| | | formulaName: formulaName.value, |
| | | filmRemove: removalMethodMapa[filmRemove.value], |
| | | bottomRemove: bottomRemove.value, |
| | | leftRemove: leftRemove.value, |
| | | rightRemove: rightRemove.value, |
| | | topRemove: topRemove.value, |
| | | }); |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | adda.value = false |
| | | fetchmulan() |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | | } catch (error) { |
| | | ElMessage.error('Error fetching data'); |
| | | } |
| | | }; |
| | | // 中空配方删除 |
| | | const opena = async(row) => { |
| | | try { |
| | | const confirmResult = await ElMessageBox.confirm( |
| | | t('hellow.hollowformuldet'), |
| | | t('productStock.prompt'), |
| | | { |
| | | confirmButtonText: t('productStock.yes'), |
| | | cancelButtonText: t('productStock.cancel'), |
| | | type: 'warning', |
| | | } |
| | | ); |
| | | if (confirmResult === 'confirm') { |
| | | var url="/hollowGlass/hollowFormulaDetails/deleteFormulaDetails?idList="+row.id; |
| | | const response = await request.post(url) |
| | | if (response.code === 200) { |
| | | ElMessage.success(response.message); |
| | | fetchmulan() |
| | | } else { |
| | | ElMessage.error(response.msg); |
| | | } |
| | | } |
| | | } catch (error) { |
| | | console.error('发生错误:', error); |
| | | } |
| | | }; |
| | | // 工程号 |
| | | const selectgong = async () => { |
| | |
| | | tableDataa.value = response.data; |
| | | dialogFormVisiblee.value = false |
| | | selectedProjectNo.value = '' |
| | | } else { |
| | | closeWebSocket(socket); |
| | | } else { |
| | | ElMessage.error('Failed to fetch data'); |
| | | } |
| | | } catch (error) { |
| | |
| | | console.error(error); |
| | | } |
| | | } |
| | | // 删除任务 |
| | | const handled = async () => { |
| | | try { |
| | | let flowCardId = window.localStorage.getItem('flowCardId') |
| | | if (flowCardId !== '') { |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/deleteHollowTaskDetails?flowCardId="+flowCardId + "&cell=" + 931; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | blindd.value = false; |
| | | } else { |
| | | ElMessage.error(response.message); |
| | | } |
| | | } else { |
| | | ElMessage({ |
| | | type: 'info', |
| | | message: t('basicData.infonull'), |
| | | }) |
| | | } |
| | | } catch (error) { |
| | | console.error(error); |
| | | } |
| | | } |
| | | // 领取任务 |
| | | const finisha = async () => { |
| | | let flowCardId = window.localStorage.getItem('flowCardId') |
| | | try { |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/receiveTask?cell="+cell.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value; |
| | | let id = window.localStorage.getItem('id') |
| | | try { |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/receiveTask?cell="+ 931 + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantity.value+ "&formulaId=" + id; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | | dialogFormVisiblec.value = false; |
| | | cell.value = ''; |
| | | formulaName.value = ''; |
| | | totalPairQuantity.value = ''; |
| | | } else { |
| | | ElMessage.error(response.message); |
| | |
| | | // 强制出片 |
| | | const finishb = async () => { |
| | | let flowCardId = window.localStorage.getItem('flowCardId') |
| | | let id = window.localStorage.getItem('id') |
| | | try { |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/forceOutGlass?cell="+cella.value + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantitya.value; |
| | | var url="/hollowGlass/hollowGlassOutRelationInfo/forceOutGlass?cell="+ 931 + "&flowCardId=" + flowCardId + "&totalPairQuantity=" + totalPairQuantitya.value+ "&formulaId=" + id; |
| | | const response = await request.post(url) |
| | | if (response.code == 200) { |
| | | ElMessage.success(response.message); |
| | |
| | | }); |
| | | </script> |
| | | <style scoped> |
| | | #dt { display:block; float:left;line-height: 20px;margin-left: 100px;} |
| | | #dta { display:block; float:left;line-height: 20px;margin-left: 80%;} |
| | | #dialog-footer { |
| | | text-align: center; |
| | | margin-top: -15px; |
| | | }</style> |
| | | } |
| | | #dotClass { |
| | | display: flex; |
| | | margin-left: 20px; |
| | | size: 50px; |
| | | margin-top: 20px; |
| | | margin-bottom: 10px; |
| | | } |
| | | </style> |