| | |
| | | text-align: right;
|
| | | }
|
| | |
|
| | | .hide {
|
| | | display: none;
|
| | | }
|
| | |
|
| | | /* .el-table td,
|
| | | .el-table th {
|
| | | padding: 0px 0;
|
| | |
| | | </div>
|
| | | </div>
|
| | | <div style="display:flex;justify-content: space-around;width: 9zz5%;margin: 0 auto;">
|
| | | <el-input style="width:15%;" :placeholder="$t('Enter the glass barcode')" v-model="glassid1"></el-input>
|
| | | <el-button type="primary" @click="SelectGlassByGlassIDs(2)" :disabled="ManuallyInfeedGlass">
|
| | | <el-input style="width:15%;" :placeholder="$t('Enter the glass barcode')" v-model="glassid1"
|
| | | :class="ManuallyInfeedGlass == true ? 'hide' : ''"></el-input>
|
| | | <el-button type="primary" @click="SelectGlassByGlassIDs(2)" :disabled="ManuallyInfeedGlass"
|
| | | :class="ManuallyInfeedGlass == true ? 'hide' : ''">
|
| | | {{ $t('Manually Infeed Glass') }}</el-button>
|
| | | <!-- <el-input style="width:15%;" :placeholder="$t('Enter the Order No')" v-model="order"></el-input>
|
| | | <el-button type="warning" @click="showform1();">{{ $t('Exit the glass by order number') }}</el-button> -->
|
| | |
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
|
| | | @click="endtask(1, scope.row.glassId, scope.row.cell)">{{ $t('Terminate Task')
|
| | | }}</el-button>
|
| | |
|
| | | </template>
|
| | | </el-table-column>
|
| | | </el-table>
|
| | |
| | | <template slot-scope='scope'>
|
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
|
| | | @click="endtask(0, scope.row.glassId, scope.row.cell)">{{ $t('Terminate Task')
|
| | | }}</el-button>
|
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
|
| | | @click="endtask(2, scope.row.glassId, scope.row.cell)">{{ $t('Complete Task')
|
| | | }}</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | |
| | | <div class="blocks-img" :style="{ left: car2 + 'px', top: '175px' }"></div>
|
| | | <div class="blocks-img2"></div>
|
| | | <div class="blocks-img3"></div>
|
| | | <el-button class="orderbutton1" type="primary" @click="showform2()" :disabled="OrderInfo">{{ $t('OrderInfo')
|
| | | <el-button class="orderbutton1" type="primary" @click="showform2()" :disabled="OrderInfo"
|
| | | :class="OrderInfo == true ? 'hide' : ''">{{ $t('OrderInfo')
|
| | | }}</el-button>
|
| | | <el-button class="orderbutton2" type="primary" @click="showform6()" :disabled="OutingQueue">
|
| | | <el-button class="orderbutton2" type="primary" @click="showform6()" :disabled="OutingQueue"
|
| | | :class="OutingQueue == true ? 'hide' : ''">
|
| | | {{ $t('Outing Queue') }}</el-button>
|
| | |
|
| | | <!-- <div style="display:flex;position: absolute;float:left;z-index: 999;top:112px;left:328px;">
|
| | |
| | | {{ scope.row.disabled == 0 ? $t('Enable') : $t('Disable') }}</el-button>
|
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"
|
| | | :disabled="scope.row.glassId != null ? true : false"
|
| | | @click="insertglass(scope.row.cage, scope.row.cell, scope.row.tier)">{{ $t('Increase')
|
| | | @click="insertglass(scope.row.cage, scope.row.cell, scope.row.tier)">{{ $t('Add')
|
| | | }}</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | |
| | | }}</el-button>
|
| | | <el-table :data="this.OutSlice" :height="700" :span-method="objectSpanMethod" border :cell-style="cellStyle"
|
| | | style="width: 100%;overflow: auto;font-size: 18px;">
|
| | | <el-table-column :min-width="100" prop="glassId" :label="$t('Barcode')"></el-table-column>
|
| | | <el-table-column prop="storageCage.orderId" :label="$t('Order No')"></el-table-column>
|
| | | <el-table-column prop="storageCage.listId" :label="$t('List No')"></el-table-column>
|
| | | <el-table-column prop="storageCage.boxId" :label="$t('Box No')"></el-table-column>
|
| | | <el-table-column prop="storageCage.glasswidthmm" :label="$t('Length')"></el-table-column>
|
| | | <el-table-column prop="storageCage.glassheightmm" :label="$t('Width')"></el-table-column>
|
| | | <el-table-column :min-width="175" prop="glassId" :label="$t('Barcode')"></el-table-column>
|
| | | <el-table-column :min-width="90" prop="storageCage.orderId" :label="$t('Order No')"></el-table-column>
|
| | | <el-table-column :min-width="70" prop="storageCage.listId" :label="$t('List No')"></el-table-column>
|
| | | <el-table-column :min-width="70" prop="storageCage.boxId" :label="$t('Box No')"></el-table-column>
|
| | | <el-table-column :min-width="100" prop="storageCage.glasswidthmm" :label="$t('Length')"></el-table-column>
|
| | | <el-table-column :min-width="100" prop="storageCage.glassheightmm" :label="$t('Width')"></el-table-column>
|
| | | <el-table-column :min-width="90" prop="state" :label="$t('Glass State')">
|
| | | <template slot-scope='scope'>
|
| | | {{ scope.row.state == 0 ? $t('Waiting') : scope.row.state == 1 ? $t('Outing') : scope.row.state == 2
|
| | |
| | | <el-table-column :min-width="300" prop="position" :label="$t('Position')" style="font-size: 20px;">
|
| | | <template slot-scope='scope'>
|
| | | <!-- {{ scope.row.position == 1 ? "<>▄▄▄" : "▋" }} -->
|
| | | <div :style="'width:'+(scope.row.position==1?'300':'100') +'px;height:'+(scope.row.position==1?'100':'300') +'px;background-Color:gray;'">
|
| | | <div
|
| | | :style="'width:' + (scope.row.position == 1 ? '300' : '100') + 'px;height:' + (scope.row.position == 1 ? '100' : '200') + 'px;background-Color:gray;margin:0 auto;'">
|
| | | <!-- <div :style="'width:100px;height:300px;background-Color:red;'"></div> -->
|
| | | </div>
|
| | | <!-- {{ scope.row.position == 1 ? "<div></div>" : "<div></div>" }} -->
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column prop="position" :label="$t('Flip')">
|
| | | <el-table-column prop="position" :label="$t('Flipped')" :min-width="200">
|
| | | <template slot-scope='scope'>
|
| | | {{ scope.row.flip == 1 ? $t('Yes') : $t('No') }}
|
| | | {{ scope.row.flip == true ? $t('EXTERIQR OUT AND BYPASS TO THE LEFT') : $t('EXTERIQR OUT AND BYPASS TO THE RIGHT') }}
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column prop="barcode" :label="$t('Frame No')"></el-table-column>
|
| | |
| | | top="5vh">
|
| | | <el-input style="width:15%;" :placeholder="$t('Enter the Frame No')" v-model="framebarcode"></el-input>
|
| | | <el-button type="primary" @click="showform7()">{{ $t('Query') }}</el-button>
|
| | | <el-button type="primary" @click="addoutslice()">{{ $t('Increase') }}</el-button>
|
| | | <el-button type="primary" @click="addoutslice()">{{ $t('Add') }}</el-button>
|
| | | <el-table :data="this.AluminumFrame" :height="700" border style="width: 100%;overflow: auto;">
|
| | |
|
| | | <el-table-column prop="barcode" :label="$t('Barcode')"></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="Flip" :label="$t('Flipped')"></el-table-column>
|
| | | <el-table-column prop="out_slice.state" :label="$t('In the queue')">
|
| | | <template slot-scope='scope'>
|
| | | {{ scope.row.out_slice != null ? $t('Yes') : $t('No') }}
|
| | |
| | | OutingQueue: true,
|
| | | OrderInfo: true,
|
| | | CageDetails: true,
|
| | | CountDowns: "EMERGENCY \r\n STOP",
|
| | | CountDowns: "0",
|
| | | D01RequestState: false,
|
| | | EmergencyStop: false,
|
| | | PromptSize: 250,
|
| | |
| | | }
|
| | | //是否急停
|
| | | this.EmergencyStop = obj.emergencystop[0];
|
| | | console.log(this.EmergencyStop);
|
| | |
|
| | | //复位倒计时
|
| | | if ((obj.countdown[0] == true && this.CountDowns == 0) || this.EmergencyStop == true) {
|
| | | this.CountDown();
|
| | | }
|
| | | //复位完成信号
|
| | | console.log(this.reset);
|
| | | this.reset=obj.reset[0];
|
| | | //是否有进片请求
|
| | | this.D01RequestState = obj.D01RequestState[0];
|
| | |
| | | if (columnIndex === 8) {
|
| | | style = "font-size:200px;text-align: center;height:200px;";
|
| | | }
|
| | | if (columnIndex === 9 && row.flip == 1) {
|
| | | style = "background-Color:yellow;";
|
| | | }
|
| | | // if (columnIndex === 9 && row.flip == 1) {
|
| | | // style = "background-Color:yellow;";
|
| | | // }
|
| | | if (columnIndex === 6 && row.state == 3) {
|
| | | style = "background-Color:gray;";
|
| | | }
|
| | |
| | | if (rowIndex != 0) {
|
| | | barcode2 = arrOutSlice[rowIndex - 1].barcode;
|
| | | }
|
| | | if (columnIndex === 12) {
|
| | | if (columnIndex === 12||columnIndex === 8) {
|
| | | if (barcode != barcode2) {
|
| | | // this.FrameNoFlag = barcode;
|
| | | for (let i = rowIndex; i < this.OutSlice.length; i++) {
|
| | |
| | | barcode = arrOutSlice[i].barcode;
|
| | | rowspans += 1;
|
| | | } else {
|
| | |
|
| | | break;
|
| | | }
|
| | | }
|
| | |
| | | let timer = setInterval(
|
| | | () => {
|
| | | if (this.EmergencyStop == true) {
|
| | | this.dialogFormCountDown = false;
|
| | | clearInterval(timer);
|
| | | this.PromptSize = 250;
|
| | | this.CountDowns = "EMERGENCY \n STOP";
|
| | | this.CountDowns = "0";
|
| | | } else {
|
| | | if (count > 0) {
|
| | | this.PromptSize = 500;
|
| | |
| | | count--;
|
| | | }
|
| | | else {
|
| | | this.PromptSize = 250;
|
| | | this.CountDowns = "Waiting \n for \n reset";
|
| | | this.PromptSize = 200;
|
| | | this.CountDowns = "Waiting for reset";
|
| | | if(this.reset==true){
|
| | | clearInterval(timer);
|
| | | this.dialogFormCountDown = false;
|