| | |
| | | font-size: 25px;
|
| | | }
|
| | |
|
| | | @media screen and (min-width: 1900px) { |
| | | .blocks{transform: scale(1.5,1.05);width: 1210px;}
|
| | | } |
| | |
|
| | | .el-message-box__btns {
|
| | | padding: 0px 15px 0;
|
| | | text-align: right;
|
| | |
| | | <div class="blocks-img2"></div>
|
| | | <div class="blocks-img3"></div>
|
| | | <el-button class="orderbutton1" type="primary" @click="showform2()">{{ $t('OrderInfo') }}</el-button>
|
| | | <el-button class="orderbutton2" type="primary" @click="showform6()">{{ $t('Production queue') }}</el-button>
|
| | | <el-button class="orderbutton2" type="primary" @click="showform6()">{{ $t('Outing Queue') }}</el-button>
|
| | |
|
| | | <!-- <div style="display:flex;position: absolute;float:left;z-index: 999;top:112px;left:328px;">
|
| | | <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist1" :key="item['date']"
|
| | |
| | | <el-button type="primary" @click="showcageinfo(1)">{{ $t('Query') }}</el-button>
|
| | | <el-table :data="cageinfo.slice((currentPages - 1) * pagesizes, currentPages * pagesizes)" :height="700" border
|
| | | style="width: 100%;overflow: auto;">
|
| | | <el-table-column :width="90" prop="cage" :label="$t('Cage No')"></el-table-column>
|
| | | <el-table-column :width="90" prop="cell" :label="$t('Slot No')"></el-table-column>
|
| | | <el-table-column :width="55" prop="tier" :label="$t('The Side')"></el-table-column>
|
| | | <el-table-column :width="145" prop="glassId" :label="$t('Barcode')"></el-table-column>
|
| | | <el-table-column :width="100" prop="orderId" :label="$t('Order No')"></el-table-column>
|
| | | <el-table-column :width="80" prop="listId" :label="$t('List No')"></el-table-column>
|
| | | <el-table-column :width="100" prop="boxId" :label="$t('Box No')"></el-table-column>
|
| | | <el-table-column :width="100" prop="state" :label="$t('State')">
|
| | | <el-table-column :min-width="50" prop="cage" :label="$t('Cage No')"></el-table-column>
|
| | | <el-table-column :min-width="50" prop="cell" :label="$t('Slot No')"></el-table-column>
|
| | | <el-table-column :min-width="55" prop="tier" :label="$t('The Side')"></el-table-column>
|
| | | <el-table-column :min-width="145" prop="glassId" :label="$t('Barcode')"></el-table-column>
|
| | | <el-table-column :min-width="100" prop="orderId" :label="$t('Order No')"></el-table-column>
|
| | | <el-table-column :min-width="80" prop="listId" :label="$t('List No')"></el-table-column>
|
| | | <el-table-column :min-width="100" prop="boxId" :label="$t('Box No')"></el-table-column>
|
| | | <el-table-column :min-width="90" prop="state" :label="$t('State')">
|
| | | <template slot-scope='scope'>
|
| | | {{
|
| | | scope.row.state == 1 ? $t('Normal') : scope.row.state == 2 ? $t('Entering') : scope.row.state == 3 ?
|
| | |
| | | }}
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column :width="150" prop="lengthWidth" :label="$t('Dim')">
|
| | | <el-table-column :min-width="150" prop="lengthWidth" :label="$t('Dim')">
|
| | | <template slot-scope='scope'>
|
| | | {{ scope.row.glassWidthMm }}{{ scope.row.glassWidthMm > 0 ? "*" : "" }}{{ scope.row.glassHeightMm }}
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column :width="280" :label="$t('Operate')">
|
| | | <el-table-column :min-width="250" :label="$t('Operate')">
|
| | | <template slot-scope='scope'>
|
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
|
| | | @click="deleteglass(scope.row.glassId, scope.row.state)">{{ $t('Delete') }}</el-button>
|
| | |
| | | </template>
|
| | | </el-dialog>
|
| | |
|
| | | <el-dialog :visible.sync="dialogFormVisible6" :title="$t('Production queue')" top="5vh">
|
| | | <!-- <el-button type="primary" @click="showform7()">{{ $t('Increase') }}</el-button> -->
|
| | | <el-dialog :visible.sync="dialogFormVisible6" :title="$t('Outing Queue')" top="5vh">
|
| | | <el-button type="primary" @click="isAllowQueueState()">{{ this.isAllowQueue == true ? $t('Start') : $t('Stop')
|
| | | }}</el-button>
|
| | |
|
| | | <el-table :data="this.OutSlice" :height="700" :span-method="objectSpanMethod" border
|
| | | style="width: 100%;overflow: auto;">
|
| | | <el-table-column prop="glassId" :label="$t('Barcode')"></el-table-column>
|
| | |
| | | <el-table-column prop="barcode" :label="$t('Frame No')"></el-table-column>
|
| | | <el-table-column :width="280" :label="$t('Operate')">
|
| | | <template slot-scope='scope'>
|
| | | <el-button type="text" size="small" @click="getTopMove(scope.row, scope.$index)"
|
| | | <el-button type="text" size="small" @click="getTopMove(scope.row, scope.$index)" style="font-size: 15px;"
|
| | | :disabled="(scope.$index == 0 || isAllowQueue == true || scope.row.state == 1)">
|
| | | 置顶
|
| | | {{$t('Top')}}
|
| | | </el-button>
|
| | | <el-button type="text" size="small" @click="getUpMove(scope.row, scope.$index)"
|
| | | <el-button type="text" size="small" @click="getUpMove(scope.row, scope.$index)" style="font-size: 15px;"
|
| | | :disabled="(scope.$index == 0 || isAllowQueue == true || scope.row.state == 1)">
|
| | | 上移
|
| | | {{$t('Up')}}
|
| | | </el-button>
|
| | | <el-button type="text" size="small" @click="getDownMove(scope.row, scope.$index)"
|
| | | :disabled="(OutSlice.length - 1 == scope.$index || isAllowQueue == true || scope.row.state == 1)">下移
|
| | | <el-button type="text" size="small" @click="getDownMove(scope.row, scope.$index)" style="font-size: 15px;"
|
| | | :disabled="(OutSlice.length - 1 == scope.$index || isAllowQueue == true || scope.row.state == 1)">
|
| | | {{$t('Down')}}
|
| | | </el-button>
|
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" :disabled="isAllowQueue"
|
| | | @click="deleteproductionqueueglass(scope.row.barcode)">{{ $t('Delete') }}</el-button>
|
| | |
| | | <el-table-column prop="storageCage.cage" :label="$t('Cage No')"></el-table-column>
|
| | | <el-table-column prop="storageCage.cell" :label="$t('Slot No')"></el-table-column>
|
| | | <el-table-column prop="storageCage.tier" :label="$t('The Side')"></el-table-column>
|
| | |
|
| | | <el-table-column prop="FrameNo" :label="$t('Frame No')"></el-table-column>
|
| | |
|
| | | <el-table-column prop="Flip" :label="$t('Flip')"></el-table-column>
|
| | | <el-table-column prop="out_slice.state" :label="$t('In the queue')">
|
| | | <template slot-scope='scope'>
|
| | |
| | | console.log("您的浏览器不支持WebSocket");
|
| | | } else {
|
| | | //console.log("您的浏览器支持WebSocket");
|
| | | let socketUrl = "ws://" + this.$t('ip')+":8888" + "/springboot-vue3/api/talk/" + viewname;
|
| | | let socketUrl = "ws://" + this.$t('ip') + ":8888" + "/springboot-vue3/api/talk/" + viewname;
|
| | | if (socket != null) {
|
| | | socket.close();
|
| | | socket = null;
|
| | |
| | | if (this.isAllowQueue == true) {
|
| | | this.OutSlice = obj.listoutslice[0];
|
| | | }
|
| | | //获取上片位玻璃信息
|
| | | this.loadglassheight = obj.loadglassheight;
|
| | | if (obj.zhuangtai != null) {
|
| | | this.zhuangtai = obj.zhuangtai[0];
|
| | | }
|
| | | // if (this.dialogFormVisible7 == true) {
|
| | | // this.showform7();
|
| | | // } else {
|
| | | // if (obj.FrameNo != null && obj.FrameNo != "") {
|
| | | // this.framebarcode = obj.FrameNo[0];
|
| | | // this.showform7();
|
| | | // this.addoutslice();
|
| | | // }
|
| | | // }
|
| | | //上片位玻璃信息
|
| | | if (obj.form2 != null && obj.form2 != "") {
|
| | | this.form2 = obj.form2[0];
|
| | | } else {
|
| | | this.form2 = {};
|
| | | }
|
| | | |
| | | //是否需要手动确认上片
|
| | | this.isConfirm = obj.isConfirm[0];
|
| | | //扫码位玻璃信息
|
| | | if (obj.form3 != null && obj.form3 != "" && obj.state[0] == 1) {
|
| | | this.form3 = obj.form3[0];
|
| | | } else {
|
| | | this.form3 = {};
|
| | | }
|
| | | this.isConfirm = obj.isConfirm[0];
|
| | | if (obj.form3 != null && obj.form3 != "" && obj.state[0] == 0) {
|
| | | this.form5 = obj.form3[0];
|
| | | this.showform3();
|
| | | this.Sizerange(this.form5);
|
| | | this.Sizerange(this.form5, 3);
|
| | |
|
| | | } else {
|
| | | this.Sizerange(this.form5);
|
| | | this.Sizerange(this.form5, 3);
|
| | | }
|
| | | //数据库连接是否正常
|
| | | if (obj.dbconnected == "false") {
|
| | | this.text = this.$t('DataBase Connection failed');
|
| | | }
|
| | | //理片笼玻璃信息
|
| | | if (this.dialogFormVisible3 == true) {
|
| | | SelectCageInfo(this.cageglassid).then(res => {
|
| | | this.cageinfo = res.data.cageinfo;
|
| | |
| | | home().then(res => {
|
| | | this.tableData = res.data.list;
|
| | | });
|
| | | SelectCageInfo(1).then(res => {
|
| | | //加载理片笼玻璃信息
|
| | | SelectCageInfo("").then(res => {
|
| | | this.cageinfo = res.data.cageinfo;
|
| | | this.currentPages = 1;
|
| | | });
|
| | |
| | | },
|
| | | //获取扫码位和上片位数据
|
| | | SelectGlassByGlassIDs(parameter) {
|
| | |
|
| | | this.showform3();
|
| | | if (parameter == 1) {
|
| | | SelectGlassByGlassID(this.glassid2).then(res => {
|
| | | if (res.data.form != null) {
|
| | | this.form4 = res.data.form;
|
| | | this.$message.success(this.$t('query was successful'));
|
| | | this.Sizerange(this.form4);
|
| | | if (res.data.form.glassId != null) {
|
| | | this.form4 = res.data.form;
|
| | | this.$message.success(this.$t('query was successful'));
|
| | | this.Sizerange(this.form4, 2);
|
| | | } else {
|
| | | this.$message.error(this.$t('There is no such glass'));
|
| | | }
|
| | |
|
| | | } else {
|
| | | this.$message.error(this.$t('There is no such glass'));
|
| | | }
|
| | | if (this.form4.length > 0) {
|
| | | if (this.form4.glassId == "") {
|
| | | this.disabled = false;
|
| | | } else {
|
| | | this.disabled = true;
|
| | | }
|
| | | }
|
| | |
|
| | | });
|
| | | } else {
|
| | | SelectGlassByGlassID(this.glassid1).then(res => {
|
| | | if (res.data.form != null) {
|
| | | this.form5 = res.data.form;
|
| | | this.$message.success(this.$t('query was successful'));
|
| | | this.Sizerange(this.form5);
|
| | | if (res.data.form.glassId != null) {
|
| | | this.form5 = res.data.form;
|
| | | this.$message.success(this.$t('query was successful'));
|
| | | this.Sizerange(this.form5, 1);
|
| | | } else {
|
| | | this.$message.error(this.$t('There is no such glass'));
|
| | | }
|
| | | } else {
|
| | | this.$message.error(this.$t('There is no such glass'));
|
| | | }
|
| | | if (this.form5.length > 0) {
|
| | | if (this.form5.glassId == "") {
|
| | | this.disabled = false;
|
| | | } else {
|
| | | this.disabled = true;
|
| | | }
|
| | | }
|
| | |
|
| | | });
|
| | | }
|
| | |
|
| | | },
|
| | | //查询客户玻璃信息
|
| | | selectglassinfo() {
|
| | | SelectGlass(this.orderid).then(res => {
|
| | | this.currentPage = 1;
|
| | | this.GlassInfo = res.data.glass;
|
| | | });
|
| | | },
|
| | | //显示客户玻璃信息
|
| | | showform2() {
|
| | | SelectGlass(this.orderid).then(res => {
|
| | | this.GlassInfo = res.data.glass;
|
| | | });
|
| | | this.dialogFormVisible4 = true;
|
| | | },
|
| | | //显示出片队列
|
| | | showform6() {
|
| | | this.dialogFormVisible6 = true;
|
| | | },
|
| | | //显示铝框对应玻璃信息
|
| | | showform7() {
|
| | | //查询铝框id对应玻璃信息
|
| | | SelectAluminumFrameInfoById(this.framebarcode).then(res => {
|
| | |
| | | this.dialogFormVisible1 = false;
|
| | | this.form1 = {};
|
| | | },
|
| | | //取消操作时关闭页面
|
| | | cancel3() {
|
| | | this.dialogFormVisible5 = false;
|
| | | this.form1 = {};
|
| | |
| | | message: this.$t('Operation canceled')
|
| | | });
|
| | | });
|
| | | }, handleEdit(index, row) {
|
| | | console.log(index, row);
|
| | | },
|
| | | //表格删除
|
| | | handleDelete(index, row) {
|
| | |
| | | }
|
| | | });
|
| | | },
|
| | | //铝框对应玻璃信息添加铝框id和是否添加到队列
|
| | | CheckBoxchange(glassid, isChecked) {
|
| | | this.AluminumFrame.forEach(item => { item.barcode = glassid; item.isCheck = isChecked })
|
| | | },
|
| | | //添加到出片队列
|
| | | addoutslice() {
|
| | | var dats_ = new Array();
|
| | | this.AluminumFrame.forEach(item => {
|
| | |
| | | this.$message.success(this.$t('Operation successful'));
|
| | | }
|
| | | });
|
| | | }, getTopMove(row, index) {
|
| | | }, |
| | | //置顶
|
| | | getTopMove(row, index) {
|
| | | let Sequence = [];
|
| | | this.OutSlice.forEach(item => {
|
| | | Sequence.push(item.sequence);
|
| | |
| | | }
|
| | | this.UpdateSequence(Sequence);
|
| | | },
|
| | | //修改顺序
|
| | | UpdateSequence(Sequence) {
|
| | | let i = 0;
|
| | | this.OutSlice.forEach(item => {
|
| | |
| | | });
|
| | | }
|
| | | ,
|
| | | arraySpanMethod({ row, column, rowIndex, columnIndex }) {
|
| | | console.log(row, column);
|
| | | if (rowIndex % 2 === 0) {
|
| | | if (columnIndex === 0) {
|
| | | return [1, 2];
|
| | | } else if (columnIndex === 1) {
|
| | | return [0, 0];
|
| | | }
|
| | | }
|
| | | },
|
| | | //合并行
|
| | | objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
| | | // console.log(row, column, "ss");
|
| | |
| | | if (rowIndex != 0) {
|
| | | barcode2 = arrOutSlice[rowIndex - 1].barcode;
|
| | | }
|
| | | if (columnIndex === 9) {
|
| | | if (columnIndex === 10) {
|
| | | if (barcode != barcode2) {
|
| | | // this.FrameNoFlag = barcode;
|
| | | for (let i = rowIndex; i < this.OutSlice.length; i++) {
|
| | |
| | | }
|
| | | },
|
| | | //判断玻璃是否超出范围
|
| | | Sizerange(Glass) {
|
| | | Sizerange(Glass, position) {
|
| | | if ((Glass.glassheight < 380 || Glass.glasswidth < 390 || Glass.glassheight > 1810 || Glass.glasswidth > 2760) || (Glass.glassheight < 390 || Glass.glasswidth < 380 || Glass.glassheight > 2760 || Glass.glasswidth > 1810)) {
|
| | | // if (this.disabled == false) {
|
| | | this.$alert(this.$t('The glass size is not within the range'), this.$t('confirm'), {
|
| | | confirmButtonText: this.$t('Yes'),
|
| | | type: 'info',
|
| | | callback: (action) => {
|
| | | this.$message({
|
| | | type: 'info',
|
| | | message: `action: ${ action }`
|
| | | }).then(
|
| | | this.DeleteBarcodeGlass()
|
| | | );
|
| | | }
|
| | | });
|
| | | if (position == 1 || position == 3) {
|
| | | this.disabled1 = true;
|
| | | } else {
|
| | | this.disabled = true;
|
| | | // this.$message.error(this.$t('The glass size is not within the range'));
|
| | | this.$alert(this.$t('The glass size is not within the range'), this.$t('confirm'), {
|
| | | confirmButtonText: this.$t('Yes'),
|
| | | type:'info',
|
| | | callback: action => {
|
| | | this.$message({
|
| | | type: 'info',
|
| | | action: action
|
| | | }).then(
|
| | | this.DeleteBarcodeGlass()
|
| | | );
|
| | | }
|
| | | });
|
| | | // }
|
| | | // this.$message(this.$t('The glass size is not within the range'), this.$t('confirm'), {
|
| | | // // confirmwidth: 7000,
|
| | | // // height: 8000,
|
| | | // confirmButtonText: this.$t('Yes'),
|
| | | // type: 'info'
|
| | | // }).then(() => {
|
| | | // this.$message.success(this.$t('Operation successful'));
|
| | | // }).catch(() => {
|
| | | // this.$message({
|
| | | // type: 'warning',
|
| | | // message: this.$t('Operation canceled')
|
| | | // });
|
| | | // });
|
| | | // }
|
| | | this.disabled1 = true;
|
| | | } else {
|
| | | this.disabled1 = false;
|
| | | }
|
| | | } else {
|
| | | if (position == 1 || position == 3) {
|
| | | this.disabled1 = false;
|
| | | } else {
|
| | | this.disabled = false;
|
| | | }
|
| | | if (position == 3&&this.isConfirmState==true) {
|
| | | this.InsertQueueGlass(1);
|
| | | }
|
| | | }
|
| | | },
|
| | | //清空待确认玻璃信息
|
| | | DeleteBarcodeGlass() {
|
| | | this.form5 = {};
|
| | | }
|
| | | },
|
| | | DeleteBarcodeGlass(){
|
| | | this.form5={};
|
| | | }
|
| | | }
|
| | | }
|
| | | </script> |